/**
 * APITable <https://github.com/apitable/apitable>
 * Copyright (C) 2022 APITable Ltd. <https://apitable.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
:root {
  --static-white: #FFFFFF;
  --static-white-rgb: 255, 255, 255;
  --static-primary-color: #7B67EE;
  --static-black: #262626;
  --static-black-rgb: 38, 38, 38;
  --static-delete-bg: var(--red_200);
  --static-delete-bg-rgb: 255, 180, 175;
  --static-add-bg: var(--teal_200);
  --static-add-bg-rgb: 139, 221, 190;
}
:root[data-theme="light"] {
  --closeIconBg: rgba(38, 38, 38, 0.5);
  --workdocSelectionBg: rgba(123, 103, 238, 0.2);
}
:root[data-theme="dark"] {
  --closeIconBg: rgba(255, 255, 255, 0.1);
  --workdocSelectionBg: rgba(144, 127, 240, 0.16);
}

/**
* 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_contextmenuItem__L6KFF {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  cursor: pointer;
}
.style_contextmenuItem__L6KFF.disabled .style_name__J96vt {
  color: var(--fc3);
  cursor: not-allowed;
}
.style_contextmenuItem__L6KFF:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_contextmenuItem__L6KFF svg {
  fill: var(--thirdLevelText);
  margin-right: 4px;
}
.style_contextmenuItem__L6KFF .style_arrow__3J1YH {
  width: 10px;
  height: 10px;
  fill: var(--thirdLevelText);
}
.style_contextmenuItem__L6KFF .style_name__J96vt {
  color: var(--firstLevelText);
  font-size: 13px;
}
.style_contextmenuItem__L6KFF .style_shortcutKey__x6_HZ {
  flex: 1;
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: right;
  text-transform: capitalize;
}
.style_contextmenuDivider__7ay5W {
  height: 9px;
  background: var(--lineColor);
  padding: 4px 16px;
  background-clip: content-box;
  pointer-events: none;
}
@media screen and (max-width: 767.98px) {
  .style_contextmenuItem__L6KFF {
    padding: 0 40px 0 24px;
  }
  .style_contextmenuItem__L6KFF:hover {
    background: transparent;
  }
  .style_contextmenuItem__L6KFF svg {
    margin-right: 8px;
  }
  .style_contextmenuItem__L6KFF .style_name__J96vt {
    height: 100%;
    flex: 1;
  }
  .style_contextmenuItem__L6KFF .style_shortcutKey__x6_HZ {
    display: none;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_drawerPopup__Ua1ae .ant-drawer-body {
  height: 100%;
}
.style_drawerPopup__Ua1ae .ant-drawer-content-wrapper {
  min-height: 20%;
  max-height: 96%;
}
.style_drawerPopup__Ua1ae .ant-drawer-content-wrapper,
.style_drawerPopup__Ua1ae .ant-drawer-content {
  border-radius: 16px 16px 0 0;
}
.style_drawerPopup__Ua1ae .ant-drawer-header {
  border: none;
  padding: 24px;
}
.style_drawerPopup__Ua1ae .ant-drawer-title {
  font-size: 18px;
  font-weight: bold;
}
.style_drawerPopup__Ua1ae .ant-drawer-body {
  padding: 0 24px 24px 24px;
}
.style_drawerPopup__Ua1ae .ant-drawer-close {
  padding: 0;
  top: 24px;
  right: 20px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.style_drawerPopup__Ua1ae .ant-drawer-close svg {
  background-color: var(--rowSelectedBg);
  border-radius: 50%;
}
.style_drawerPopup__Ua1ae .ant-drawer-footer {
  padding: 0 24px 24px;
  border: none;
  -webkit-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .style_drawerPopup__Ua1ae .ant-drawer-close svg {
    background-color: transparent;
  }
}
.style_closeIconWrapper__zdV4j {
  background-color: var(--rowSelectedBg);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.style_closeIconWrapper__zdV4j::after {
  content: '';
  position: absolute;
  width: 48px;
  height: 48px;
}

/**
* 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__841M3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__TCU_2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___ywrN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___ywrN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___ywrN 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___ywrN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___ywrN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___ywrN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___ywrN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___ywrN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___ywrN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__1P54F {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__y8WQg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___zvdt .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___zvdt .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___zvdt .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___zvdt .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___zvdt .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___zvdt .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___zvdt .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___zvdt .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___zvdt .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___zvdt .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___zvdt .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___zvdt .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___zvdt .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___zvdt .editBgColor::before,
.style_tree___zvdt .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___zvdt .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___zvdt .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___zvdt .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___zvdt .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___zvdt .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___zvdt .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___zvdt .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___zvdt .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___zvdt .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__wKw_1 .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__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__wKw_1 .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__wKw_1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__wKw_1 .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__wKw_1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__wKw_1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QZ4_v .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__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QZ4_v .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__QZ4_v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QZ4_v .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__QZ4_v .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__QZ4_v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QZ4_v .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__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QZ4_v .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__df2_R::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__df2_R::-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__df2_R:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__LX9YU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__LX9YU::-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__LX9YU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uEGSy {
  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__lEzKI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lEzKI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lEzKI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lEzKI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lEzKI {
    flex: 0 0 100%;
  }
}
.style_mobileContextMenu__WSDGa .ant-drawer-body > div {
  max-height: calc(100vh - 118px);
}
.style_mobileContextMenu__WSDGa .style_group__vbTNm {
  background: var(--defaultBg);
  border-radius: 8px;
}
.style_mobileContextMenu__WSDGa .style_group__vbTNm:not(:nth-child(1)) {
  margin-top: 16px;
}
.style_mobileContextMenu__WSDGa .style_group__vbTNm .style_item__I9TZH {
  height: 48px;
  line-height: 48px;
}
.style_mobileContextMenu__WSDGa .style_group__vbTNm .style_item__I9TZH.style_warn__8U26C div {
  color: var(--errorColor);
}
.style_mobileContextMenu__WSDGa .style_group__vbTNm .style_item__I9TZH.style_warn__8U26C svg {
  fill: var(--errorColor);
}
@media screen and (min-width: 768px) {
  .style_mobileContextMenu__WSDGa .style_group__vbTNm .style_item__I9TZH:not(:last-child) > div {
    position: relative;
  }
  .style_mobileContextMenu__WSDGa .style_group__vbTNm .style_item__I9TZH:not(:last-child) > div::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--lineColor);
    transform: scaleY(0.5);
  }
}
.style_mobileContextMenu__WSDGa .ant-drawer-content {
  background: var(--lowestBg);
}
@media screen and (max-width: 768px) {
  .style_mobileContextMenu__WSDGa .style_group__vbTNm:not(:nth-child(1)) {
    margin-top: 0;
    border-radius: unset;
    border-top: 1px solid var(--lineColor);
  }
}

.style_modalFooterBtnWrapper__WB3eJ {
  display: flex;
  justify-content: flex-end;
}
.style_modalFooterBtnWrapper__WB3eJ .cancelBtn {
  color: var(--fc1);
}
.style_modalFooterBtnWrapper__WB3eJ button:nth-of-type(2) {
  margin-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_upgradeInDingDingContent__fhceN {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 24px;
}
.style_des__F2qAg {
  font-size: 14px;
  margin: 24px 0 32px;
  color: var(--secondLevelText);
  text-align: left;
}

.style_modalBase__N6S_P .ant-modal-body {
  padding: 0 24px 24px;
}
.style_modalBase__N6S_P .ant-modal-title {
  font-weight: bold;
  padding-right: 48px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.style_funcModal__PNmiy .ant-modal-body {
  padding: 24px 24px 16px;
}
.style_funcModal__PNmiy .ant-modal-footer {
  padding: 24px;
}
.style_funcModal__PNmiy .style_iconWrapper__py993 {
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.style_funcModal__PNmiy .style_statusIcon__pA8vH {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_funcModal__PNmiy .style_text__YegcM {
  flex: 1;
  overflow: hidden;
}
.style_funcModal__PNmiy .style_titleContent__HeSzO {
  display: flex;
}
.style_funcModal__PNmiy .style_title__c4QGq {
  font-size: 16px;
  color: var(--firstLevelText);
  font-weight: bold;
  margin: 0;
}
.style_funcModal__PNmiy .style_content__3wrpQ {
  font-size: 13px;
  color: var(--fc1);
  font-weight: normal;
  line-height: 20px;
  padding-top: 9px;
}
.style_funcModal__PNmiy .style_body__bHXnh.style_noTitle__T9CT1 .style_statusIcon__pA8vH {
  height: 22px;
}
.style_funcModal__PNmiy .style_body__bHXnh.style_noTitle__T9CT1 .style_content__3wrpQ {
  margin-top: 0;
}

.style_searchInput___a5h5,
.style_searchInput___a5h5 input {
  border-radius: 16px !important;
}
.style_closeBtn__KwGtG {
  cursor: pointer;
  margin-top: 6px;
}

/**
* 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_inputBorderColor__ecPwg:hover,
.style_inputBorderColor__ecPwg:active,
.style_inputBorderColor__ecPwg:focus {
  border-color: var(--primaryColor) !important;
}
.style_inputError___v3gi {
  border: 1px solid var(--errorColor) !important;
}
.style_inputError___v3gi:hover,
.style_inputError___v3gi:active,
.style_inputError___v3gi:focus {
  border-color: var(--errorColor) !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_avatar__JpR7M {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid var(--shadowColor);
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_loading__DOaPy {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--highBg);
}
.style_loading__DOaPy .ant-spin-text {
  color: var(--secondLevelText);
  font-size: 15px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
}

.style_tag__5sxjI {
  display: inline-block;
  font-size: 12px;
  border-radius: 2px;
  line-height: 16px;
  -webkit-user-select: none;
          user-select: none;
  font-weight: normal;
}
.style_tag__5sxjI.style_fill___2ThA {
  padding: 2px 4px;
}
.style_tag__5sxjI.style_stroke__RRbZu {
  padding: 0 4px;
}

.style_noPadding__Ixfem {
  padding: 0 !important;
  --modal-padding: 0px;
  width: 900px !important;
  height: 564px !important;
  border-radius: 16px !important;
}
@media (max-width: 740px) {
  .style_noPadding__Ixfem {
    width: 100% !important;
    height: 100% !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_qrcodeContent__U_FIn {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 100%;
  background: var(--fill0);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_qrcodeContent__U_FIn .style_qrcode__NoLBB {
  width: 88px;
  height: auto;
  margin: 40px auto 15px;
}
.style_qrcodeContent__U_FIn .style_qrcode__NoLBB img {
  height: 100%;
  width: 100%;
}
.style_qrcodeContent__U_FIn p {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--fc1);
}
.style_modalContent__0At4o {
  padding-right: 110px;
  height: 133px;
}
.style_modalContentText__hTEtx {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--fc1);
}
.style_modalTitle__4CIIV {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.style_modalTitle__4CIIV .style_statusIcon__7kotF {
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_modalTitle__4CIIV p {
  margin: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--fc1);
}
.style_modalbutton__TjTIv {
  position: absolute;
  right: 134px;
  bottom: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__9S44a {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__chyY8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__WizS7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__WizS7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__WizS7 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__WizS7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__WizS7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__WizS7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__WizS7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__WizS7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__WizS7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__I6JNR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__B0MRS {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__T8BvT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__T8BvT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__T8BvT .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__T8BvT .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__T8BvT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__T8BvT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__T8BvT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__T8BvT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__T8BvT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__T8BvT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__T8BvT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__T8BvT .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__T8BvT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__T8BvT .editBgColor::before,
.style_tree__T8BvT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__T8BvT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__T8BvT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__T8BvT .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__T8BvT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__T8BvT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__T8BvT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__T8BvT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__T8BvT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__T8BvT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__qW4l6 .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__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__qW4l6 .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__qW4l6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__qW4l6 .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__qW4l6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__qW4l6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__F5Ani .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__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__F5Ani .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__F5Ani .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__F5Ani .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__F5Ani .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__F5Ani .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__F5Ani .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__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__F5Ani .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__i96Ws::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__i96Ws::-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__i96Ws:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__fI8Ir::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__fI8Ir::-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__fI8Ir:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__1xcEk {
  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__qnU37 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__qnU37 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__qnU37 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__qnU37 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__qnU37 {
    flex: 0 0 100%;
  }
}
.style_userCard__bESqM {
  width: 256px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  overflow: hidden;
  border-radius: 8px;
  min-height: 120px;
  background-color: var(--highBg);
  box-shadow: var(--shadowCommonDefault);
  position: relative;
}
.style_userCard__bESqM .style_avatarWrapper__TVPRu {
  padding: 16px 16px 0px;
}
.style_userCard__bESqM .style_cardTool___iikg {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.style_userCard__bESqM .style_cardTool___iikg span {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: var(--textCommonSecondary);
}
.style_userCard__bESqM .style_nameWrapper__b_qcV {
  margin-top: 8px;
}
.style_userCard__bESqM .style_nameWrapper__b_qcV h6 {
  display: inline-block;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  vertical-align: middle;
}
.style_userCard__bESqM .style_nameWrapper__b_qcV h6 span {
  line-height: 22px;
}
.style_userCard__bESqM .style_nameWrapper__b_qcV .style_permissionWrapper__RYLrh {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  line-height: 16px;
}
.style_userCard__bESqM .style_settingPermissionBtn__fhH_1 {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.style_userCard__bESqM .style_settingPermissionBtn__fhH_1 svg {
  fill: var(--textCommonTertiary) !important;
}
.style_userCard__bESqM .style_email__mB38j {
  color: var(--textCommonSecondary);
  padding: 4px 16px 0px;
}
.style_userCard__bESqM .style_email__mB38j p {
  margin: 0;
}
.style_userCard__bESqM .style_tag__JY3A4 {
  display: inline-block;
  border-radius: 2px;
  padding: 0px 8px;
  background-color: var(--lowestBg);
  margin-left: 4px;
  max-width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.style_userCard__bESqM .style_tag__JY3A4 p {
  margin: 0 0;
}
.style_userCard__bESqM .style_dangerTag__WGwnv {
  display: inline-block;
  border-radius: 2px;
  padding: 0px 8px;
  margin-left: 4px;
  max-width: 100%;
  border: 1px solid var(--borderDangerDefault);
  font-size: 14px;
  line-height: 22px;
}
.style_userCard__bESqM .style_dangerTag__WGwnv p {
  margin: 0 0;
}
.style_infoContent__ayXCQ {
  max-height: 179px;
  overflow-y: overlay;
  padding: 0px 16px;
  margin-bottom: 16px;
}
.style_infoWrapper__iCMUA .style_infoText__eji3j {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
.style_infoWrapper__iCMUA .style_infoText__eji3j svg {
  flex-shrink: 0;
  margin: 2px 5px 0 0;
  fill: var(--textCommonTertiary) !important;
}
.style_infoWrapper__iCMUA p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: var(--textCommonTertiary);
  margin: 0;
  margin-bottom: 4px;
  min-width: 30px;
}
.style_infoWrapper__iCMUA .style_teamList__jm1Ni {
  color: var(--textCommonSecondary);
}
.style_infoWrapper__iCMUA .style_teamItem__l1weI {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 8px;
  color: var(--textCommonPrimary);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.style_infoWrapper__iCMUA .style_teamItem__l1weI p {
  margin: 0;
  min-width: 0;
  margin-right: 4px;
  word-wrap: break-word;
}
.style_infoWrapper__iCMUA .style_teamText__CxGc4 {
  color: var(--textCommonPrimary);
}
.style_userCardTrigger__wAS_Z.rc-trigger-popup {
  z-index: var(--triggerIndex);
  border-radius: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__g4PDp {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__2smm8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__gnsDY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__gnsDY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__gnsDY 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__gnsDY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__gnsDY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__gnsDY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__gnsDY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__gnsDY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__gnsDY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__tAwKg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cBnn_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__gOG_k .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__gOG_k .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__gOG_k .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__gOG_k .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__gOG_k .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__gOG_k .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__gOG_k .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__gOG_k .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__gOG_k .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__gOG_k .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__gOG_k .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__gOG_k .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__gOG_k .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__gOG_k .editBgColor::before,
.style_tree__gOG_k .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__gOG_k .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__gOG_k .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__gOG_k .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__gOG_k .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__gOG_k .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__gOG_k .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__gOG_k .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__gOG_k .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__gOG_k .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__TC_c_ .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__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__TC_c_ .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__TC_c_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__TC_c_ .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__TC_c_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__TC_c_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__4PDAC .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__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__4PDAC .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__4PDAC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__4PDAC .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__4PDAC .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__4PDAC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4PDAC .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__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__4PDAC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ZO8lV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ZO8lV::-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__ZO8lV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__T0fUO::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__T0fUO::-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__T0fUO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__hGaM1 {
  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__yr6Yi {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__yr6Yi {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__yr6Yi {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__yr6Yi {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__yr6Yi {
    flex: 0 0 100%;
  }
}
.style_desc__4uZyZ {
  line-height: 18px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: var(--textCommonTertiary);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}
.style_desc__4uZyZ p {
  margin: 0;
}
.style_start__2bb50 {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;
}
.style_suffix__sa2eb {
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis___DtV4 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__tzMKH {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__gVBod ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__gVBod ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__gVBod 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__gVBod ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__gVBod li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__gVBod .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__gVBod .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__gVBod .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__gVBod .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__fNQqS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__x3Jz3 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3Z9V_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3Z9V_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3Z9V_ .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__3Z9V_ .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__3Z9V_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3Z9V_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3Z9V_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3Z9V_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3Z9V_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3Z9V_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3Z9V_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3Z9V_ .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__3Z9V_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3Z9V_ .editBgColor::before,
.style_tree__3Z9V_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3Z9V_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3Z9V_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3Z9V_ .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__3Z9V_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3Z9V_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3Z9V_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3Z9V_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3Z9V_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3Z9V_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0_1nl .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__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0_1nl .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__0_1nl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0_1nl .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__0_1nl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0_1nl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__UXV6s .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__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__UXV6s .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__UXV6s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__UXV6s .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__UXV6s .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__UXV6s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UXV6s .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__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__UXV6s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__sv7iU::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__sv7iU::-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__sv7iU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__KkW9H::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__KkW9H::-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__KkW9H:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__TZa8M {
  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__rT4zV {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__rT4zV {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__rT4zV {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__rT4zV {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__rT4zV {
    flex: 0 0 100%;
  }
}
.style_infoCard__0f0Kt {
  height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  line-height: normal;
  cursor: pointer;
}
.style_infoCard__0f0Kt .style_defaultContent__pQKhy {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}
.style_infoCard__0f0Kt .style_avatar__rSKu_,
.style_infoCard__0f0Kt .style_teamLogo__S12af {
  width: 34px;
  overflow: hidden;
  background-color: var(--primaryColor);
  margin-right: 10px;
}
.style_infoCard__0f0Kt .style_avatar__rSKu_ {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.style_infoCard__0f0Kt .style_teamLogo__S12af {
  border-radius: 4px;
  font-size: 18px;
  color: var(--defaultBg);
  text-align: center;
}
.style_infoCard__0f0Kt .highLight {
  color: var(--primaryColor) !important;
}
.style_infoCard__0f0Kt .style_text__98OwZ {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  justify-content: center;
  width: calc(100% - 44px);
  margin-left: 10px;
  position: relative;
}
.style_infoCard__0f0Kt .style_text__98OwZ .style_title__TcuBt {
  font-size: 13px;
  line-height: 20px;
  color: var(--firstLevelText);
}
.style_infoCard__0f0Kt .style_text__98OwZ .style_description__YX_Gl {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--thirdLevelText);
}
.style_infoCard__0f0Kt .style_text__98OwZ .style_name__Iq7jm {
  display: flex;
}
.style_infoCard__0f0Kt .style_text__98OwZ .style_name__Iq7jm .style_title__TcuBt {
  display: inline-block;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_infoCard__0f0Kt .style_text__98OwZ .style_name__Iq7jm .style_token__fHkR4 {
  display: flex;
  align-items: center;
}
.style_isLeave__mnK7O {
  opacity: 0.5;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__74S2s {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__w4Vsn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__BRL_B ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__BRL_B ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__BRL_B 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__BRL_B ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__BRL_B li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__BRL_B .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__BRL_B .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__BRL_B .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__BRL_B .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__iWGcQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WMznA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__kv8x7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__kv8x7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__kv8x7 .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__kv8x7 .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__kv8x7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__kv8x7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__kv8x7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__kv8x7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__kv8x7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__kv8x7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__kv8x7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__kv8x7 .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__kv8x7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__kv8x7 .editBgColor::before,
.style_tree__kv8x7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__kv8x7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__kv8x7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__kv8x7 .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__kv8x7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__kv8x7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__kv8x7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__kv8x7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__kv8x7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__kv8x7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__d9qio .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__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__d9qio .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__d9qio .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__d9qio .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__d9qio .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__d9qio .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__3hQGS .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__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__3hQGS .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__3hQGS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__3hQGS .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__3hQGS .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__3hQGS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3hQGS .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__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__3hQGS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__cWV_v::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__cWV_v::-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__cWV_v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__5L_ck::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__5L_ck::-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__5L_ck:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__GBUHN {
  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__oO3gW {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__oO3gW {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__oO3gW {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__oO3gW {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__oO3gW {
    flex: 0 0 100%;
  }
}
.style_searchList__skWaY .style_searchTitle__s6Y1Q {
  height: 40px;
  width: 100%;
  padding-left: 20px;
  line-height: 40px;
  font-size: 15px;
  color: var(--thirdLevelText);
}
.style_searchList__skWaY .ant-list-item {
  padding: 0;
  height: 60px;
  box-sizing: border-box;
  border: none;
  background-color: var(--bgCommonHighest);
}
.style_searchList__skWaY .ant-list-item:hover {
  cursor: pointer;
}
.style_searchList__skWaY .ant-list-split .ant-list-item {
  border-bottom: none;
  overflow: hidden;
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__OMB0N {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__f8QR_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__CiMGj ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__CiMGj ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__CiMGj 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__CiMGj ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__CiMGj li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__CiMGj .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__CiMGj .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__CiMGj .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__CiMGj .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__KujsS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cBzM8 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__dmQtM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__dmQtM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__dmQtM .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__dmQtM .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__dmQtM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__dmQtM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__dmQtM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__dmQtM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__dmQtM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__dmQtM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__dmQtM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__dmQtM .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__dmQtM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__dmQtM .editBgColor::before,
.style_tree__dmQtM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__dmQtM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__dmQtM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__dmQtM .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__dmQtM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__dmQtM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__dmQtM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__dmQtM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__dmQtM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__dmQtM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__oQVV2 .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__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__oQVV2 .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__oQVV2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__oQVV2 .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__oQVV2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__oQVV2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QuMIs .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__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QuMIs .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__QuMIs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QuMIs .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__QuMIs .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__QuMIs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QuMIs .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__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QuMIs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__qo7Cu::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__qo7Cu::-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__qo7Cu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__LnmAH::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__LnmAH::-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__LnmAH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__42_Pf {
  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__ZsNgZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ZsNgZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ZsNgZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ZsNgZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ZsNgZ {
    flex: 0 0 100%;
  }
}
.style_breadCrumbWrapper__T6X8x {
  position: relative;
  width: 100%;
}
.style_breadCrumbWrapper__T6X8x .style_scrollWrapper__mr9ql {
  position: relative;
  height: 28px;
  overflow: auto;
}
.style_breadCrumbWrapper__T6X8x .style_scrollWrapper__mr9ql::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.style_breadCrumbWrapper__T6X8x .style_beadCrumb__Grnh2 {
  position: absolute;
  top: 8px;
}
.style_breadCrumbWrapper__T6X8x .style_leftScrollIcon__Aa1Dd,
.style_breadCrumbWrapper__T6X8x .style_rightScrollIcon__zt6jG {
  position: absolute;
  top: 7px;
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--defaultBg);
  cursor: pointer;
}
.style_breadCrumbWrapper__T6X8x .style_leftScrollIcon__Aa1Dd svg,
.style_breadCrumbWrapper__T6X8x .style_rightScrollIcon__zt6jG svg {
  z-index: 1;
}
.style_breadCrumbWrapper__T6X8x .style_leftScrollIcon__Aa1Dd {
  left: 0;
}
.style_breadCrumbWrapper__T6X8x .style_leftScrollIcon__Aa1Dd::after {
  position: absolute;
  content: "";
  display: block;
  width: 52px;
  height: 14px;
  background: -webkit-linear-gradient(left, var(--lowestBg), rgba(255, 255, 255, 0.2));
  pointer-events: none;
}
.style_breadCrumbWrapper__T6X8x .style_rightScrollIcon__zt6jG {
  right: 0;
}
.style_breadCrumbWrapper__T6X8x .style_rightScrollIcon__zt6jG::after {
  position: absolute;
  right: 0;
  content: "";
  display: block;
  width: 52px;
  height: 14px;
  background: -webkit-linear-gradient(right, var(--lowestBg), rgba(255, 255, 255, 0.2));
  pointer-events: none;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb {
  font-size: 12px;
  color: var(--secondLevelText);
  font-weight: normal;
  display: flex;
  height: 12px;
  white-space: nowrap;
  line-height: 1;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb > span {
  display: flex;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb-separator {
  display: flex;
  align-items: center;
  margin: 0 2px;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb-link {
  display: inline-block;
  cursor: default;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb > span:not(:last-child) .ant-breadcrumb-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--primaryColor);
  max-width: 150px;
  cursor: pointer;
}
.style_breadCrumbWrapper__T6X8x .ant-breadcrumb > span:last-child .ant-breadcrumb-link {
  color: var(--secondLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_breadCrumbWrapper__T6X8x .ant-breadcrumb {
    font-size: 13px;
  }
}

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

.style_controlRowsNum__MPAMy span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.style_controlRowsNum__MPAMy .ant-tooltip-inner {
  border: none;
}
.style_baseStyle__BrQ8G .ant-tooltip-inner {
  border: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__kf_UO {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__1FriD {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__w1FFN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__w1FFN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__w1FFN 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__w1FFN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__w1FFN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__w1FFN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__w1FFN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__w1FFN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__w1FFN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__6246Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__XvuZi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__qBY_a .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__qBY_a .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__qBY_a .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__qBY_a .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__qBY_a .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__qBY_a .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__qBY_a .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__qBY_a .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__qBY_a .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__qBY_a .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__qBY_a .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__qBY_a .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__qBY_a .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__qBY_a .editBgColor::before,
.style_tree__qBY_a .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__qBY_a .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__qBY_a .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__qBY_a .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__qBY_a .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__qBY_a .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__qBY_a .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__qBY_a .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__qBY_a .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__qBY_a .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__v_t2t .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__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__v_t2t .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__v_t2t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__v_t2t .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__v_t2t .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__v_t2t .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Ue8ib .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__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Ue8ib .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__Ue8ib .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Ue8ib .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__Ue8ib .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__Ue8ib .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Ue8ib .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__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Ue8ib .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__rcMV4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__rcMV4::-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__rcMV4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ENnJK::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ENnJK::-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__ENnJK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__I915Q {
  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__aIpe6 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__aIpe6 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__aIpe6 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__aIpe6 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__aIpe6 {
    flex: 0 0 100%;
  }
}
.style_normalModal__ITL55 .style_subTitle__xdgJJ {
  font-size: 12px;
  color: var(--thirdLevelText);
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .style_normalModal__ITL55 {
    min-width: unset !important;
  }
}
.style_normalModal__ITL55 .ant-modal-header {
  padding: 24px 24px 8px;
  cursor: default;
}
.style_normalModal__ITL55 .ant-modal-footer {
  padding: 0 24px 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__mZz8q {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__FxrRU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZGj04 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZGj04 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZGj04 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__ZGj04 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZGj04 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZGj04 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZGj04 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZGj04 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZGj04 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__g1QGf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__t4LRA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__XhUkB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__XhUkB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__XhUkB .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__XhUkB .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__XhUkB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__XhUkB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__XhUkB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__XhUkB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__XhUkB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__XhUkB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__XhUkB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__XhUkB .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__XhUkB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__XhUkB .editBgColor::before,
.style_tree__XhUkB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__XhUkB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__XhUkB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__XhUkB .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__XhUkB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__XhUkB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__XhUkB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__XhUkB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__XhUkB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__XhUkB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__7KTvY .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__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__7KTvY .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__7KTvY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__7KTvY .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__7KTvY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__7KTvY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__aGsss .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__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__aGsss .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__aGsss .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__aGsss .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__aGsss .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__aGsss .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aGsss .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__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__aGsss .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___EalZ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___EalZ::-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___EalZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__0lamw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__0lamw::-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__0lamw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__hb3tU {
  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__x91Lc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__x91Lc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__x91Lc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__x91Lc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__x91Lc {
    flex: 0 0 100%;
  }
}
.style_baseModal__fY35q .ant-modal-header {
  padding: 24px 24px 16px;
  cursor: default;
}
.style_baseModal__fY35q .ant-modal-body {
  padding: 0;
}
.style_baseModal__fY35q .ant-modal-footer {
  padding: 8px 24px 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_toolsWrapper__W8Lix {
  border-radius: 4px;
  background-color: var(--dc02);
  position: relative;
  padding: 4px 0;
  -webkit-user-select: none;
          user-select: none;
  min-width: 136px;
}
.style_toolsWrapper__W8Lix .style_arrowWrapper__JLVbP {
  position: absolute;
  width: 20px;
  height: 12px;
  right: 8px;
  top: -12px;
}

/**
* 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_trigger__USmdd {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  min-width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  border-radius: 50%;
}
.style_trigger__USmdd:focus,
.style_trigger__USmdd:hover {
  background-color: rgba(var(--defaultBg-rgb), 30%) !important;
}
.style_moreToolItem___vU_l {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
}
.style_moreToolItem___vU_l:active {
  background-color: rgba(var(--defaultBg-rgb), 30%);
}
.style_moreToolItem___vU_l .style_moreToolBtn__wpKlw {
  font-size: 16px;
  padding: 0;
}
.style_moreToolItem___vU_l svg {
  margin-right: 4px;
}
.style_moreToolItem___vU_l .style_toolName__WfwXV {
  color: var(--static-white);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__gUkW6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___fCqH {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__1VZoN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__1VZoN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__1VZoN 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__1VZoN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__1VZoN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__1VZoN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__1VZoN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__1VZoN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__1VZoN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8C_Na {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__YrgA1 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5stbV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5stbV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5stbV .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__5stbV .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__5stbV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5stbV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5stbV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5stbV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5stbV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5stbV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5stbV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5stbV .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__5stbV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5stbV .editBgColor::before,
.style_tree__5stbV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5stbV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5stbV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5stbV .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__5stbV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5stbV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5stbV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5stbV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5stbV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5stbV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__iwvMp .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__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__iwvMp .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__iwvMp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__iwvMp .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__iwvMp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__iwvMp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__NIAen .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__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__NIAen .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__NIAen .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__NIAen .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__NIAen .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__NIAen .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NIAen .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__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__NIAen .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__p_36p::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__p_36p::-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__p_36p:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__JP50u::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__JP50u::-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__JP50u:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__aeSFv {
  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__DQWl5 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__DQWl5 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__DQWl5 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__DQWl5 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__DQWl5 {
    flex: 0 0 100%;
  }
}
.style_previewHeader__ZHhXU {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 16px;
  color: var(--staticWhite0);
  background-color: var(--primaryColor);
}
.style_headerLeft__GZivD {
  width: 44px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.style_headerLeft__GZivD .style_toolClose__F0zRz {
  width: 16px;
  height: 16px;
}
.style_fileName__dfRbC {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px;
}
.style_headerRight__mMzq3 {
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__x2Bgk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__urHIx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZU0UG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZU0UG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZU0UG 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__ZU0UG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZU0UG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZU0UG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZU0UG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZU0UG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZU0UG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__eb0uR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__dTvGc {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__hVPY7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__hVPY7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__hVPY7 .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__hVPY7 .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__hVPY7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__hVPY7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__hVPY7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__hVPY7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__hVPY7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__hVPY7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__hVPY7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__hVPY7 .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__hVPY7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__hVPY7 .editBgColor::before,
.style_tree__hVPY7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__hVPY7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__hVPY7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__hVPY7 .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__hVPY7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__hVPY7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__hVPY7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__hVPY7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__hVPY7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__hVPY7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__75RDk .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__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__75RDk .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__75RDk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__75RDk .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__75RDk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__75RDk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__K0cPL .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__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__K0cPL .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__K0cPL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__K0cPL .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__K0cPL .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__K0cPL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__K0cPL .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__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__K0cPL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Dl0_U::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Dl0_U::-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__Dl0_U:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Qvcv4::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Qvcv4::-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__Qvcv4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__v9VWx {
  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__HJQ5a {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__HJQ5a {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__HJQ5a {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__HJQ5a {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__HJQ5a {
    flex: 0 0 100%;
  }
}
.style_footer__TrSDz {
  display: flex;
  justify-content: center;
}
.style_displayList__bl22h {
  display: inline-flex;
  overflow-x: auto;
  flex-shrink: 0;
  max-width: 100%;
  align-items: center;
  height: 80px;
  padding: 0 4px;
}
.style_displayList__bl22h img {
  flex-shrink: 0;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.style_displayList__bl22h::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_displayList__bl22h::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_displayList__bl22h::-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_displayList__bl22h:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_item__LtDl5 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  margin-right: 16px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.style_active__Z26A3 {
  border-radius: 2px;
  border: 2px solid var(--borderCommonDefault);
  opacity: 1;
}
.style_imgWrapper__LEaFd {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: content-box;
  margin-right: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_displayList__bl22h {
    padding-bottom: 8px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__O2_nE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__mWOrd {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__cGRIp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__cGRIp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__cGRIp 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__cGRIp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__cGRIp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__cGRIp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__cGRIp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__cGRIp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__cGRIp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__aOuHV {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__GIvQF {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__SVbUR .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__SVbUR .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__SVbUR .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__SVbUR .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__SVbUR .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__SVbUR .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__SVbUR .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__SVbUR .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__SVbUR .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__SVbUR .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__SVbUR .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__SVbUR .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__SVbUR .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__SVbUR .editBgColor::before,
.style_tree__SVbUR .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__SVbUR .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__SVbUR .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__SVbUR .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__SVbUR .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__SVbUR .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__SVbUR .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__SVbUR .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__SVbUR .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__SVbUR .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__llSdf .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__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__llSdf .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__llSdf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__llSdf .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__llSdf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__llSdf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__LHUO6 .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__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__LHUO6 .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__LHUO6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__LHUO6 .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__LHUO6 .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__LHUO6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LHUO6 .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__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__LHUO6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__EyHhi::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__EyHhi::-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__EyHhi:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__X1zWV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__X1zWV::-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__X1zWV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__SjYE4 {
  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__nCrNo {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__nCrNo {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__nCrNo {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__nCrNo {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__nCrNo {
    flex: 0 0 100%;
  }
}
.style_toolbar__uIdbJ {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 8px;
}
.style_toolbar__uIdbJ > h4 {
  font-size: 18px;
  text-align: center;
  color: white;
  margin: 0;
  max-width: 640px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_toolbar__uIdbJ .style_toolLeft__U0g6G {
  border-radius: 20px;
  width: 280px;
  display: flex;
  align-items: center;
  margin-right: 15px;
  -webkit-user-select: none;
          user-select: none;
}
.style_toolbar__uIdbJ .style_toolRight__XJI8y {
  width: 280px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.style_group___zjCI {
  display: flex;
  margin-right: 24px;
}
.style_group___zjCI.style_borderRight__LBtCa {
  border-right: 1px solid var(--thirdLevelText);
}
.style_componentWrapper__w_eR0 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 24px;
}
.style_zoomText__Bm0vc {
  height: 16px;
  width: 32px;
  text-align: center;
  font-size: 12px;
  margin-left: 8px;
  margin-right: 8px;
  color: var(--static-white);
}
.style_rightIcon__tF0i3 {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.style_rightIcon__tF0i3:hover {
  background-color: var(--bgBglessHover);
}
.style_rightIcon__tF0i3:active {
  background-color: var(--bgBglessActive);
}
.style_iconClose__cHg_n {
  margin-right: 0;
}
@media screen and (max-width: 767.98px) {
  .style_toolbar__uIdbJ > div {
    background: none;
  }
  .style_toolbar__uIdbJ .style_toolLeft__U0g6G {
    padding: 0;
    margin-right: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_noSupport__JJ7rm {
  width: 100%;
  height: 100%;
}
.style_noSupport__JJ7rm main {
  background-color: var(--defaultBg);
  width: 100%;
  height: 100%;
  min-height: 480px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_noSupport__JJ7rm main footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.style_noSupport__JJ7rm main .style_error__ED5pK {
  margin-top: 32px;
  margin-bottom: 8px;
}
.style_noSupport__JJ7rm main .style_tip__IAaQF {
  margin-bottom: 48px;
}
.style_iconWrapper__7753_ > span {
  position: unset !important;
}
.style_iconWrapper__7753_ > span > span {
  display: none !important;
}
.style_iconWrapper__7753_ > span > img {
  position: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  height: 88px !important;
  width: auto !important;
}
.style_btnGroup__oQimn {
  width: 180px;
}
.style_download__AvFUj {
  width: 180px;
}
@media screen and (min-width: 767.98px) {
  .style_noSupport__JJ7rm {
    max-width: 860px;
    max-height: 560px;
  }
  main {
    border-radius: 8px;
  }
  .style_iconWrapper__7753_ {
    margin-top: 112px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_iconWrapper__7753_ {
    margin-top: 56px;
  }
  .style_thumbnail__V4wOR {
    width: 50%;
  }
  .style_download__AvFUj {
    position: absolute;
    bottom: 80px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_loading__R35uw {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lowestBg);
}
.style_loading__R35uw .ant-spin-text {
  color: var(--secondLevelText);
  font-size: 15px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_loading__Va89l {
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  position: relative;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_displayImg__TUdgZ {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.style_overflow__DTHlb {
  cursor: grab;
}
.style_overflow__DTHlb:active {
  cursor: grabbing;
}
.style_imgWrapper__RQPbI {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.style_transition__VmYz_ {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

/**
* 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__Njz5t {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__8dzvP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__yOVVZ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__yOVVZ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__yOVVZ 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__yOVVZ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__yOVVZ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__yOVVZ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__yOVVZ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__yOVVZ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__yOVVZ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__YaYaS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__mUGj2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__I5avt .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__I5avt .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__I5avt .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__I5avt .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__I5avt .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__I5avt .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__I5avt .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__I5avt .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__I5avt .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__I5avt .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__I5avt .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__I5avt .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__I5avt .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__I5avt .editBgColor::before,
.style_tree__I5avt .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__I5avt .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__I5avt .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__I5avt .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__I5avt .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__I5avt .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__I5avt .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__I5avt .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__I5avt .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__I5avt .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LpWm7 .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__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LpWm7 .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__LpWm7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LpWm7 .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__LpWm7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LpWm7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__n_BAu .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__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__n_BAu .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__n_BAu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__n_BAu .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__n_BAu .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__n_BAu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__n_BAu .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__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__n_BAu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__YpqId::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__YpqId::-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__YpqId:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__xxcDD::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__xxcDD::-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__xxcDD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___kN9u {
  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__l6gVn {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__l6gVn {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__l6gVn {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__l6gVn {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__l6gVn {
    flex: 0 0 100%;
  }
}
.style_mainContainer__WnVsG {
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_header__UE7Ss {
  width: 100%;
  height: 64px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 0 40px;
}
.style_container__s6Fys {
  flex: 1;
  display: flex;
  height: 0;
}
.style_left__8tEmm,
.style_right__6bUCV {
  width: 136px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.style_iconPre__QS80K,
.style_iconNext__mzvur {
  cursor: pointer;
}
.style_middle__fYj51 {
  flex: 1;
  overflow: hidden;
}
.style_middle__fYj51 .style_swiper__PVoKf {
  display: flex;
  height: 100%;
}
.style_transition__zmfjs {
  transition: transform 0.3s;
}
.style_swiperItem__B9nRd {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_rotate__1v2la {
  position: absolute;
  right: 16px;
  top: 60px;
  background: var(--tooltipBg);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 101;
}
.style_prev__DkJvC:hover circle,
.style_next__PdtaC:hover circle {
  fill: var(--primaryColor) !important;
}
.style_download__mQnOk {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.style_download__mQnOk .style_btn__kV4Ab {
  font-size: 12px;
  color: var(--thirdLevelText);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_download__mQnOk .style_btn__kV4Ab:hover {
  color: var(--shadowColor);
}
.style_download__mQnOk .style_btn__kV4Ab:active {
  color: var(--shadowColor);
}
.style_download__mQnOk .style_suffix__TiJvZ {
  display: flex;
  align-items: center;
  position: relative;
  top: -1px;
}
@media screen and (max-width: 767.98px) {
  .style_left__8tEmm,
  .style_right__6bUCV {
    display: none;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__rgyBx {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__JJukl {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__vEOJQ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__vEOJQ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__vEOJQ 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__vEOJQ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__vEOJQ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__vEOJQ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__vEOJQ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__vEOJQ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__vEOJQ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__xPr2e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__KMI82 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__T_QBI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__T_QBI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__T_QBI .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__T_QBI .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__T_QBI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__T_QBI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__T_QBI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__T_QBI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__T_QBI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__T_QBI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__T_QBI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__T_QBI .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__T_QBI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__T_QBI .editBgColor::before,
.style_tree__T_QBI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__T_QBI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__T_QBI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__T_QBI .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__T_QBI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__T_QBI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__T_QBI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__T_QBI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__T_QBI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__T_QBI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__S3PO1 .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__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__S3PO1 .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__S3PO1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__S3PO1 .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__S3PO1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__S3PO1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__NnaWw .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__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__NnaWw .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__NnaWw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__NnaWw .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__NnaWw .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__NnaWw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NnaWw .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__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__NnaWw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__tmAMQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__tmAMQ::-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__tmAMQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__aWCbd::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__aWCbd::-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__aWCbd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PSEHc {
  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__GH1ch {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__GH1ch {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__GH1ch {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__GH1ch {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__GH1ch {
    flex: 0 0 100%;
  }
}
.style_previewWrapper__Mnsyh {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--dc01-rgb), 90%);
  z-index: var(--zIndex-10-previewFileMaskZIndex);
  outline: none;
}
@media screen and (max-width: 767.98px) {
  .style_previewWrapper__Mnsyh {
    background-color: var(--firstLevelText);
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_originImg__GhcI7 {
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  width: 100% !important;
  height: 100% !important;
}
.style_imgProcess___9Gtv {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 24px;
  font-size: 14px;
  text-align: center;
  padding: 8px 16px;
  position: fixed;
  top: 16px;
  right: 16px;
}
.style_displayFile__Nxbj8 {
  border-radius: 1px;
  border: 1px solid var(--lineColor);
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_gif__BpLDG::after {
  color: var(--fc8);
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  content: 'GIF';
  width: 26px;
  height: 16px;
  display: table;
  vertical-align: middle;
  text-align: center;
  left: 8px;
  bottom: 8px;
  border-radius: 4px;
  background-color: rgba(var(--fc12-rgb), 50%);
}
.style_imgWrapper__EB6g5 > span {
  position: unset !important;
}
.style_imgWrapper__EB6g5 > span img {
  width: 100% !important;
  height: 100% !important;
  max-width: unset !important;
  position: unset !important;
}
.style_imageWrapper__62JLu > span {
  position: unset !important;
}
.style_imageWrapper__62JLu > span > img {
  position: unset !important;
}

div.style_messageBody__ncUIQ .ant-message-notice-content {
  height: auto !important;
  width: 360px;
  padding: 20px !important;
  border-radius: 20px;
  background-color: var(--color-background-primary-elevated);
}
div.style_messageBody__ncUIQ .ant-message-notice-content .ant-message-custom-content {
  padding: 0;
  flex-direction: column;
  gap: 16px;
}
div.style_messageBody__ncUIQ .ant-message-notice-content .ant-message-custom-content svg {
  width: auto !important;
  height: auto !important;
}
div.style_messageBody__ncUIQ .ant-message-notice-content .ant-message-custom-content span {
  color: var(--color-text-primary);
  font-weight: 500;
  font-size: 20px !important;
  line-height: 24px;
  text-align: center;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__E_7D_ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__KKUI5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__4fohN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__4fohN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__4fohN 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__4fohN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__4fohN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__4fohN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__4fohN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__4fohN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__4fohN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__q_f0N {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__XuAj7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__PNiqT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__PNiqT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__PNiqT .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__PNiqT .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__PNiqT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__PNiqT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__PNiqT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__PNiqT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__PNiqT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__PNiqT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__PNiqT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__PNiqT .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__PNiqT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__PNiqT .editBgColor::before,
.style_tree__PNiqT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__PNiqT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__PNiqT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__PNiqT .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__PNiqT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__PNiqT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__PNiqT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__PNiqT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__PNiqT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__PNiqT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Holom .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__Holom .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Holom .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__Holom .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Holom .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__Holom .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Holom .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__BJ6KU .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__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__BJ6KU .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__BJ6KU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__BJ6KU .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__BJ6KU .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__BJ6KU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BJ6KU .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__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__BJ6KU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2ZxfQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2ZxfQ::-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__2ZxfQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__F6kFH::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__F6kFH::-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__F6kFH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PHZ7z {
  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__4DrqW {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__4DrqW {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__4DrqW {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__4DrqW {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__4DrqW {
    flex: 0 0 100%;
  }
}
.style_unitTag___z__X {
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.style_unitTag___z__X.style_isLeave__srJNw {
  opacity: 0.5;
}
.style_unitTag___z__X:not(.style_isLeave__srJNw):hover {
  opacity: 0.8;
}
.style_unitTag___z__X .style_circle__dNvGI {
  border-radius: 16px;
}
.style_unitTag___z__X .style_rect__fxxnR {
  border-radius: 4px;
}
.style_unitTag___z__X .style_wrapper__5YLV4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 24px;
  background-color: var(--lowestBg);
  padding: 0 8px 0 2px;
}
.style_unitTag___z__X .style_wrapper__5YLV4 .style_name__g9j5J {
  font-size: 12px;
  color: var(--firstLevelText);
  padding-left: 4px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_unitTag___z__X .style_wrapper__5YLV4 .style_closeBtn__bavW8 {
  fill: var(--thirdLevelText);
  margin-left: 4px;
  cursor: pointer;
}

/**
* 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__XBQDi {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__uBEMi {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Stmna ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Stmna ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Stmna 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__Stmna ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Stmna li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Stmna .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Stmna .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Stmna .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Stmna .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Pyy6L {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__t5Lb5 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ydIw9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ydIw9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ydIw9 .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__ydIw9 .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__ydIw9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ydIw9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ydIw9 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ydIw9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ydIw9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ydIw9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ydIw9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ydIw9 .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__ydIw9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ydIw9 .editBgColor::before,
.style_tree__ydIw9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ydIw9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ydIw9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ydIw9 .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__ydIw9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ydIw9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ydIw9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ydIw9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ydIw9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ydIw9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__5CLdu .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__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__5CLdu .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__5CLdu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__5CLdu .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__5CLdu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__5CLdu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__BvW8X .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__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__BvW8X .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__BvW8X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__BvW8X .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__BvW8X .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__BvW8X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BvW8X .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__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__BvW8X .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__uXyQb::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__uXyQb::-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__uXyQb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__wV3Tj::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__wV3Tj::-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__wV3Tj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9sM8Q {
  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__OTnuz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__OTnuz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__OTnuz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__OTnuz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__OTnuz {
    flex: 0 0 100%;
  }
}
.style_msgCard__2_2P6 {
  margin-bottom: 16px;
  height: 100%;
  transition: all 0.1s ease;
  position: relative;
  border-radius: 8px;
  cursor: default;
  margin-top: 2px;
  margin-right: 2px;
  margin-left: 2px;
}
.style_msgCard__2_2P6.style_canJump__3lUAb {
  cursor: pointer;
}
.style_msgCard__2_2P6 .style_content__rg1hF {
  box-shadow: var(--shadowCommonDefault);
  border-radius: 8px;
  border: 1px solid var(--borderCommonDefault);
  background: var(--bgCommonHigh);
  overflow: hidden;
}
.style_msgCard__2_2P6.style_canJump__3lUAb:active .style_content__rg1hF {
  background-color: var(--rowSelectedBg);
}
@media screen and (min-width: 767.98px) {
  .style_msgCard__2_2P6:hover .style_content__rg1hF {
    box-shadow: var(--shadowCommonHigh);
    transform: translate(-1px, -1px);
  }
  .style_msgCard__2_2P6:hover .style_content__rg1hF .style_toReadWrapper__j_3_4 {
    background-color: var(--primaryColor);
    visibility: visible;
  }
}
.style_msgCard__2_2P6 .style_cardTop__Cbjle {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  color: var(--fc1);
}
.style_msgCard__2_2P6 .style_unitTagWrap__tTUxY {
  display: flex;
  cursor: pointer;
  padding-right: 4px;
}
.style_msgCard__2_2P6 .style_unitTagWrap__tTUxY.style_isLeave__Ei48S {
  opacity: 0.5;
  cursor: default;
}
.style_msgCard__2_2P6 .style_cardBottom__wO90Y {
  height: 36px;
  box-shadow: 0px -1px 0px 0px var(--borderCommonDefault);
  padding: 0 16px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--secondLevelText);
  justify-content: space-between;
}
.style_msgCard__2_2P6 .style_cardBottom__wO90Y .style_bottomLeft__dLLir {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_msgCard__2_2P6 .style_cardBottom__wO90Y .style_text__58KCK {
  max-width: 260px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_msgCard__2_2P6 .style_toReadWrapper__j_3_4 {
  position: absolute;
  right: 10px;
  top: 0;
  height: 32px;
  width: 32px;
  background-color: var(--defaultBg);
  border-radius: 0 0 0 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.style_msgCard__2_2P6 .style_toReadWrapper__j_3_4::after {
  display: block;
  content: " ";
  background-color: var(--primaryColor);
  width: 10px;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
}
.style_msgCard__2_2P6 .style_toReadWrapper__j_3_4 .style_animate__aHC0N {
  width: 24px;
  height: 24px;
  transform: translateX(10px);
  cursor: pointer;
  z-index: 1;
}
.style_msgCard__2_2P6 .style_toReadWrapper__j_3_4 .style_animate__aHC0N svg path {
  stroke: var(--defaultBg);
}
.style_msgCard__2_2P6 .style_toReadWrapper__j_3_4 .style_notificationIcon__8JiqZ {
  width: 24px;
  height: 24px;
  fill: var(--defaultBg);
}
.style_msgCard__2_2P6 .style_cardTopRight__vL_Aw {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.style_msgContent__Ckhor {
  flex: 1;
  padding: 16px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
}
.style_msgContent__Ckhor .style_blobFont__39KJD {
  font-weight: bold;
}
.style_msgContent__Ckhor b {
  word-break: break-all;
}
.style_commentContentWrap__RbdMU {
  margin: 8px 16px 16px;
  padding: 16px;
  background: var(--lowestBg);
  color: var(--fc1);
  border-radius: 8px;
  line-height: 22px;
}
.style_commentContentWrap__RbdMU span {
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.style_msgContentComment__WUF2i {
  padding-top: 16px;
  padding-bottom: 0px;
}
.style_triggerInNotice__st9TL.rc-trigger-popup {
  z-index: 1;
}
.style_quickProcessWrap__BWSde {
  display: flex !important;
}
.style_quickProcessWrap__BWSde button {
  flex: 1;
}
.style_processRes__4IUs2 {
  display: flex;
  align-items: center;
  font-size: 14px;
  white-space: nowrap;
}
.style_processRes__4IUs2.style_info__O7_S0 {
  color: var(--primaryColor);
}
.style_processRes__4IUs2.style_red__Kcjlm {
  color: var(--errorColor);
}
@media screen and (min-width: 767.98px) {
  .style_cardTop__Cbjle {
    min-height: 56px;
  }
  .style_cardBottom__wO90Y {
    padding: 0 8px;
    box-shadow: 0px -1px 0px 0px rgba(218, 220, 229, 0.4);
  }
}
@media screen and (max-width: 767.98px) {
  .style_msgCard__2_2P6 .style_cardTop__Cbjle {
    padding: 0 8px;
  }
  .style_msgCard__2_2P6 .style_cardBottom__wO90Y {
    padding: 0 8px;
  }
  .style_msgCard__2_2P6 .style_cardBottom__wO90Y .style_bottomLeft__dLLir {
    width: calc(100% - 100px);
  }
  .style_msgCard__2_2P6 .style_cardBottom__wO90Y .style_bottomLeft__dLLir .style_text__58KCK {
    display: block;
  }
  .style_msgCard__2_2P6 .style_cardBottom__wO90Y .style_time__AierM {
    width: 94px;
    text-align: right;
  }
  .style_isCardClicked__TEeF_ .style_toReadWrapper__j_3_4 {
    background-color: var(--primaryColor);
    visibility: visible;
  }
  .style_msgContent__Ckhor {
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .style_msgContent__Ckhor .style_unitTagWrap__tTUxY {
    display: flex;
    vertical-align: middle;
  }
  .style_commentContentWrap__RbdMU {
    margin: 0 8px 8px;
    padding: 8px;
  }
  .style_commentContentWrap__RbdMU span {
    -webkit-line-clamp: 6;
  }
  .style_msgContentComment__WUF2i {
    padding: 12px 8px 8px;
  }
}
.style_avatar__JSPOf {
  margin-right: 4px;
  border-color: var(--borderCommonDefault) !important;
  background-color: var(--deepPurple_500);
}
.style_avatar__JSPOf.style_systemLogo__zVxjP {
  overflow: hidden;
}
.style_avatar__JSPOf.style_systemLogo__zVxjP svg {
  width: 100%;
  height: 100%;
  fill: var(--textStaticPrimary);
}
.style_handleButtonWrapInPc__WNure button:nth-of-type(1) {
  margin-right: 16px;
}
.style_handleBtnInMobile__gCEfr {
  margin-top: 8px;
  color: var(--secondLevelText);
}
.style_handleBtnInMobile__gCEfr .btn-icon {
  vertical-align: -0.125em;
}
.style_handleWrap__qqA_3 {
  max-width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--rowSelectedBg);
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
  transition: all 0.3s;
  color: var(--primaryColor);
  font-size: 14px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
}
.style_handleWrap__qqA_3 span {
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  font-weight: bold;
}
@media (any-hover: hover) {
  .style_handleWrap__qqA_3:hover {
    max-width: 300px;
    background-color: var(--primaryColor);
    color: var(--fc1);
  }
  .style_handleWrap__qqA_3:hover span {
    opacity: 1;
    visibility: visible;
    padding-left: 22px;
  }
}
.style_handleSvg__SPgVg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
}
.style_handleSvg__SPgVg svg path {
  stroke: currentColor;
  transition: all 0.2s;
}

/**
* 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_funcAlert__MKMtv {
  position: fixed;
  top: 61px;
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--funcAlert);
  text-align: center;
  display: flex;
  justify-content: center;
}
.style_alert__bGe3w {
  min-height: 48px;
  background: var(--deepPurple_100);
  border-radius: 8px;
  padding: 12px 24px 12px 24px;
  display: flex;
  align-items: center;
  color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}
.style_alert__bGe3w .style_img__WbWyx {
  width: 32px;
  height: 32px;
  margin-right: 14px;
  border-radius: 50%;
  border: 2px solid var(--staticWhite0);
}
.style_alert__bGe3w .style_body__eMH0T {
  font-size: 16px;
  text-align: left;
  display: flex;
  flex: 1;
  cursor: default;
}
.style_alert__bGe3w .style_body__eMH0T * {
  align-self: center;
}
.style_alert__bGe3w .style_reloadBtn__IrQ3V {
  margin-left: 24px;
}
.style_alert__bGe3w .style_upgradeBtn__j2MNM {
  margin-left: 24px;
}
.style_alert__bGe3w.style_hasUpgradeBtn__Gkh6q .style_close__F2_RM {
  margin-left: 24px;
}
.style_alert__bGe3w:not(.style_hasUpgradeBtn__Gkh6q) .style_close__F2_RM {
  margin-left: 80px;
}
.style_alert__bGe3w .style_close__F2_RM {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_alert__bGe3w .style_close__F2_RM svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  color: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_alert__bGe3w {
    width: 90vw;
    padding: 12px 16px 12px 16px;
  }
  .style_alert__bGe3w .style_close__F2_RM {
    margin-left: 24px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__UFGut {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___Eqnb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__TJdPH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__TJdPH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__TJdPH 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__TJdPH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__TJdPH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__TJdPH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__TJdPH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__TJdPH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__TJdPH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___OTfx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__m0FER {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__r7n8y .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__r7n8y .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__r7n8y .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__r7n8y .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__r7n8y .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__r7n8y .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__r7n8y .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__r7n8y .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__r7n8y .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__r7n8y .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__r7n8y .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__r7n8y .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__r7n8y .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__r7n8y .editBgColor::before,
.style_tree__r7n8y .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__r7n8y .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__r7n8y .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__r7n8y .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__r7n8y .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__r7n8y .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__r7n8y .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__r7n8y .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__r7n8y .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__r7n8y .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cpt90 .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__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cpt90 .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__cpt90 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cpt90 .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__cpt90 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cpt90 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__xWt_Y .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__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__xWt_Y .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__xWt_Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__xWt_Y .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__xWt_Y .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__xWt_Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xWt_Y .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__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__xWt_Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__JYJtF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__JYJtF::-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__JYJtF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__OgZC3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__OgZC3::-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__OgZC3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__X2VTW {
  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__MUF8h {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MUF8h {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MUF8h {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MUF8h {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MUF8h {
    flex: 0 0 100%;
  }
}
.style_select__TTcMA{
  background-color: var(--color-background-primary-elevated) !important;
  color: var(--color-text-primary) !important;
  flex: 1 1 0%;
  width: 100%;
}
.style_search__m_Mwm{
  background-color: var(--color-background-primary-elevated) !important;
  color: var(--color-text-primary) !important;
}
.style_conjunction___edFp{
  height: auto !important;
  border-radius: 9999px !important;
  color: var(--color-text-primary);
  width: 64px;
  text-transform: lowercase;
  justify-content: center;
  margin-left: 4px !important;
  margin-right: 4px !important;
  display: flex !important;
  background-color: var(--color-background-primary-elevated) !important;
}
.style_conjunction___edFp > div {
  height: auto !important;
}
.style_options__YnZHN{
  background-color: var(--color-background-primary-elevated) !important;
  color: var(--color-text-primary) !important;
}
.style_options__YnZHN *:not(.style_isChecked__6gwZn){
  color: var(--color-text-primary);
}
.style_value__yBttL{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
  width: 100%;
  flex-grow: 1;
}
.style_value__yBttL:has(.style_date__WIjCE){
  background-color: transparent;
}
.style_value__yBttL .style_text__Bfw1Z{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated) !important;
  width: 100%;
}
.style_value__yBttL .style_number__Lg57D{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated) !important;
  width: 100%;
}
.style_value__yBttL .style_number__Lg57D div{
  height: 100%;
}
.style_value__yBttL .style_number__Lg57D input{
  color: var(--color-text-primary);
}
.style_value__yBttL .style_date__WIjCE{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}
.style_value__yBttL .style_date__WIjCE:has(.style_range__15tIY){
  flex-direction: column;
}
.style_value__yBttL .style_date__WIjCE .style_range__15tIY{
  width: 100%;
}
.style_value__yBttL .style_date__WIjCE .style_range__15tIY > div:first-child{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
  border-width: 0px !important;
}
.style_value__yBttL .style_date__WIjCE .style_time__QHTl1{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
}
.style_value__yBttL .style_date__WIjCE .style_time__QHTl1 > div{
  height: 100%;
}
.style_value__yBttL:has(.style_checkbox__d25h7){
  width: auto;
  background-color: transparent;
  height: 100%;
}
.style_value__yBttL .style_checkbox__d25h7{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_value__yBttL:has(.style_dropdown__6o0WA){
  width: auto;
  background-color: transparent;
  flex-grow: 0;
}
.style_value__yBttL .style_dropdown__6o0WA {
  position: relative;
  height: 40px;
  width: 200px;
  background-color: var(--color-background-primary-elevated);
}
.style_value__yBttL .style_dropdown__6o0WA .style_displayBox__ZwS5r{
  height: 100%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.style_value__yBttL .style_dropdown__6o0WA .style_displayBox__ZwS5r > div:first-child{
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-top: 8px;
}
.style_value__yBttL .style_dropdown__6o0WA .style_displayBox__ZwS5r.style_disabled__nt_df {
  cursor: not-allowed;
  opacity: 0.5;
}
.style_value__yBttL .style_dropdown__6o0WA .style_displayBox__ZwS5r .style_content__kfmFg {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_value__yBttL .style_dropdown__6o0WA .style_displayBox__ZwS5r .style_content__kfmFg .style_items__559Sz {
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_value__yBttL .style_dropdown__6o0WA .style_selectList__v72Ju{
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
  top: 36px;
  left: 0;
  max-height: 500px;
  overflow-y: auto;
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
}
.style_value__yBttL .style_dropdown__6o0WA .style_selectList__v72Ju::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_value__yBttL .style_dropdown__6o0WA .style_selectList__v72Ju::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_value__yBttL .style_dropdown__6o0WA .style_selectList__v72Ju::-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_value__yBttL .style_dropdown__6o0WA .style_selectList__v72Ju:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_value__yBttL .style_dropdown__6o0WA .style_iconArrow__hk7wJ {
  display: flex;
  height: 100%;
  align-items: center;
  margin-right: 2px;
  flex-shrink: 0;
}
.style_value__yBttL:has(.style_rating__8SbLB){
  background-color: transparent;
  width: auto;
  height: 100%;
}
.style_value__yBttL .style_rating__8SbLB{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 8px;
  --adm-radius-l: 12px;
  --adm-font-size-1: 9px;
  --adm-font-size-2: 10px;
  --adm-font-size-3: 11px;
  --adm-font-size-4: 12px;
  --adm-font-size-5: 13px;
  --adm-font-size-6: 14px;
  --adm-font-size-7: 15px;
  --adm-font-size-8: 16px;
  --adm-font-size-9: 17px;
  --adm-font-size-10: 18px;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-yellow: #ff9f18;
  --adm-color-orange: #ff6430;
  --adm-color-wathet: #e7f1ff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-background: #ffffff;
  --adm-color-highlight: var(--adm-color-danger);
  --adm-color-white: #ffffff;
  --adm-color-box: #f5f5f5;
  --adm-color-text-light-solid: var(--adm-color-white);
  --adm-color-text-dark-solid: #000000;
  --adm-color-fill-content: var(--adm-color-box);
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-yellow: #ffa930;
  --adm-color-orange: #e65a2b;
  --adm-color-wathet: #0d2543;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-color-background-body: var(--adm-color-background);
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: var(--adm-color-background-body);
}
body {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: unset;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: unset;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  right: -100vw;
  bottom: -100vh;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  pointer-events: none;
}

.adm-popup {
  --z-index: var(--adm-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-popup-body {
  position: fixed;
  background-color: var(--adm-color-background);
  z-index: calc(var(--z-index) + 10);
}
.adm-popup-body .adm-popup-close-icon {
  position: absolute;
  z-index: 100;
}
.adm-popup-body-position-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.adm-popup-body-position-bottom .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-top {
  width: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-top .adm-popup-close-icon {
  right: 8px;
  bottom: 8px;
}
.adm-popup-body-position-left {
  height: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-left .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-right {
  height: 100%;
  top: 0;
  right: 0;
}
.adm-popup-body-position-right .adm-popup-close-icon {
  left: 8px;
  top: 8px;
}
.adm-popup-close-icon {
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  color: var(--adm-color-weak);
}

.adm-mask {
  --z-index: var(--adm-mask-z-index, 1000);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.adm-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adm-mask-content {
  z-index: 1;
}

.adm-cascader-view {
  --height: auto;
}
.adm-cascader-view-tabs.adm-tabs {
  --title-font-size: var(--adm-font-size-6);
  --content-padding: none;
}
.adm-cascader-view-header-title {
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-cascader-view-content {
  height: var(--height);
  overflow-y: auto;
}
.adm-cascader-view-content > .adm-check-list {
  --border-inner: none;
  --border-bottom: none;
  --border-top: none;
}
.adm-cascader-view-item {
  font-size: var(--adm-font-size-6);
}
.adm-cascader-view-item-active {
  color: var(--adm-color-primary);
}
.adm-cascader-view .adm-list-inner {
  margin-bottom: 0;
}
.adm-cascader-view-skeleton {
  padding: 16px 12px;
}
.adm-cascader-view-skeleton .adm-skeleton {
  margin-bottom: 16px;
  --height: 18px;
  --width: 80%;
  --border-radius: 2px;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
  --width: 90%;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
  --width: 60%;
}

.adm-tabs {
  --title-font-size: var(--adm-font-size-9);
  --content-padding: 12px;
  --active-line-height: 2px;
  --active-line-border-radius: var(--active-line-height);
  --active-line-color: var(--adm-color-primary);
  --active-title-color: var(--adm-color-primary);
  position: relative;
  min-width: 0;
}
.adm-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-tabs-tab-wrapper {
  padding: 0 12px;
}
.adm-tabs-tab-wrapper-stretch {
  flex: auto;
}
.adm-tabs-tab {
  white-space: nowrap;
  padding: 8px 0 10px;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  font-size: var(--title-font-size);
  position: relative;
  cursor: pointer;
}
.adm-tabs-tab-active {
  color: var(--active-title-color);
}
.adm-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-tabs-tab-line {
  position: absolute;
  bottom: 0;
  height: var(--active-line-height);
  background: var(--active-line-color);
  border-radius: var(--active-line-border-radius);
}
.adm-tabs-content {
  padding: var(--content-padding);
}
.adm-tabs-header-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-tabs-header-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-tabs-header-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-check-list-item-extra {
  font-size: var(--adm-font-size-10);
  line-height: 1;
  color: var(--adm-color-primary);
}
.adm-check-list-item-readonly {
  cursor: unset;
}

.adm-list {
  --header-font-size: var(--adm-font-size-7);
  --prefix-width: 'auto';
  --prefix-padding-right: 12px;
  --align-items: center;
  --active-background-color: var(--adm-color-border);
  --border-inner: solid 1px var(--adm-color-border);
  --border-top: solid 1px var(--adm-color-border);
  --border-bottom: solid 1px var(--adm-color-border);
  --padding-left: 12px;
  --padding-right: 12px;
  --font-size: var(--adm-font-size-9);
  --extra-max-width: 70%;
}
.adm-list-header {
  color: var(--adm-color-weak);
  font-size: var(--header-font-size);
  padding: 8px var(--padding-right) 8px var(--padding-left);
}
.adm-list-body {
  background-color: var(--adm-color-background);
  overflow: hidden;
  font-size: var(--font-size);
}
.adm-list-body-inner {
  margin-top: -1px;
}
.adm-list-default .adm-list-body {
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
}
.adm-list-card {
  margin: 12px;
}
.adm-list-card .adm-list-body {
  border-radius: 8px;
}
.adm-list-card .adm-list-header {
  padding-left: 0;
}
.adm-list-item {
  display: block;
  padding-left: var(--padding-left);
  position: relative;
  background-color: var(--adm-color-background);
  line-height: 1.5;
}
.adm-list-item-title,
.adm-list-item-description {
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
}
.adm-list-item-content {
  display: flex;
  align-items: var(--align-items);
  justify-content: flex-start;
  border-top: var(--border-inner);
  padding-right: var(--padding-right);
}
.adm-list-item-content-prefix {
  width: var(--prefix-width);
  flex: none;
  padding-right: var(--prefix-padding-right);
}
.adm-list-item-content-main {
  flex: auto;
  padding: 12px 0;
}
.adm-list-item-content-extra {
  flex: none;
  padding-left: 12px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-weak);
  max-width: var(--extra-max-width);
}
.adm-list-item-content-arrow {
  flex: none;
  display: flex;
  align-items: center;
  margin-left: 4px;
  color: var(--adm-color-light);
  font-size: 19px;
}
.adm-list-item-disabled {
  cursor: not-allowed;
}
.adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
  opacity: 0.4;
  pointer-events: none;
}
a.adm-list-item:active:not(.adm-list-item-disabled) {
  background-color: var(--active-background-color);
}
a.adm-list-item:active:not(.adm-list-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: var(--border-inner);
}

.adm-skeleton {
  --width: 100%;
  --height: 0;
  --border-radius: 0;
  background-color: rgba(190, 190, 190, 0.2);
  border-radius: var(--border-radius);
  width: var(--width);
  height: var(--height);
  display: block;
}
.adm-skeleton.adm-skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: adm-skeleton-loading 1.4s ease infinite;
}
.adm-skeleton.adm-skeleton-title {
  --width: 45%;
  --height: 32px;
  --border-radius: 2px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.adm-skeleton.adm-skeleton-paragraph-line {
  --height: 18px;
  --border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.adm-skeleton.adm-skeleton-paragraph-line:last-child {
  --width: 65%;
}
@keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.adm-cascader {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.adm-cascader-header {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
}
.adm-cascader-header-button {
  font-size: var(--adm-font-size-7);
  display: inline-block;
  padding: 4px 4px;
}
.adm-cascader-header-title {
  padding: 4px 4px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-cascader-body {
  flex: auto;
  height: 100%;
  width: 100%;
}
.adm-cascader-body > .adm-cascader-view {
  --height: 310px;
}


.adm-picker {
  --header-button-font-size: var(--adm-font-size-7);
  --title-font-size: var(--adm-font-size-7);
  --item-font-size: var(--adm-font-size-8);
  --item-height: 34px;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  ---item-font-size: var(--item-font-size);
  ---item-height: var(--item-height);
}
.adm-picker .adm-picker-view.adm-picker-view {
  --item-font-size: var(---item-font-size);
  --item-height: var(---item-height);
}
.adm-picker-header {
  flex-shrink: 0;
  border-bottom: solid 1px var(--adm-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px;
}
.adm-picker-header-button {
  font-size: var(--header-button-font-size);
  display: inline-block;
  padding: 8px 8px;
}
.adm-picker-header-button-disabled,
.adm-picker-header-button-disabled:active {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-picker-header-title {
  padding: 4px 4px;
  font-size: var(--title-font-size);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-picker-body {
  flex: 1;
  width: 100%;
  height: 100%;
}
.adm-picker-body > .adm-picker-view {
  --height: 100%;
}
.adm-picker-popup .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.adm-spin-loading {
  --color: var(--adm-color-weak);
  --size: 32px;
  width: var(--size);
  height: var(--size);
}
.adm-spin-loading-svg {
  width: 100%;
  height: 100%;
  animation: adm-spin-loading-rotate 0.8s infinite linear;
}
.adm-spin-loading-svg > .adm-spin-loading-fill {
  stroke: var(--color);
}
@keyframes adm-spin-loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.adm-picker-view {
  --height: 240px;
  --item-height: 34px;
  --item-font-size: var(--adm-font-size-8);
  height: var(--height);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  background: var(--adm-color-background);
}
.adm-picker-view-column {
  height: 100%;
  flex: 1;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  touch-action: none;
  position: relative;
  z-index: 0;
}
.adm-picker-view-column-wheel {
  width: 100%;
  cursor: grab;
  position: absolute;
  top: calc(50% - var(--item-height) / 2);
  left: 0;
}
.adm-picker-view-column-wheel::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
.adm-picker-view-column-wheel::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: -100vh;
}
.adm-picker-view-column-item {
  font-size: var(--item-font-size);
  padding: 0 6px;
  height: var(--item-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adm-picker-view-column-accessible {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  top: calc(var(--item-height) * -1);
  z-index: 0;
  padding-bottom: 1px;
}
.adm-picker-view-column-accessible > * {
  flex: 1;
  text-overflow: ellipsis;
}
.adm-picker-view-column-accessible-current {
  position: absolute;
  width: 100%;
  height: 100%;
}
.adm-picker-view-column-accessible-button {
  width: 100%;
  height: 100%;
}
.adm-picker-view-mask {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.adm-picker-view-mask-top,
.adm-picker-view-mask-bottom {
  flex: auto;
}
.adm-picker-view-mask-middle {
  height: var(--item-height);
  box-sizing: border-box;
  flex: none;
  border-top: solid 1px var(--adm-color-border);
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-picker-view-mask-top {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-mask-bottom {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-loading-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-item-height-measure {
  position: relative;
  left: 0;
  top: 0;
  height: var(--item-height);
  width: 0;
  pointer-events: none;
}

.adm-safe-area {
  --multiple: var(--adm-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.adm-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.adm-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}

.adm-modal {
  --z-index: var(--adm-modal-z-index, 1000);
  ---z-index: var(--z-index);
}
.adm-modal .adm-center-popup {
  --z-index: var(---z-index);
}
.adm-modal-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--adm-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-modal-body > * {
  flex: none;
}
.adm-modal-body > .adm-modal-content {
  flex: auto;
}
.adm-modal-body:not(.adm-modal-with-image) {
  padding-top: 20px;
}
.adm-modal-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
  overflow-y: scroll;
}
.adm-modal-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.adm-modal-title {
  margin-bottom: 8px;
  padding: 0 12px;
  font-weight: bold;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  text-align: center;
}
.adm-modal-content {
  padding: 0 12px 12px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  color: var(--adm-color-text);
}
.adm-modal-footer {
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
  padding: 8px 12px 12px;
}
.adm-modal-footer-empty {
  padding: 0;
  height: 8px;
}
.adm-modal-footer.adm-space {
  --gap-vertical: 20px;
}
.adm-modal-footer .adm-modal-button {
  font-size: var(--adm-font-size-10);
  line-height: 25px;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
  padding-top: 0;
  padding-bottom: 0;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {
  display: none;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
  opacity: 0.7;
}

.adm-button {
  --color: var(--adm-color-text-light-solid);
  --text-color: var(--adm-button-text-color, var(--adm-color-text));
  --background-color: var(--adm-button-background-color, var(--adm-color-background));
  --border-radius: var(--adm-button-border-radius, 4px);
  --border-width: var(--adm-button-border-width, 1px);
  --border-style: var(--adm-button-border-style, solid);
  --border-color: var(--adm-button-border-color, var(--adm-color-border));
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: auto;
  padding: 7px 12px;
  margin: 0;
  font-size: var(--adm-font-size-9);
  line-height: 1.4;
  text-align: center;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}
.adm-button:focus {
  outline: none;
}
.adm-button::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  width: 100%;
  height: 100%;
  background-color: var(--adm-color-text-dark-solid);
  border: var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);
  border-radius: var(--border-radius);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-button:active::before {
  opacity: 0.08;
}
.adm-button-default.adm-button-fill-outline {
  --background-color: transparent;
  --border-color: var(--adm-color-text);
}
.adm-button-default.adm-button-fill-none {
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button:not(.adm-button-default) {
  --text-color: var(--adm-color-text-light-solid);
  --background-color: var(--color);
  --border-color: var(--color);
}
.adm-button:not(.adm-button-default).adm-button-fill-outline {
  --text-color: var(--color);
  --background-color: transparent;
}
.adm-button:not(.adm-button-default).adm-button-fill-none {
  --text-color: var(--color);
  --background-color: transparent;
  --border-width: 0px;
}
.adm-button-primary {
  --color: var(--adm-color-primary);
}
.adm-button-success {
  --color: var(--adm-color-success);
}
.adm-button-danger {
  --color: var(--adm-color-danger);
}
.adm-button-warning {
  --color: var(--adm-color-warning);
}
.adm-button-block {
  display: block;
  width: 100%;
}
.adm-button-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-button-disabled:active::before {
  display: none;
}
.adm-button.adm-button-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-main);
}
.adm-button.adm-button-mini.adm-button-shape-rounded {
  padding-left: 9px;
  padding-right: 9px;
}
.adm-button.adm-button-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--adm-font-size-7);
}
.adm-button.adm-button-large {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: var(--adm-font-size-10);
}
.adm-button.adm-button-shape-rounded {
  --border-radius: 1000px;
}
.adm-button.adm-button-shape-rectangular {
  --border-radius: 0;
}
.adm-button-loading {
  vertical-align: bottom;
}
.adm-button-loading-wrapper {
  display: flex;
  height: 1.4em;
  align-items: center;
  justify-content: center;
}
.adm-button-loading-wrapper > .adm-loading {
  opacity: 0.6;
}

.adm-dot-loading {
  display: inline-block;
}

.adm-image {
  --width: var(--adm-image-width, auto);
  --height: var(--adm-image-height, auto);
  width: var(--width);
  height: var(--height);
  display: block;
  overflow: hidden;
}
.adm-image-img {
  width: 100%;
  height: 100%;
}
.adm-image-tip {
  position: relative;
  background-color: var(--adm-color-fill-content);
  height: 100%;
  min-height: 24px;
  min-width: 24px;
}
.adm-image-tip > svg {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--adm-color-weak);
}

.adm-space-item {
  flex: none;
}
.adm-space {
  display: inline-flex;
  --gap: 8px;
  --gap-vertical: var(--gap);
  --gap-horizontal: var(--gap);
}
.adm-space-vertical {
  flex-direction: column;
}
.adm-space-vertical > .adm-space-item {
  margin-bottom: var(--gap-vertical);
}
.adm-space-vertical > .adm-space-item:last-child {
  margin-bottom: 0;
}
.adm-space-horizontal {
  flex-direction: row;
}
.adm-space-horizontal > .adm-space-item {
  margin-right: var(--gap-horizontal);
}
.adm-space-horizontal > .adm-space-item:last-child {
  margin-right: 0;
}
.adm-space-horizontal.adm-space-wrap {
  flex-wrap: wrap;
  margin-bottom: calc(var(--gap-vertical) * -1);
}
.adm-space-horizontal.adm-space-wrap > .adm-space-item {
  padding-bottom: var(--gap-vertical);
}
.adm-space.adm-space-block {
  display: flex;
}
.adm-space-align-center {
  align-items: center;
}
.adm-space-align-start {
  align-items: flex-start;
}
.adm-space-align-end {
  align-items: flex-end;
}
.adm-space-align-baseline {
  align-items: baseline;
}
.adm-space-justify-center {
  justify-content: center;
}
.adm-space-justify-start {
  justify-content: flex-start;
}
.adm-space-justify-end {
  justify-content: flex-end;
}
.adm-space-justify-between {
  justify-content: space-between;
}
.adm-space-justify-around {
  justify-content: space-around;
}
.adm-space-justify-evenly {
  justify-content: space-evenly;
}
.adm-space-justify-stretch {
  justify-content: stretch;
}

.adm-auto-center {
  display: flex;
  justify-content: center;
}
.adm-auto-center-content {
  flex: 0 1 auto;
}

.adm-center-popup {
  --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));
  --border-radius: var(--adm-center-popup-border-radius, 8px);
  --max-width: var(--adm-center-popup-max-width, 75vw);
  --min-width: var(--adm-center-popup-min-width, 280px);
  --z-index: var(--adm-center-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-center-popup .adm-center-popup-mask {
  z-index: 0;
}
.adm-center-popup-wrap {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: var(--min-width);
  max-width: var(--max-width);
  transform: translate(-50%, -50%);
}
.adm-center-popup-body {
  background-color: var(--background-color);
  border-radius: var(--border-radius);
}
.adm-center-popup-close {
  position: absolute;
  z-index: 100;
  right: 8px;
  top: 8px;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  color: var(--adm-color-weak);
}

.styles_cascader__8vyyC {
  width: 100% !important;
}
.styles_cascaderDisbaled__eSMHc {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_search__uNMDu .ant-cascader-menu-item {
  width: auto;
}
.styles_search__uNMDu .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: var(--primaryColor);
  font-weight: bold;
}
.styles_mobileCascaderText__CEYrU {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 4px;
  width: 100%;
}
.styles_cascaderHeader__1nmvw {
  display: flex;
}
.styles_cascaderHeader__1nmvw .styles_cascaderHeaderItem__qqgda {
  width: 160px;
  padding-left: 14px;
  line-height: 32px;
  font-weight: bold;
}
.styles_closeBtn__8DN1o svg {
  fill: var(--textCommonTertiary);
}
.styles_closeBtn__8DN1o:hover {
  background-color: var(--bgBglessHover) !important;
}
.styles_closeBtn__8DN1o:active {
  background-color: var(--bgBglessActive) !important;
}
.styles_emptyPlaceholder__Z1X0j {
  text-align: center;
  padding: 32px 16px;
}
.styles_emptyPlaceholder__Z1X0j .styles_img__G0i0S {
  width: 160px;
  height: 120px;
}
.styles_emptyPlaceholder__Z1X0j .styles_title__Cmh_l {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-top: 8px;
}
.ant-select-selection-placeholder {
  padding-left: 8px;
  display: flex;
  align-items: center;
}
.ant-select-clear {
  background-color: transparent !important;
  transform: translate(-50%, 0);
  top: 12px !important;
}
.ant-select-selector {
  height: 100% !important;
}
.ant-cascader .ant-select-selection-search input {
  height: 100% !important;
}
.ant-cascader-menu-item {
  width: 144px;
  margin: 2px 8px;
  border-radius: 4px;
}
.ant-cascader-menu-item:hover {
  background-color: var(--bgBglessHover) !important;
  color: var(--textBrandDefault);
}
.ant-cascader-menu-item:hover svg {
  fill: var(--textBrandDefault);
}
.ant-cascader-menu-item-active {
  background-color: var(--bgBrandLightDefault) !important;
}
.ant-cascader-menu-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-cascader-menu-item-content .emptyPlaceholder {
  width: 160px;
  padding: 0;
}
.ant-select-selector .ant-select-selection-item {
  color: var(--firstLevelText) !important;
  line-height: 30px !important;
  font-size: 13px;
}
.adm-popup-body {
  border-radius: 16px 16px 0 0;
}
.adm-list-item {
  background-color: var(--defaultBg);
  border-bottom: 1px solid var(--lineColor);
}
a.adm-list-item:active:not(.adm-list-item-disabled) {
  background-color: var(--bgCommonDefault);
}
.adm-list-item-content-main {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.adm-list-body {
  background-color: transparent;
}
.adm-tabs-header {
  border-color: var(--lineColor);
}
.adm-cascader-header > .adm-cascader-header-button:first-child {
  color: var(--secondLevelText);
}
.adm-cascader-header-title {
  color: var(--primaryColor);
  text-align: inherit;
}
.adm-cascader-header-title .adm-cascader-header-button {
  color: var(--secondLevelText);
}
.adm-tabs-tab-active, .adm-cascader-view-item-active, .adm-check-list-item-extra {
  color: var(--primaryColor);
}
.adm-tabs-tab-line {
  background-color: var(--primaryColor);
}
.adm-tabs-header-mask-left, .adm-tabs-header-mask-right {
  background: unset;
}
@media screen and (max-width: 768px) {
  .ant-cascader-menu {
    min-width: auto !important;
  }
  .ant-cascader-menu-item {
    width: 64px;
    padding: 0 !important;
    margin: 2px 4px !important;
  }
  .ant-cascader-menu-item .ant-cascader-menu-item-content {
    font-size: 12px;
  }
}

.style_antiEllipsis__AXNZE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__TxzWJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0Dq4g ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0Dq4g ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0Dq4g 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__0Dq4g ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0Dq4g li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0Dq4g .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0Dq4g .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0Dq4g .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0Dq4g .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__DW_i6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__l1DNn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__xJNMw .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__xJNMw .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__xJNMw .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__xJNMw .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__xJNMw .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__xJNMw .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__xJNMw .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__xJNMw .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__xJNMw .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__xJNMw .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__xJNMw .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__xJNMw .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__xJNMw .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__xJNMw .editBgColor::before,
.style_tree__xJNMw .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__xJNMw .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__xJNMw .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__xJNMw .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__xJNMw .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__xJNMw .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__xJNMw .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__xJNMw .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__xJNMw .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__xJNMw .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0Wg4d .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__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0Wg4d .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__0Wg4d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0Wg4d .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__0Wg4d .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0Wg4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__yq7kx .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__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__yq7kx .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__yq7kx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__yq7kx .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__yq7kx .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__yq7kx .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yq7kx .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__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__yq7kx .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__QQOym::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__QQOym::-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__QQOym:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8OwkK::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8OwkK::-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__8OwkK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qMQ_T {
  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__A3HtK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__A3HtK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__A3HtK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__A3HtK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__A3HtK {
    flex: 0 0 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_editorContainer__GdTGO {
  position: absolute;
  z-index: var(--container);
  background: var(--defaultBg);
}
.style_editorContainer__GdTGO .expandWorkdoc {
  background: var(--defaultBg);
  border-top: 0.5px solid var(--primaryColor);
}
.style_editorContainer__GdTGO .expandWorkdoc .workdocBtn {
  padding: 2px 10px;
}
.style_focusHolder__3VOrZ {
  width: 0;
  height: 1;
  border: none;
  outline: none;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}
.style_popupWrapper__NLVM8 .ant-drawer-content-wrapper {
  background-color: var(--defaultBg);
}

/**
* 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__wpy1f {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__kfWoJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__hyXUC ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__hyXUC ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__hyXUC 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__hyXUC ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__hyXUC li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__hyXUC .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__hyXUC .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__hyXUC .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__hyXUC .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__u68_t {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MYHSj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Hj5eP .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Hj5eP .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Hj5eP .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__Hj5eP .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__Hj5eP .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Hj5eP .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Hj5eP .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Hj5eP .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Hj5eP .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Hj5eP .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Hj5eP .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Hj5eP .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__Hj5eP .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Hj5eP .editBgColor::before,
.style_tree__Hj5eP .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Hj5eP .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Hj5eP .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Hj5eP .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__Hj5eP .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Hj5eP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Hj5eP .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Hj5eP .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Hj5eP .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Hj5eP .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__soNKU .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__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__soNKU .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__soNKU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__soNKU .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__soNKU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__soNKU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__oVXqw .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__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__oVXqw .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__oVXqw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__oVXqw .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__oVXqw .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__oVXqw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oVXqw .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__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__oVXqw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Nc4qg::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Nc4qg::-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__Nc4qg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__mc4I2::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__mc4I2::-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__mc4I2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PrLvn {
  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__5r03l {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__5r03l {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__5r03l {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__5r03l {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__5r03l {
    flex: 0 0 100%;
  }
}
.style_checkboxBase__19PL1 {
  position: relative;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 2px var(--primaryColor);
  border-radius: 1px;
  max-height: 200px;
  background: transparent;
  overflow-y: hidden;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_unChecked__B__yz {
  opacity: 0.2;
}
.style_iconContainer__K_FJb {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/**
* 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_lineSearchInput__SmgfW {
  border-bottom: 1px solid var(--lineColor);
  display: flex;
  align-items: center;
  padding: 0 20px 0;
  position: relative;
}
.style_lineSearchInput__SmgfW input {
  background: transparent;
}
.style_lineSearchInput__SmgfW.style_default__x7cf2 {
  height: 32px;
}
.style_lineSearchInput__SmgfW.style_large__b44ep {
  height: 40px;
}
.style_lineSearchInput__SmgfW svg {
  cursor: pointer;
}
.style_lineSearchInput__SmgfW .style_prefixIcon__66caN {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
}
.style_lineSearchInput__SmgfW input {
  border: none;
  display: inline-block;
  width: 100%;
}
.style_lineSearchInput__SmgfW .style_suffixIcon__csb8o {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lineSearchInput__SmgfW:focus-within {
  border-bottom: 1px solid var(--primaryColor);
}
.style_lineSearchInput__SmgfW:focus-within .style_prefixIcon__66caN svg {
  fill: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_searchContainer__eniyl {
  display: flex;
  margin-top: 10px;
  padding: 0 24px;
}
.style_searchContainer__eniyl .style_inputContainer__8BHnQ {
  position: relative;
  flex-grow: 1;
}
.style_searchContainer__eniyl .style_searchOption__ZjFdw {
  height: 30px;
  line-height: 30px;
  margin-left: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_searchContainer__eniyl .style_searchOption__ZjFdw button {
  margin-left: 6px;
}
.style_searchContainer__eniyl .style_searchIcon__jPAgD {
  position: absolute;
  top: 8px;
  left: 2px;
}
.style_searchContainer__eniyl .style_closeIcon__uLtwa {
  position: absolute;
  top: 10px;
  right: 4px;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .style_searchContainer__eniyl {
    display: block;
  }
  .style_searchContainer__eniyl .style_searchOption__ZjFdw {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
  }
  .style_searchContainer__eniyl .style_searchOption__ZjFdw .ant-switch {
    min-width: 34px;
  }
}

/**
* 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__p1Z7X {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__y86uW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__jcVdo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__jcVdo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__jcVdo 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__jcVdo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__jcVdo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__jcVdo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__jcVdo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__jcVdo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__jcVdo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__NFRav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Jywbu {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jErvh .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jErvh .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jErvh .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__jErvh .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__jErvh .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jErvh .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jErvh .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jErvh .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jErvh .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jErvh .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jErvh .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jErvh .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__jErvh .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jErvh .editBgColor::before,
.style_tree__jErvh .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jErvh .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jErvh .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jErvh .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__jErvh .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jErvh .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jErvh .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jErvh .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jErvh .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jErvh .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__B1YgD .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__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__B1YgD .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__B1YgD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__B1YgD .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__B1YgD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__B1YgD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__FeNSS .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__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__FeNSS .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__FeNSS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__FeNSS .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__FeNSS .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__FeNSS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__FeNSS .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__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__FeNSS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Yx12V::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Yx12V::-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__Yx12V:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small___f__o::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small___f__o::-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___f__o:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__RCdXb {
  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___1RPE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___1RPE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___1RPE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___1RPE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___1RPE {
    flex: 0 0 100%;
  }
}
.style_nodeContainerWrapper__uf0dY {
  padding: 0 16px;
}
.style_nodeContainer__1d8bd {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.style_nodeContainer__1d8bd.style_viewNodeContainer__nUup8 {
  padding: 0 24px;
}
.style_nodeContainer__1d8bd:hover,
.style_nodeContainer__1d8bd.style_active__qwCUy {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__1d8bd.style_active__qwCUy {
  color: var(--primaryColor);
}
.style_nodeContainer__1d8bd.style_disable__YxsVG svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__1d8bd.style_disable__YxsVG .style_text__or_6f {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__1d8bd svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__1d8bd svg.style_leftIcon__liyRh {
  margin-right: 10px;
}
.style_nodeContainer__1d8bd svg.style_rightIcon__bJwLK {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__1d8bd .style_text__or_6f {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__1d8bd .style_text__or_6f.style_rightText__4lDxd {
  margin-left: 10px;
}
.style_nodeContainer__1d8bd .style_budget__9hyAN {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  background: var(--fourthLevelText);
  border-radius: 2px;
  font-size: 10px;
  color: white;
  line-height: 16px;
  vertical-align: middle;
}
.style_formPreviewer__IURh8 {
  position: relative;
  background-color: var(--bgCommonHigh);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__IURh8 .style_scrollContainer__AUJsW {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__IURh8 .style_panelTitleDesc__S3dfd {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__IURh8 .style_panelTitle__2O_6X {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX {
  margin: 32px 0 48px;
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX .style_formField__V38Wk {
  margin-bottom: 24px;
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX .style_formField__V38Wk .style_title__MqSg0 {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX .style_formField__V38Wk .style_title__MqSg0[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__IURh8 .style_panelContent__FKjjX .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__IURh8 .style_panelFooter__XprSC {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__WgB_f {
  height: 100%;
}
.style_formPreviewerMobile__WgB_f .style_scrollContainer__AUJsW {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__WgB_f .style_scrollContainer__AUJsW .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__WgB_f .style_scrollContainer__AUJsW .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList__rw6lZ {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList__rw6lZ h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList__rw6lZ .style_widgetListWrap__jGf84 {
  position: relative;
  flex: 1;
}
.style_widgetList__rw6lZ .style_scroll__gSYlp {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU .style_checked__0CjF7 {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU .style_checked__0CjF7 svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU.style_selected__mu3Tn {
  border-color: var(--primaryColor);
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU.style_selected__mu3Tn .style_checked__0CjF7 {
  display: block;
}
.style_widgetList__rw6lZ .style_widgetItem__zq0OU .style_widgetIconBox__x0qiY {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
}
.style_emptyImg__7LVza {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__gHRZo {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__gHRZo .style_img__Ro6Oy {
  width: 180px;
}
.style_emptyTipWrap__gHRZo .style_emptyTip__qVLVh {
  position: relative;
  top: 8px;
  font-size: 13px;
  color: var(--secondLevelText);
}

.createInviteModal_body__5lmB9 {
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  max-height: 64dvh;
  overflow: visible;
  gap: 1.25rem;
}
.createInviteModal_bodyWithTabs__jKP4H {
  margin: 1.5rem 0;
}
.createInviteModal_mtsFont__Eyb1v {
  font-family: 'MTS Compact', sans-serif;
}
.createInviteModal_linkItem__iewiZ {
  background: var(--color-background-secondary);
}
.createInviteModal_linkItemCreating__EaWPJ {
  align-items: end;
}
.createInviteModal_linkItemInactive__glchz {
  background: hsla(15, 89%, 45%, 0.07);
}
.createInviteModal_iconWrapper__gQZbC {
  display: flex;
  align-items: center;
  justify-content: center;
}
.createInviteModal_iconWrapper__gQZbC > svg {
  width: 100%;
  height: 100%;
}
.createInviteModal_inputWrapper__kwITQ input {
  background: var(--color-background-secondary-elevated);
}
.createInviteModal_borderStyle__gjQr_ {
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--adm-border-color);
}
.createInviteModal_buttonWrapper__zmNqF {
  flex-shrink: 0;
  padding-right: 2px;
}

.style_err__9BBHW {
  font-size: 12px;
  color: var(--errorColor);
  margin-top: 4px;
}

.TeamTreeSelect_wrapper__6Txr8 {
  position: relative;
  width: 100%;
}
.TeamTreeSelect_selector__V5O1h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px;
  border: 1px solid var(--borderCommonDefault);
  border-radius: 6px;
  background: var(--bgCommonDefault);
  cursor: pointer;
  min-height: 30px;
  transition: border-color 0.2s;
}
.TeamTreeSelect_selector__V5O1h.TeamTreeSelect_disabled__H6Pyh {
  background: var(--bgCommonDisabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.TeamTreeSelect_selectorValue__XKXru {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: var(--textCommonPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TeamTreeSelect_selectorValue__XKXru.TeamTreeSelect_placeholder__1NrOi {
  color: var(--textCommonTertiary);
}
.TeamTreeSelect_arrow__gv1yx {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  color: var(--textCommonTertiary);
  transition: transform 0.2s ease;
}
.TeamTreeSelect_arrow__gv1yx.TeamTreeSelect_open__L8jGt {
  transform: rotate(180deg);
}
.TeamTreeSelect_dropdown__6M3L6 {
  background: var(--bgCommonDefault);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 6px;
  max-height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.TeamTreeSelect_treeWrapper__oZwgf {
  flex: 1;
  overflow-y: auto;
  padding: 8px 12px;
}
.TeamTreeSelect_treeNode__AKvrr {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: background-color 0.15s;
}
.TeamTreeSelect_treeNode__AKvrr:hover {
  background-color: var(--bgControlsDefaultHover);
}
.TeamTreeSelect_treeNode__AKvrr.TeamTreeSelect_selected__RPJkB {
  background-color: var(--bgControlsDefaultHover);
  font-weight: 500;
}
.TeamTreeSelect_treeNode__AKvrr.TeamTreeSelect_disabled__H6Pyh {
  cursor: not-allowed;
  opacity: 0.5;
}
.TeamTreeSelect_treeNode__AKvrr.TeamTreeSelect_disabled__H6Pyh:hover {
  background-color: transparent;
}
.TeamTreeSelect_switcher__7jXk4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  color: var(--textCommonTertiary);
  transition: transform 0.2s ease;
}
.TeamTreeSelect_switcher__7jXk4.TeamTreeSelect_hasChildren__bkM4f {
  cursor: pointer;
}
.TeamTreeSelect_switcher__7jXk4.TeamTreeSelect_expanded__aX2fU {
  transform: rotate(-180deg);
}
.TeamTreeSelect_title__V1UIC {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  color: var(--textCommonPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TeamTreeSelect_childrenWrapper____qPR {
  display: block;
}
.TeamTreeSelect_footer__qSese {
  border-top: 1px solid var(--borderCommonDefault);
  padding: 8px 12px;
}
.TeamTreeSelect_overlay__hNJPS {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.TeamTreeSelect_mobileDropdown__u_5zz {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  max-height: 70vh;
  border-radius: 16px 16px 0 0;
  animation: TeamTreeSelect_slideUp__F8bUl 0.25s ease-out;
}
@keyframes TeamTreeSelect_slideUp__F8bUl {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.TeamTreeSelect_mobileHeader__8DROQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--borderCommonDefault);
}
.TeamTreeSelect_mobileTitle__WtpZB {
  font-size: 16px;
  font-weight: 500;
  color: var(--textCommonPrimary);
}
.TeamTreeSelect_mobileClose__eIt5K {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: var(--textCommonSecondary);
}
.TeamTreeSelect_mobileClose__eIt5K:hover {
  color: var(--textCommonPrimary);
}

.style_sliderVerificationModal__e0P9y .style_tip__r_TC3 {
  padding-bottom: 16px !important;
}
.style_sliderVerificationModal__e0P9y .sm-pop-inner.nc-container {
  position: static;
}
.style_sliderVerificationModal__e0P9y .nc-container div.nc_scale {
  height: 48px;
  line-height: 48px;
  background-color: #E9E9F5 !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc_wrapper {
  width: 100% !important;
  height: 48px !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc_scale div.nc_bg {
  background-color: #8cc06a !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc_scale .nc-lang-cnt {
  color: var(--defaultBg);
  display: inline !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc-container .nc_scale .scale_text2 {
  color: var(--defaultBg) !important;
  font-size: 14px !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc_scale span {
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
}
.style_sliderVerificationModal__e0P9y .nc-container .nc_scale .scale_text {
  font-size: 14px !important;
  color: var(--firstLevelText) !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__ck9Uu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__7YmoZ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__nFpR8 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__nFpR8 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__nFpR8 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__nFpR8 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__nFpR8 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__nFpR8 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__nFpR8 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__nFpR8 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__nFpR8 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__F6y0q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__xMrY5 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MpK5b .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MpK5b .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MpK5b .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__MpK5b .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__MpK5b .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MpK5b .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MpK5b .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MpK5b .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MpK5b .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MpK5b .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MpK5b .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MpK5b .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__MpK5b .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MpK5b .editBgColor::before,
.style_tree__MpK5b .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MpK5b .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MpK5b .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MpK5b .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__MpK5b .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MpK5b .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MpK5b .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MpK5b .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MpK5b .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MpK5b .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__xZpSw .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__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__xZpSw .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__xZpSw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__xZpSw .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__xZpSw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__xZpSw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__IkzwR .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__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__IkzwR .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__IkzwR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__IkzwR .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__IkzwR .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__IkzwR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__IkzwR .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__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__IkzwR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__7OIq_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__7OIq_::-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__7OIq_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UrMsP::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UrMsP::-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__UrMsP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__2TY_j {
  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__O8BUB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__O8BUB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__O8BUB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__O8BUB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__O8BUB {
    flex: 0 0 100%;
  }
}
.style_searchResult__on5Da {
  margin-top: 5px;
  overflow: hidden;
  height: 100%;
}
.style_searchResult__on5Da::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchResult__on5Da::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchResult__on5Da::-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_searchResult__on5Da:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_notData__Xvscr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_notData__Xvscr img {
  width: 160px;
  height: 120px;
  margin-top: 40px;
}
.style_notData__Xvscr .style_tip__gzi3H {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-top: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_notData__Xvscr {
    font-size: 14px;
  }
  .style_notData__Xvscr img {
    width: auto;
    height: 240px;
  }
  .style_notData__Xvscr .style_tip__gzi3H {
    font-size: inherit;
  }
}

/**
* 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__FLJlW {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ox0ZL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__M76eU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__M76eU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__M76eU 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__M76eU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__M76eU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__M76eU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__M76eU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__M76eU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__M76eU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__oCG4U {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__h5wzs {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8QPPV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8QPPV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8QPPV .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__8QPPV .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__8QPPV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8QPPV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8QPPV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8QPPV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8QPPV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8QPPV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8QPPV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8QPPV .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__8QPPV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8QPPV .editBgColor::before,
.style_tree__8QPPV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8QPPV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8QPPV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8QPPV .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__8QPPV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8QPPV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8QPPV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8QPPV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8QPPV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8QPPV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__fSYjm .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__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__fSYjm .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__fSYjm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__fSYjm .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__fSYjm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__fSYjm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__RXSIH .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__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__RXSIH .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__RXSIH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__RXSIH .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__RXSIH .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__RXSIH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RXSIH .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__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__RXSIH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__FKfxA::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__FKfxA::-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__FKfxA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__R_M_v::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__R_M_v::-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__R_M_v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__zSXUx {
  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__Iu48K {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Iu48K {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Iu48K {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Iu48K {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Iu48K {
    flex: 0 0 100%;
  }
}
.style_selectUnitModal__fkioi {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  -webkit-user-select: none;
          user-select: none;
  height: 506px;
}
.style_left__1atJR {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 336px;
}
.style_left__1atJR .style_searchWrapper__m_VxA {
  padding: 0 24px;
}
.style_left__1atJR .style_searchWrapper__m_VxA span,
.style_left__1atJR .style_searchWrapper__m_VxA input {
  border-radius: 24px;
}
.style_left__1atJR .style_breadcrumb__3BWZ9 {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
}
.style_left__1atJR .style_breadcrumb__3BWZ9 .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_left__1atJR .style_breadcrumb__3BWZ9 .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_left__1atJR .style_breadcrumb__3BWZ9 .ant-breadcrumb ol li {
  display: flex;
}
.style_left__1atJR .style_tabWrap__cHWUv {
  padding: 0 24px;
  margin-top: 8px;
}
.style_left__1atJR .style_tabWrap__cHWUv .ant-tabs-tab {
  padding: 10px 16px;
}
.style_left__1atJR .style_tabWrap__cHWUv .ant-tabs-tab-btn {
  color: var(--fc3);
}
.style_left__1atJR .style_tabWrap__cHWUv .ant-tabs-nav {
  margin-bottom: 0;
}
.style_left__1atJR .style_tabWrapRole__jhRwp {
  margin-bottom: 8px;
}
.style_left__1atJR .style_allCheck__BABkx {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 24px;
}
.style_left__1atJR .style_allCheck__BABkx > label {
  height: 20px;
}
.style_left__1atJR .style_dataListWrapper__RxadI {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1;
}
.style_left__1atJR .style_dataListWrapper__RxadI::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_left__1atJR .style_dataListWrapper__RxadI::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_left__1atJR .style_dataListWrapper__RxadI::-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_left__1atJR .style_dataListWrapper__RxadI:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_left__1atJR .style_dataListWrapper__RxadI .ant-checkbox-group {
  width: 100%;
}
.style_left__1atJR .style_dataListWrapper__RxadI .style_unitType__qcMp2 {
  padding-left: 24px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: var(--thirdLevelText);
  font-weight: normal;
}
.style_left__1atJR .style_item___Zult {
  display: flex;
  padding-left: 24px;
  padding-right: 14px;
  flex-direction: row;
  align-items: center;
}
@media (any-hover: hover) {
  .style_left__1atJR .style_item___Zult:hover {
    background-color: var(--rowSelectedBg);
  }
}
.style_left__1atJR .style_item___Zult .style_lowerLevelIcon__apd0W {
  display: flex;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.style_left__1atJR .style_item___Zult .ant-checkbox {
  top: 0;
}
.style_left__1atJR .style_checkWrapper__o_vk1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  overflow: hidden;
  margin-right: 4px;
}
.style_left__1atJR .style_checkWrapper__o_vk1 > label {
  flex: 1;
  display: flex;
  align-items: center;
}
.style_left__1atJR .style_itemContent__1bE2U {
  width: 242px;
  display: inline-block;
}
.style_left__1atJR .style_searchListWrapper__GZk_N {
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--defaultBg);
  z-index: 1;
}
.style_left__1atJR .style_searchListWrapper__GZk_N .style_dataListWrapper__RxadI {
  height: 100%;
  max-height: none;
}
.style_left__1atJR .style_searchListWrapperRoleIsOpen__nERRy {
  top: 84px;
}
.style_right__PC4E3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 2px solid var(--rowSelectedBg);
  padding: 8px 0 0 16px;
}
.style_right__PC4E3 .style_title__Ytei_ {
  color: var(--secondLevelText);
  font-size: 12px;
  padding-bottom: 16px;
}
.style_right__PC4E3 .style_listWrapper__d8qEl {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
}
.style_right__PC4E3 .style_listWrapper__d8qEl::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_right__PC4E3 .style_listWrapper__d8qEl::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_right__PC4E3 .style_listWrapper__d8qEl::-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_right__PC4E3 .style_listWrapper__d8qEl:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_right__PC4E3 .style_list__3tb9k {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.style_right__PC4E3 .style_list__3tb9k .style_item___Zult {
  margin-right: 16px;
  margin-bottom: 16px;
}
.style_invite__Q1xIL {
  color: var(--primaryColor);
  font-size: 13px;
  cursor: pointer;
}
.style_invite__Q1xIL svg {
  vertical-align: -0.225em;
  fill: var(--primaryColor);
  margin-right: 4px;
}
.style_buttonWrapper__aNUb0 {
  display: flex;
}
.style_unitPopupWrapper__xtdB8 .ant-drawer-body {
  min-height: 330px;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .style_left__1atJR {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .style_left__1atJR .style_searchWrapper__m_VxA {
    padding: 0;
  }
  .style_left__1atJR .style_dataListWrapper__RxadI {
    position: static;
    height: auto;
    flex: 1;
    max-height: none;
  }
  .style_left__1atJR .style_dataListWrapper__RxadI .style_unitType__qcMp2 {
    padding-left: 0;
  }
  .style_left__1atJR .style_searchListWrapper__GZk_N {
    top: 48px;
    padding-left: 0;
  }
  .style_left__1atJR .style_breadcrumb__3BWZ9 {
    padding: 0;
  }
  .style_left__1atJR .style_allCheck__BABkx {
    padding: 0;
  }
  .style_left__1atJR .style_item___Zult {
    padding: 0;
    justify-content: space-between;
  }
  .style_popupFooter__eanxb {
    font-size: 14px;
  }
  .style_inviteBtnWrapper__UftSv {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .style_inviteBtnWrapper__UftSv .style_invite__Q1xIL {
    font-size: 14px;
  }
}

/**
* 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__N2uTh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__2nY0C {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__xyBjO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__xyBjO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__xyBjO 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__xyBjO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__xyBjO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__xyBjO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__xyBjO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__xyBjO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__xyBjO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__sjp1m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__sTFWM {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CTu_N .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CTu_N .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CTu_N .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__CTu_N .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__CTu_N .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CTu_N .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CTu_N .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CTu_N .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CTu_N .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CTu_N .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CTu_N .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CTu_N .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__CTu_N .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CTu_N .editBgColor::before,
.style_tree__CTu_N .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CTu_N .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CTu_N .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CTu_N .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__CTu_N .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CTu_N .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CTu_N .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CTu_N .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CTu_N .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CTu_N .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__gvZXr .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__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__gvZXr .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__gvZXr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__gvZXr .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__gvZXr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__gvZXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__eS6CN .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__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__eS6CN .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__eS6CN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__eS6CN .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__eS6CN .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__eS6CN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__eS6CN .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__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__eS6CN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__TiHcW::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__TiHcW::-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__TiHcW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UF5U0::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UF5U0::-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__UF5U0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__i1Vwp {
  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__WXAkq {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__WXAkq {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__WXAkq {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__WXAkq {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__WXAkq {
    flex: 0 0 100%;
  }
}
.style_headImg__2hdTk {
  height: auto;
  display: block;
  margin: 0 auto;
}
.style_widgetCenter__peC_T .ant-modal-body {
  padding: 0 0 24px;
}
.style_widgetCenter__peC_T .ant-modal-content {
  border-radius: 12px;
}
.style_widgetCenter__peC_T .ant-modal-header {
  padding: 24px 32px 8px;
}
.style_widgetCenterWrap__OPWiQ .ant-modal-header {
  padding: 24px 32px 8px;
}
.style_widgetCenterWrap__OPWiQ .ant-tabs-tab {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.style_widgetCenterWrap__OPWiQ .ant-tabs-tab:hover {
  color: var(--deepPurple_400);
}
.style_widgetCenterWrap__OPWiQ .ant-modal-content {
  overflow: hidden;
}
.style_widgetCenterWrap__OPWiQ .style_headerBanner__xRuYS {
  width: 100%;
}
.style_widgetCenterWrapHis__QBGJ5 .ant-modal-header {
  padding: 24px 32px 16px;
}
.style_widgetCenterWrapHis__QBGJ5 .ant-modal-close-x svg {
  fill: var(--defaultBg);
}
.style_widgetCenterWrapHis__QBGJ5 .ant-modal-close-x:hover svg {
  fill: #666666;
}
.style_showCloseIconBg__m3DDC .ant-modal-close-x {
  background: var(--black_100);
  box-shadow: 0 0 0 4px var(--black_100);
}
.style_showCloseIconBg__m3DDC .ant-modal-close-x svg {
  fill: #666666;
}
.style_showCloseIconBg__m3DDC .ant-modal-close-x:hover {
  background: var(--fc11);
  box-shadow: 0 0 0 4px var(--fc11);
}
.style_showCloseIconBg__m3DDC .ant-modal-close-x:active {
  background: var(--black_300);
  box-shadow: 0 0 0 4px var(--black_300);
}
.style_widgetCenterModal__KJkTN {
  height: 80vh;
  overflow: auto;
}
.style_widgetCenterModal__KJkTN > h2 {
  font-size: 24px;
  margin: 24px 0;
  padding: 0 24px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ {
  height: 100%;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .ant-tabs-content-holder {
  height: 100%;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .ant-tabs-content {
  height: 100%;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .ant-tabs-tabpane {
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
  box-sizing: border-box;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .ant-tabs-tab-btn {
  color: var(--fc3);
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_tabNav__jNr1U {
  margin: 0 32px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_tabItemTips__T2s5N {
  margin: 16px 32px;
  display: flex;
  align-items: center;
  color: var(--thirdLevelText);
  font-size: 13px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_tabItemTips__T2s5N span {
  margin-left: 4px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 24px 30px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh img {
  width: 240px;
  height: 180px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_emptyTitle__LZNBs {
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  color: var(--thirdLevelText);
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_emptyDesc__pzkXd {
  margin-bottom: 32px;
  color: var(--thirdLevelText);
  font-size: 13px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_emptyFooter__LAO3S {
  width: 200px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_buttonWrap__79_F_ {
  margin-top: 3px;
  display: flex;
  align-items: center;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_buttonWrap__79_F_ svg {
  margin-right: 4px;
}
.style_widgetCenterModal__KJkTN .style_widgetCenterModalTab__cUkrZ .style_listEmpty__JFcMh .style_tips__Rit9W {
  margin-top: 16px;
  font-size: 12px;
  line-height: 18px;
  color: var(--thirdLevelText);
}
.style_widgetPackageList__bsfmk {
  display: flex;
  flex-wrap: wrap;
  padding: 0 19px;
}
.style_widgetPackageList__bsfmk .style_placeholder__f3fKo {
  width: 1px;
  height: 1px;
}
.style_skeletonWrap__nbvmB {
  padding: 0 32px;
}
.style_widgetPackageItem__m68hd {
  width: 248px;
  margin: 0 12px 24px;
  box-shadow: var(--shadowCommonHigh);
  background-color: var(--bgCommonHigh);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
  overflow: hidden;
}
.style_widgetPackageItem__m68hd h3 {
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--fc1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetPackageItem__m68hd p {
  color: var(--thirdLevelText);
  font-size: 13px;
  overflow: hidden;
  height: 80px;
  margin: 4px 0 16px;
  line-height: 20px;
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_widgetPackageItem__m68hd .style_spaceWidgetDesc__Kt_wM {
  margin: 16px 0;
}
.style_widgetPackageItem__m68hd .style_packageType__HJRuQ {
  font-size: 12px;
  position: absolute;
  padding: 0 8px;
  top: 8px;
  left: 8px;
  z-index: 1;
  background: var(--successColor);
  color: white;
  border-radius: 20px;
  cursor: pointer;
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 {
  width: 100%;
  padding-top: 56%;
  position: relative;
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_authorIconWrap__j0Veq {
  position: absolute;
  left: 8px;
  bottom: -14px;
  display: flex;
  align-items: center;
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_authorIconWrap__j0Veq .style_avatarWrap__gdXtc {
  margin: 0;
  padding: 1px;
  border-radius: 4px;
  background: var(--defaultBg);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_authorIconWrap__j0Veq .style_avatarWrap__gdXtc .style_avatar__pBh1X {
  border-radius: 4px !important;
  border: 1px solid var(--lineColor);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_authorIconWrap__j0Veq .style_arcBoxLeft__U3gzy {
  width: 6px;
  height: 6px;
  margin-bottom: 6px;
  margin-right: -1px;
  background: radial-gradient(6px at left top, transparent 100%, var(--defaultBg) 100%);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_authorIconWrap__j0Veq .style_arcBoxRight__7Ox71 {
  width: 6px;
  height: 6px;
  margin-bottom: 6px;
  margin-left: -1px;
  background: radial-gradient(6px at right top, transparent 100%, var(--defaultBg) 100%);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_website__wLCUn {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_website__wLCUn .style_iconButton__04sG9 {
  background: var(--black_100);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_website__wLCUn:hover .style_iconButton__04sG9 {
  background: var(--black_200);
}
.style_widgetPackageItem__m68hd .style_imgBox__Js595 .style_website__wLCUn:active .style_iconButton__04sG9 {
  background: var(--black_300);
}
.style_widgetPackageItem__m68hd:hover .style_imgBox__Js595 .style_website__wLCUn {
  display: block;
}
.style_widgetPackageItem__m68hd img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.style_widgetPackageItem__m68hd .style_itemContent__LPo5u {
  padding: 20px 16px 16px;
}
.style_modalHeader__vhpN6 {
  display: flex;
  align-items: center;
}
.style_modalHeader__vhpN6 .style_helpIcon__cf0vx {
  display: flex;
  align-items: center;
}
.style_modalHeaderBanner__43b85 {
  padding: 32px 32px 24px;
}
.style_widgetPackageItem__m68hd .style_headerBox__Z9o5n {
  display: flex;
  align-items: center;
}
.style_widgetPackageItem__m68hd .style_headerBox__Z9o5n .style_widgetIcon__6JvK0 {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 4px;
  overflow: hidden;
}
.style_widgetPackageItem__m68hd .style_headerBox__Z9o5n h3 {
  margin: 0;
  flex: 1;
}
.style_widgetPackageItem__m68hd .style_avatarWrap__gdXtc {
  margin: 0 4px;
}
.style_widgetPackageItem__m68hd .style_developerWrap__Vfbjd {
  display: flex;
  margin-bottom: 16px;
  align-items: center;
}
.style_widgetPackageItem__m68hd .style_developerWrap__Vfbjd span {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_widgetPackageItem__m68hd .style_developerWrap__Vfbjd .style_triggerWrap__vEy3B {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_widgetPackageItem__m68hd .style_rotateIcon__opZYg {
  transform: rotate(90deg);
}
.style_widgetPackageItem__m68hd .style_hoverShow__Whgiq {
  box-sizing: content-box;
  border-radius: 50%;
}
.style_widgetPackageItem__m68hd:hover .style_hoverShow__Whgiq {
  opacity: 1;
}
.style_createWidgetWrapper__ET0ja {
  height: 254px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.style_createWidgetWrapper__ET0ja:hover {
  background: var(--fc6);
}
.style_createWidgetWrapper__ET0ja:active {
  background: var(--fc5);
}
.style_createWidgetWrapper__ET0ja span {
  margin-left: 4px;
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_disableCreateWidget__w_ShM {
  cursor: not-allowed;
  opacity: 0.5;
  background: var(--defaultBg);
}
.style_disableCreateWidget__w_ShM:hover {
  background: var(--defaultBg);
}
.style_disableCreateWidget__w_ShM:active {
  background: var(--defaultBg);
}
.style_spaceWidgetInfoContent__ptTGz {
  line-height: 22px;
  font-size: 14px;
  color: var(--firstLevelText);
}
.style_spaceWidgetInfoContent__ptTGz .style_creatorWrap__PP0G6 {
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
  padding: 0 4px;
}
.style_spaceWidgetInfoContent__ptTGz .style_creatorWrap__PP0G6 .style_unitTag__H7wRl:hover {
  opacity: 1;
}
.style_widgetContextMenu__18oXP {
  position: fixed;
  width: 240px;
  background: var(--highestBg);
  padding: 4px 8px;
  box-shadow: var(--shadowCommonHighest);
  border-radius: 4px;
  transition: opacity 2s !important;
  z-index: var(--zIndex-3);
}
.style_widgetContextMenu__18oXP .style_contextMenuItem__C3D5s {
  padding: 0 8px;
  border-radius: 4px;
}
.style_widgetContextMenu__18oXP .style_contextMenuItem__C3D5s:hover {
  background: var(--fc6);
}
.style_widgetPackageItemSpace__BzB96 {
  padding: 16px;
}
.style_colorWhite__r9lZb {
  color: var(--staticWhite0) !important;
}
.style_transferWidgetWrap__CKsOJ ul {
  padding: 0;
}
.style_transferWidgetWrap__CKsOJ li {
  list-style: none;
  position: relative;
}
.style_transferWidgetWrap__CKsOJ li + li {
  margin-top: 16px;
}
.style_transferWidgetWrap__CKsOJ li p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--fc2);
}
.style_transferWidgetWrap__CKsOJ li p:first-child {
  font-weight: bold;
  padding-left: 25px;
  color: var(--firstLevelText);
}
.style_transferWidgetWrap__CKsOJ li p:first-child::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 9px;
  top: 7px;
  background: var(--firstLevelText);
  border-radius: 50%;
}
.style_warningBtn__zOYtR {
  color: var(--defaultBg) !important;
}

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

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__KvXoZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__vgdX3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__hSqWt ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__hSqWt ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__hSqWt 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__hSqWt ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__hSqWt li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__hSqWt .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__hSqWt .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__hSqWt .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__hSqWt .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Diju1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__FrppY {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MNF3c .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MNF3c .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MNF3c .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__MNF3c .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__MNF3c .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MNF3c .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MNF3c .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MNF3c .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MNF3c .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MNF3c .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MNF3c .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MNF3c .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__MNF3c .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MNF3c .editBgColor::before,
.style_tree__MNF3c .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MNF3c .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MNF3c .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MNF3c .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__MNF3c .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MNF3c .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MNF3c .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MNF3c .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MNF3c .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MNF3c .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3u2Si .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__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3u2Si .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__3u2Si .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3u2Si .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__3u2Si .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3u2Si .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CkfPc .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__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CkfPc .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__CkfPc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CkfPc .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__CkfPc .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__CkfPc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CkfPc .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__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CkfPc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__zydWQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__zydWQ::-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__zydWQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ZuIdh::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ZuIdh::-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__ZuIdh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__V4xCW {
  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__RGl_D {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RGl_D {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RGl_D {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RGl_D {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RGl_D {
    flex: 0 0 100%;
  }
}
.style_sendToDashboard__AQun2 .style_nodeItemSelected__YJTAz {
  cursor: pointer;
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_sendToDashboard__AQun2 .style_nodeItem__L_6_A {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.style_sendToDashboard__AQun2 .style_nodeItem__L_6_A svg {
  margin-right: 8px;
  position: relative;
}
.style_sendToDashboard__AQun2 .style_nodeItem__L_6_A:hover {
  cursor: pointer;
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_sendToDashboard__AQun2 .style_nodeItem__L_6_A.style_active__Sa_a4 {
  color: var(--primaryColor);
  cursor: pointer;
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_sendToDashboard__AQun2 .style_footer__u1ZyP {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.style_sendToDashboard__AQun2 .style_footer__u1ZyP button:nth-child(1) {
  margin-right: 8px;
}
.style_sendToDashboard__AQun2 .style_scroll__HcZxs {
  min-height: 240px;
  max-height: 70vh;
  overflow-y: auto;
}
.style_sendToDashboard__AQun2 .style_scroll__HcZxs .style_loading__oXR11 {
  width: calc(100% - 16px);
  padding-left: 16px;
  margin-bottom: 16px;
}
.style_modal__vkTbJ .ant-modal-body {
  padding: 0 8px 24px;
}
.style_empty__SkmTk {
  width: 100%;
  height: 100%;
}
.style_empty__SkmTk .style_emptyImg__fFCBR {
  text-align: center;
}
.style_empty__SkmTk p {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.style_empty__SkmTk p a {
  padding-bottom: 2px;
  border-bottom: 1px solid var(--primaryColor);
}
.style_empty__SkmTk img {
  margin: 0 auto 24px;
  display: block;
}

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

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__O98nL {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__r_oCy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__eHSP_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__eHSP_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__eHSP_ 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__eHSP_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__eHSP_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__eHSP_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__eHSP_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__eHSP_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__eHSP_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GyDWZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__72HgL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__WpYc1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__WpYc1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__WpYc1 .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__WpYc1 .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__WpYc1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__WpYc1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__WpYc1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__WpYc1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__WpYc1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__WpYc1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__WpYc1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__WpYc1 .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__WpYc1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__WpYc1 .editBgColor::before,
.style_tree__WpYc1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__WpYc1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__WpYc1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__WpYc1 .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__WpYc1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__WpYc1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__WpYc1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__WpYc1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__WpYc1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__WpYc1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___wokn .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___wokn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___wokn .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___wokn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___wokn .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___wokn .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___wokn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Pba3l .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__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Pba3l .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__Pba3l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Pba3l .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__Pba3l .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__Pba3l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Pba3l .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__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Pba3l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__TIwX8::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__TIwX8::-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__TIwX8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__TD_Z7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__TD_Z7::-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__TD_Z7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8BOxV {
  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__ksF9s {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ksF9s {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ksF9s {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ksF9s {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ksF9s {
    flex: 0 0 100%;
  }
}
.style_widgetHeaderDev__2yCk3 {
  background: var(--lowestBg);
}
.style_widgetHeader__vUydU.style_dragging__CCJ3A {
  cursor: grabbing;
}
.style_widgetHeader__vUydU.style_dragging__CCJ3A .style_dragHandle__foP7k {
  cursor: grabbing;
}
.style_widgetHeader__vUydU.style_dragging__CCJ3A .style_widgetName__rX7Oj .style_name__xd0Gm {
  cursor: grabbing;
}
.style_widgetHeader__vUydU {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 34px;
  padding: 0 8px;
  border-radius: 8px 8px 0 0;
  cursor: grab;
}
.style_widgetHeader__vUydU svg {
  vertical-align: -0.125em;
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj .style_name__xd0Gm {
  margin-right: 4px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj .style_error__r_TqP {
  border-color: var(--errorColor) !important;
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj .style_tag__m2Cpx {
  padding: 0 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj .style_tagPrimary__nqr13 {
  background: var(--rainbowIndigo1);
  color: var(--rainbowIndigo4);
}
.style_widgetHeader__vUydU .style_widgetName__rX7Oj .style_tagSuccess__ONbKq {
  background: var(--teal_100);
  color: var(--teal_700);
}
.style_widgetHeader__vUydU .style_dragHandle__foP7k {
  opacity: 1 !important;
  cursor: grab;
  display: flex;
  align-items: center;
  margin-right: 4px;
  margin-left: 0px !important;
}
.style_widgetHeader__vUydU .style_operateButton__TV_7o {
  opacity: 0;
  display: flex;
  margin-left: 8px;
}
.style_widgetContainer__6j6az {
  border: 1px solid var(--lineColor);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background: var(--defaultBg);
  overflow: hidden;
}
.style_widgetContainer__6j6az:hover .style_widgetHeader__vUydU .style_dragHandle__foP7k {
  opacity: 1;
}
.style_widgetContainer__6j6az:hover .style_widgetHeader__vUydU .style_operateButton__TV_7o {
  opacity: 1;
}
.style_widgetWrapper__p93yL {
  height: 100%;
}
.style_widgetWrapperExpand__cSe56 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--expandWidget);
  background: var(--deepMaskColor);
  border: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az {
  position: relative;
  width: 84%;
  height: 82vh;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az .style_widgetExpandOperateArea__fE1Ql {
  position: absolute;
  top: -68px;
  right: 0;
  display: flex;
  align-items: center;
  padding: 16px 0;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az .style_widgetExpandOperateArea__fE1Ql .style_closeButton__d91ZQ {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--shadowColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az .style_widgetExpandOperateArea__fE1Ql .style_closeButton__d91ZQ:hover {
  opacity: 0.8;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az .style_widgetExpandOperateArea__fE1Ql .style_closeButton__d91ZQ:active {
  opacity: 0.6;
}
.style_widgetWrapperExpand__cSe56 .style_widgetContainer__6j6az .style_widgetExpandOperateArea__fE1Ql .style_closeButton__d91ZQ svg {
  fill: white;
}
.style_widgetWrapperFullscreen__Wmjg3 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--expandWidget);
  background: var(--deepMaskColor);
  border: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetWrapperFullscreen__Wmjg3 .style_widgetContainer__6j6az {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.style_widgetWrapperMobile__cvgT_ {
  border-width: 0;
}
.style_widgetWrapperExpandMobile__U6VIa .style_widgetContainer__6j6az {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.style_widgetBody__Hq5YB {
  position: relative;
  height: calc(100% - 34px);
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_mask__W_u0o {
  color: var(--errorColor);
  font-size: 13px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  padding-bottom: 10px;
}
.style_mask__W_u0o img {
  transform: translateY(-8px);
  max-width: 160px;
  width: 100%;
}
.style_mask__W_u0o span {
  border-bottom: 1px solid;
  line-height: 1.4;
}
.style_npOpacity__dNI1y {
  opacity: 1 !important;
}
.style_rotateIcon__JTSnU {
  transform: rotate(90deg);
}
.style_widgetHeader__vUydU.style_widgetIsExpandHeader__SWVEl {
  padding: 16px;
  height: 50px;
  border-bottom: 1px solid var(--borderCommonDefault);
  cursor: default;
}
.style_widgetIsExpandBody__EOUJV {
  height: calc(100% - 50px);
}
.style_iframeMasking__1nqyv {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.style_iframeLoadingWarp__paTKE {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.style_widgetExpandHeaderMobile__RlFhb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px;
  height: 48px;
  box-shadow: inset 0px -1px 0px var(--lineColor);
}
.style_widgetExpandHeaderMobile__RlFhb .style_closeIcon__71730 {
  position: absolute;
  left: 16px;
}
.style_widgetExpandHeaderMobile__RlFhb h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

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

.style_configInfo__Zpmiz {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  font-size: 13px;
}
.style_configInfo__Zpmiz .style_title__O_v4w {
  display: flex;
  align-items: center;
}
.style_configInfo__Zpmiz .style_title__O_v4w span {
  color: var(--secondLevelText);
  margin-right: 4px;
  font-weight: bold;
}
.style_configInfo__Zpmiz .style_tips__2yoEX {
  padding: 4px 0 8px;
  color: var(--thirdLevelText);
}
.style_configInfo__Zpmiz .style_linkText__YXBHW {
  font-size: 13px;
}
.style_helpIcon__ipJ_u {
  display: inherit;
}
.style_errorWidgetWrap__MufCP {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.style_errorWidgetWrap__MufCP .style_title__O_v4w {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
}
.style_errorWidgetWrap__MufCP .style_title__O_v4w span {
  margin-left: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--errorColor);
}
.style_errorWidgetWrap__MufCP .style_content____ZQL {
  padding: 0 16px;
  font-size: 13px;
  line-height: 20px;
  color: var(--thirdLevelText);
  text-align: center;
}
.style_errorWidgetWrap__MufCP p {
  margin: 0;
}
.style_errorWidgetWrap__MufCP .style_actionBtn__c2YfM {
  margin-top: 5px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__cdJpS {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ldhXS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__cJ0W0 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__cJ0W0 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__cJ0W0 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__cJ0W0 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__cJ0W0 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__cJ0W0 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__cJ0W0 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__cJ0W0 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__cJ0W0 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__KewSD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__0AD0q {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__9v8x2 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__9v8x2 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__9v8x2 .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__9v8x2 .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__9v8x2 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__9v8x2 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__9v8x2 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__9v8x2 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__9v8x2 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__9v8x2 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__9v8x2 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__9v8x2 .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__9v8x2 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__9v8x2 .editBgColor::before,
.style_tree__9v8x2 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__9v8x2 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__9v8x2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__9v8x2 .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__9v8x2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__9v8x2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__9v8x2 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__9v8x2 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__9v8x2 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__9v8x2 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__hOYLy .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__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__hOYLy .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__hOYLy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__hOYLy .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__hOYLy .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__hOYLy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__0RiU8 .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__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__0RiU8 .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__0RiU8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__0RiU8 .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__0RiU8 .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__0RiU8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0RiU8 .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__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__0RiU8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__g6Htq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__g6Htq::-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__g6Htq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__1a98O::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__1a98O::-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__1a98O:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__LE1a8 {
  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__YISfw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__YISfw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__YISfw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__YISfw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__YISfw {
    flex: 0 0 100%;
  }
}
.style_widgetList__ZcV0a {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 0 16px;
}
.style_widgetList__ZcV0a .style_widgetContainer__Dg2JE {
  border: 1px solid var(--lineColor);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background: var(--defaultBg);
  overflow: hidden;
}
.style_widgetList__ZcV0a * {
  transition: none;
}
.style_widgetList__ZcV0a .style_isFullscreen__sPU9F {
  transform: none !important;
}
.style_widgetExpanding__RwT91 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_publishHelpModal__GKZYe .style_modalHeader__4oXNM {
  display: flex;
  align-items: center;
}
.style_publishHelpModal__GKZYe .style_modalHeader__4oXNM svg {
  margin-left: 4px;
}
.style_publishHelpModal__GKZYe .style_publishHelpContainer__suDlg p {
  font-size: 14px;
  line-height: 22px;
  color: var(--secondLevelText);
}
.style_publishHelpModal__GKZYe .style_publishHelpContainer__suDlg img {
  width: 510px;
  border: 1px solid #e9e9f5;
  border-radius: 4px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__1vpeq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__zAaLa {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__fvpZy ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__fvpZy ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__fvpZy 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__fvpZy ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__fvpZy li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__fvpZy .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__fvpZy .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__fvpZy .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__fvpZy .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZQoiO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WStVy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__pImZD .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__pImZD .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__pImZD .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__pImZD .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__pImZD .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__pImZD .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__pImZD .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__pImZD .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__pImZD .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__pImZD .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__pImZD .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__pImZD .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__pImZD .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__pImZD .editBgColor::before,
.style_tree__pImZD .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__pImZD .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__pImZD .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__pImZD .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__pImZD .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__pImZD .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__pImZD .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__pImZD .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__pImZD .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__pImZD .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2593_ .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__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2593_ .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__2593_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2593_ .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__2593_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2593_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__EvTFR .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__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__EvTFR .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__EvTFR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__EvTFR .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__EvTFR .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__EvTFR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EvTFR .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__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__EvTFR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Ml1k_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Ml1k_::-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__Ml1k_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__AqMx9::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__AqMx9::-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__AqMx9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__5AMkO {
  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__QswNE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__QswNE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__QswNE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__QswNE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__QswNE {
    flex: 0 0 100%;
  }
}
.style_widgetPanel__7iPB8 {
  padding-top: 48px;
  height: 100%;
}
.style_widgetPanelContainer__PK5nm {
  height: 100%;
  background: var(--defaultBg);
}
.style_widgetPanelContainer__PK5nm .react-resizable-handle::after {
  border-color: var(--primaryColor);
}
.style_emptyPanel__m8Tel .style_ikon__2ruG_ {
  width: 240px;
  display: block;
  padding-top: 24vh;
  margin: 0 auto;
}
.style_emptyPanel__m8Tel .style_desc__ABpIx {
  text-align: center;
}
.style_emptyPanel__m8Tel .style_buttonWrapper__InzpC {
  margin: 32px auto 0;
  display: block;
}
.style_skeletonWrapper__jDqtu {
  padding-top: 10px;
  background: var(--defaultBg);
  height: 100%;
}
.style_skeletonWrapper__jDqtu .style_skeletonHeader__k79hO {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 32px;
}
.style_skeletonWrapper__jDqtu .style_skeletonHeader__k79hO > div:nth-child(2) {
  width: calc(100% - 46px);
}
.style_skeletonWrapper__jDqtu .style_skeletonHeader__k79hO svg {
  cursor: pointer;
}
.style_skeletonWrapper__jDqtu .style_skeletonInput__CgO_Y {
  display: block;
  width: calc(100% - 32px);
  margin: 0 auto 20px;
}
.style_closeIcon__SwT23 {
  position: absolute;
  top: 16px;
  right: 16px;
}
.style_docTip__go4rx {
  font-size: 12px;
  color: var(--primaryColor);
  text-align: center;
  margin-top: 16px;
}
.style_docTip__go4rx a {
  color: var(--thirdLevelText);
  border-bottom: 1px solid var(--thirdLevelText);
}
.style_docTip__go4rx a:hover {
  color: var(--black_600);
  border-color: var(--black_600);
}
.style_docTip__go4rx a:active {
  color: var(--black_700);
  border-color: var(--black_700);
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__Q3Nsf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__nekxj {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__aiBPz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__aiBPz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__aiBPz 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__aiBPz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__aiBPz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__aiBPz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__aiBPz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__aiBPz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__aiBPz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__iv7hs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__cWvT7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__JxEtb .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__JxEtb .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__JxEtb .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__JxEtb .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__JxEtb .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__JxEtb .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__JxEtb .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__JxEtb .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__JxEtb .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__JxEtb .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__JxEtb .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__JxEtb .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__JxEtb .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__JxEtb .editBgColor::before,
.styles_tree__JxEtb .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__JxEtb .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__JxEtb .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__JxEtb .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__JxEtb .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__JxEtb .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__JxEtb .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__JxEtb .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__JxEtb .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__JxEtb .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__SWQlJ .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__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__SWQlJ .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__SWQlJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__SWQlJ .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__SWQlJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__SWQlJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__15Rco .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__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__15Rco .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__15Rco .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__15Rco .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__15Rco .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__15Rco .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__15Rco .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__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__15Rco .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Z8rgR::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Z8rgR::-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__Z8rgR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__rDLB8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__rDLB8::-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__rDLB8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__oKtyK {
  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__R2vNx {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__R2vNx {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__R2vNx {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__R2vNx {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__R2vNx {
    flex: 0 0 100%;
  }
}
.styles_widgetCenterWrap__h_5wx .ant-modal-body {
  height: auto !important;
}
.styles_widgetCenterWrap__h_5wx .ant-modal-title {
  padding: 0 !important;
}
.styles_widgetCenterWrap__h_5wx .styles_modalHeader__6Gs4o {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.styles_widgetCenterWrap__h_5wx .styles_modalHeader__6Gs4o .styles_helpIcon__YySoU {
  margin-left: 4px;
  height: 16px;
  line-height: 16px;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW {
  position: relative;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_itemLabel__IwNF_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_lookSourceCodeBtn__Woi1M span {
  font-size: 12px !important;
  line-height: 18px;
  text-decoration: underline;
  border-width: 0;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateList__K12ZV {
  height: 312px;
  overflow-y: auto;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB {
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--sheetLineColor);
  cursor: pointer;
  transition: border-color 0.1s;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_checkbox__bEtbT {
  transition: border-color 0.1s;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB + .styles_templateItem___4mDB {
  margin-top: 16px;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB:hover {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB:hover .styles_checkbox__bEtbT {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_checkbox__bEtbT {
  width: 16px;
  height: 16px;
  border: 2px solid var(--thirdLevelText);
  border-radius: 50%;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_templateCover__Yx_Os {
  width: 40px;
  height: 40px;
  margin: 0 8px;
  border-radius: 2px;
  border: 1px solid var(--borderCommonDefault);
  overflow: hidden;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_templateInfo__Z_hHh {
  flex: 1;
  overflow: hidden;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_templateInfo__Z_hHh .styles_templateName__u7s_t {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItem___4mDB .styles_templateInfo__Z_hHh .styles_templateDesc__Xj6FZ {
  margin-top: 2px;
  font-size: 12px;
  color: var(--secondLevelText);
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItemSelected__T_oe_ {
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItemSelected__T_oe_ .styles_checkbox__bEtbT {
  border-width: 4px;
  border-color: var(--primaryColor);
}
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItemSelected__T_oe_ .styles_templateInfo__Z_hHh .styles_templateName__u7s_t,
.styles_widgetCenterWrap__h_5wx .styles_createContainer__7l4vW .styles_templateItemSelected__T_oe_ .styles_templateInfo__Z_hHh .styles_templateDesc__Xj6FZ {
  color: var(--primaryColor);
}
.styles_widgetCenterWrap__h_5wx .styles_checkboxWrap__mfjSf {
  display: flex;
  align-items: center;
}
.styles_widgetCenterWrap__h_5wx .styles_buttonWrap__RLsWG {
  width: 200px;
  padding-top: 40px;
  margin: 0 auto;
}
.styles_widgetCreateModalStep__560ht .ant-modal-body,
.styles_widgetDevConfigModal__3uJUF .ant-modal-body {
  height: auto !important;
  padding: 32px 24px 24px !important;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car {
  padding-top: 32px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_stepContentTitleMain__V1Y_V,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_stepContentTitleMain__V1Y_V {
  margin-right: 4px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemLabel__Mx0cE,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemLabel__Mx0cE {
  margin-bottom: 8px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_stepContentDesc__O6ajH,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_stepContentDesc__O6ajH {
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--secondLevelText);
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_stepContentDesc__O6ajH span,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_stepContentDesc__O6ajH span {
  margin: 0 2px;
  color: var(--primaryColor);
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_helpIcon__YySoU,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_helpIcon__YySoU {
  display: flex;
  align-items: center;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR {
  display: flex;
  align-items: center;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_contentItemValueInput__6Beve,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_contentItemValueInput__6Beve {
  flex: 1;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_contentItemValueInput__6Beve input:disabled,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_contentItemValueInput__6Beve input:disabled {
  cursor: default;
  color: var(--secondLevelText) !important;
  -webkit-text-fill-color: var(--secondLevelText) !important;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_highBorder__0k1Uw,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_highBorder__0k1Uw {
  border-color: var(--primaryColor);
  transition: border 0.3s linear;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB {
  margin-left: 16px;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  background: var(--fc6);
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB:hover,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB:hover {
  background: var(--fc7);
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB:active,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemValue__myEWR .styles_copyBtn__TJThB:active {
  background: var(--fc8);
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_errorText__tj8Zk,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_errorText__tj8Zk {
  height: 20px;
  font-size: 13px;
  color: var(--errorColor);
  line-height: 20px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItem__jRY8h,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItem__jRY8h {
  padding-bottom: 16px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw {
  display: inline-flex;
  padding: 0 8px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw div,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw div {
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--blackBlue_200);
  font-size: 14px;
  color: #000000;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw div + div,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItem__jRY8h .styles_cmdBox__GNnyw div + div {
  margin-left: 8px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemNoMargin__AlEsk .styles_contentItemLabel__Mx0cE,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemNoMargin__AlEsk .styles_contentItemLabel__Mx0cE {
  margin: 0;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentItemDesc__Qgtqn,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentItemDesc__Qgtqn {
  padding-top: 4px;
  font-size: 12px;
  color: var(--thirdLevelText);
  line-height: 18px;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_contentFooter__HKlgV,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_contentFooter__HKlgV {
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.styles_widgetCreateModalStep__560ht .styles_stepContentWrap__70Car .styles_configContentFooter__8LQ0j,
.styles_widgetDevConfigModal__3uJUF .styles_stepContentWrap__70Car .styles_configContentFooter__8LQ0j {
  align-items: flex-end;
}
.styles_widgetCreateModalStep__560ht .styles_widgetDevConfigModalWrap__9F3LE,
.styles_widgetDevConfigModal__3uJUF .styles_widgetDevConfigModalWrap__9F3LE {
  padding: 0;
}
.styles_widgetCretInvalidError__ahZYL {
  margin-top: 8px;
  padding: 16px 0;
  background-color: var(--red_50);
  border-radius: 6px;
}
.styles_widgetCretInvalidError__ahZYL .styles_title__pRhYK {
  display: flex;
  padding: 0 19px;
  align-items: center;
}
.styles_widgetCretInvalidError__ahZYL .styles_title__pRhYK span {
  font-weight: bold;
  margin-left: 4px;
  line-height: 22px;
}
.styles_widgetCretInvalidError__ahZYL .styles_content__Pi2nf {
  padding: 4px 16px 0 44px;
  font-size: 13px;
  line-height: 20px;
  color: var(--secondLevelText);
}
.styles_widgetCretInvalidError__ahZYL .styles_content__Pi2nf p {
  margin: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis___wioT {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__aPtZq {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__XuW0P ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__XuW0P ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__XuW0P 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__XuW0P ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__XuW0P li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__XuW0P .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__XuW0P .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__XuW0P .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__XuW0P .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__hSsVl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__R56zo {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Y8OU3 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Y8OU3 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Y8OU3 .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__Y8OU3 .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__Y8OU3 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Y8OU3 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Y8OU3 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Y8OU3 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Y8OU3 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Y8OU3 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Y8OU3 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Y8OU3 .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__Y8OU3 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Y8OU3 .editBgColor::before,
.style_tree__Y8OU3 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Y8OU3 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Y8OU3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Y8OU3 .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__Y8OU3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Y8OU3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Y8OU3 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Y8OU3 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Y8OU3 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Y8OU3 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__JkZ98 .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__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__JkZ98 .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__JkZ98 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__JkZ98 .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__JkZ98 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__JkZ98 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Gc5Go .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__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Gc5Go .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__Gc5Go .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Gc5Go .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__Gc5Go .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__Gc5Go .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Gc5Go .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__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Gc5Go .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__6cm45::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__6cm45::-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__6cm45:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UHExy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UHExy::-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__UHExy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fs_8U {
  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__dKAEI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__dKAEI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__dKAEI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__dKAEI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__dKAEI {
    flex: 0 0 100%;
  }
}
.style_viewItemInput__a8fdW {
  width: 100%;
  caret-color: var(--primaryColor);
  display: flex;
  align-items: center;
}
.style_viewItemInput__a8fdW .style_iconMove__BhB_C {
  margin-right: 2px;
}
.style_operateItem__QqIQU {
  display: flex;
  align-items: center;
  padding: 0 8px;
  height: 40px;
  color: var(--firstLevelText);
  border-radius: 4px;
  cursor: pointer;
}
.style_operateItem__QqIQU .style_iconType__WUmGW {
  margin-left: 8px;
  margin-right: 4px;
  font-size: 15px;
}
.style_operateItem__QqIQU .style_iconRename__EMvla {
  margin-right: 8px;
}
.style_operateItem__QqIQU .style_iconRename__EMvla,
.style_operateItem__QqIQU .style_iconDelete__HzVOq,
.style_operateItem__QqIQU .style_iconMove__BhB_C,
.style_operateItem__QqIQU .style_iconType__WUmGW {
  display: flex;
  align-items: center;
}
.style_operateItem__QqIQU .style_iconRename__EMvla,
.style_operateItem__QqIQU .style_iconDelete__HzVOq {
  opacity: 0;
}
@media (any-hover: hover) {
  .style_operateItem__QqIQU:hover {
    background: var(--rowSelectedBg);
  }
  .style_operateItem__QqIQU:hover .style_iconRename__EMvla,
  .style_operateItem__QqIQU:hover .style_iconDelete__HzVOq {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .style_operateItem__QqIQU .style_iconRename__EMvla,
  .style_operateItem__QqIQU .style_iconDelete__HzVOq {
    padding: 4px;
    opacity: 1;
  }
}
.style_operateItem__QqIQU .style_text__TAIkn {
  flex: 1;
  margin-right: 32px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_operateItem__QqIQU .style_text__TAIkn .style_name__yboDs {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.style_editViewNameInput___WSs3 {
  background: var(--rowSelectedBg);
  border-radius: 2px;
  box-shadow: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__yoOdX {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AG_kE {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__F3Khd ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__F3Khd ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__F3Khd 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__F3Khd ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__F3Khd li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__F3Khd .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__F3Khd .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__F3Khd .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__F3Khd .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__I_WEa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__2AOJM {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__78_gT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__78_gT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__78_gT .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__78_gT .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__78_gT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__78_gT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__78_gT .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__78_gT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__78_gT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__78_gT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__78_gT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__78_gT .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__78_gT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__78_gT .editBgColor::before,
.style_tree__78_gT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__78_gT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__78_gT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__78_gT .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__78_gT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__78_gT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__78_gT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__78_gT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__78_gT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__78_gT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___7kkH .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___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___7kkH .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___7kkH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___7kkH .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___7kkH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___7kkH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Taykq .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__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Taykq .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__Taykq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Taykq .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__Taykq .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__Taykq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Taykq .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__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Taykq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1K0MH::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1K0MH::-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__1K0MH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__hc6Tz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__hc6Tz::-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__hc6Tz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__raYld {
  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__AMgfl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__AMgfl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__AMgfl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__AMgfl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__AMgfl {
    flex: 0 0 100%;
  }
}
.style_viewSwitcherContainer__j6M2D {
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  width: 560px;
  position: absolute;
  left: 0px;
  z-index: 10;
  font-size: 14px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_viewSwitcherContainer__j6M2D .style_viewListText__KgdI0 {
  padding: 16px;
  color: var(--secondLevelText);
}
.style_viewSwitcherContainer__j6M2D .style_searchField__bw1G_ {
  padding: 8px 16px;
}
.style_viewSwitcherContainer__j6M2D .style_searchField__bw1G_ .style_searchInput__1U9Jb {
  padding: 16px;
}
.style_viewSwitcherContainer__j6M2D .style_searchField__bw1G_ .style_searchInput__1U9Jb,
.style_viewSwitcherContainer__j6M2D .style_searchField__bw1G_ .style_searchInput__1U9Jb input {
  border-radius: 25px !important;
}
.style_viewSwitcherContainer__j6M2D .style_searchField__bw1G_ .style_searchInput__1U9Jb .ant-input-prefix {
  margin-right: 2px;
}
.style_viewSwitcherContainer__j6M2D .style_viewListWrapper__crEVN .style_droppable__7v4mX,
.style_viewSwitcherContainer__j6M2D .style_viewListWrapper__crEVN .style_viewList__xaghd {
  height: 100%;
  display: block;
  padding: 0 8px 10px;
  box-sizing: border-box;
  overflow: auto;
}
.style_viewSwitcherContainer__j6M2D .style_viewListWrapper__crEVN .style_viewListEmpty__as2fN {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_addNewViewContainer__DvMaO {
  border-top: 1px solid var(--lineColor);
  padding: 16px;
}
.style_addNewViewContainer__DvMaO .style_addNewText__i276Y {
  color: var(--secondLevelText);
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g button[disabled] {
  cursor: not-allowed !important;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu {
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 244px;
  height: 40px;
  padding: 10px 16px;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu > span {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu:nth-child(n + 3) {
  margin-top: 16px;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu .style_text__onJCu svg {
  fill: var(--primaryColor);
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu:hover {
  cursor: pointer;
}
.style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu span {
  margin-left: 4px;
}
.style_addItem__k8HWt {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  border-top: 1px solid var(--lineColor);
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
@media screen and (max-width: 767.98px) {
  .style_addNewViewContainer__DvMaO {
    padding: 0 24px 0 0;
  }
  .style_addNewViewContainer__DvMaO .style_viewTypeContainer__cls9g .style_viewType__S_yMu {
    width: calc((100% - 24px) / 2);
  }
}
.style_overCount__RLXCG {
  color: var(--errorColor);
}

/**
* 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__jMHtu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__mPls2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__4wnFJ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__4wnFJ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__4wnFJ 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__4wnFJ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__4wnFJ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__4wnFJ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__4wnFJ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__4wnFJ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__4wnFJ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__cHqAm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__up9xQ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zNyaV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zNyaV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zNyaV .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__zNyaV .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__zNyaV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zNyaV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zNyaV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zNyaV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zNyaV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zNyaV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zNyaV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zNyaV .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__zNyaV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zNyaV .editBgColor::before,
.style_tree__zNyaV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zNyaV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zNyaV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zNyaV .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__zNyaV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zNyaV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zNyaV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zNyaV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zNyaV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zNyaV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eg3uu .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__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eg3uu .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__eg3uu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eg3uu .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__eg3uu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eg3uu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Lad_I .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__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Lad_I .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__Lad_I .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Lad_I .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__Lad_I .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__Lad_I .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Lad_I .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__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Lad_I .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__YulxI::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__YulxI::-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__YulxI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__H9jP_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__H9jP_::-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__H9jP_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__UXhOu {
  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__vXA6B {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__vXA6B {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__vXA6B {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__vXA6B {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__vXA6B {
    flex: 0 0 100%;
  }
}
.style_panelHeader__5Wy2K {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  justify-content: space-between;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  border-bottom: 1px solid var(--lineColor);
  z-index: 1;
}
.style_panelHeader__5Wy2K .style_closeIcon__KfvJJ {
  cursor: pointer;
}
.style_panelHeader__5Wy2K .style_panel__b0Cip {
  background: transparent;
}
.style_panelHeader__5Wy2K svg {
  cursor: pointer;
}
.style_panelHeader__5Wy2K .style_triggerElement__mhXUZ {
  margin-right: 16px;
  cursor: pointer;
}
.style_panelHeader__5Wy2K .style_arrow__xU3Nn {
  margin-left: 4px;
}
.style_panelHeader__5Wy2K .style_arrow__xU3Nn svg {
  vertical-align: -0.125em;
  transition: transform 0.3s;
}
.style_panelHeader__5Wy2K .style_arrow__xU3Nn.style_open__HF534 svg {
  transform: rotate(180deg);
}
.style_widgetListWrapper__xk6Pf {
  box-shadow: var(--shadowCommonHigh);
  background: var(--highBg);
  padding-top: 16px;
  width: 400px;
  border-radius: 4px;
}
.style_widgetListWrapper__xk6Pf h2 {
  font-size: 14px;
  padding: 0 16px 16px;
  margin-bottom: 0;
  font-weight: normal;
  color: var(--secondLevelText);
  display: flex;
  align-items: center;
}
.style_widgetListWrapper__xk6Pf h2 svg {
  cursor: pointer;
  vertical-align: -0.125em;
}
.style_widgetListWrapper__xk6Pf .style_panelList__N3Wej {
  padding: 0 8px;
  margin-bottom: 16px;
}
.style_widgetListWrapper__xk6Pf .style_panelItem__IkJDG {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.style_widgetListWrapper__xk6Pf .style_panelItem__IkJDG:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_widgetListWrapper__xk6Pf .style_addPanel__tWbXk {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--shadowColor);
  font-size: 14px;
  cursor: pointer;
}
.style_widgetListWrapper__xk6Pf .style_addPanel__tWbXk.style_disable__jBjF2 {
  color: var(--fourthLevelText);
}
.style_widgetListWrapper__xk6Pf .style_addPanel__tWbXk.style_disable__jBjF2 svg {
  fill: currentColor;
}
.style_widgetListWrapper__xk6Pf .style_addPanel__tWbXk .style_addIcon__a5a_w {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_widgetListWrapperMobile___s_Ts {
  padding-top: 24px;
  width: auto;
  background-color: inherit;
  box-shadow: inherit;
}
.style_widgetListWrapperMobile___s_Ts h2 {
  font-size: 18px;
  color: var(--fc1);
  font-weight: bold;
}
.style_widgetListWrapperMobile___s_Ts .style_panelList__N3Wej {
  padding: 0;
  margin: 0;
}
.style_triggerContainer__Vh6ie {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_triggerContainer__Vh6ie span {
  display: flex;
  align-items: center;
  transition: transform 0.3s;
}
.style_newInstalledWidget___0jjw {
  animation: style_active__GNsOU 1.6s;
}
@keyframes style_active__GNsOU {
  15% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  30% {
    box-shadow: none;
  }
  45% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  60% {
    box-shadow: none;
  }
  75% {
    box-shadow: 0px 0px 0px 2px var(--primaryColor);
  }
  10% {
    box-shadow: none;
  }
}
.style_navBar__KTFXu {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_navBar__KTFXu .style_closeButton__5BbFW {
  position: absolute;
  left: 0;
}
.style_navBar__KTFXu .style_triggerContainer__Vh6ie {
  padding: 0 60px;
}

.styles_cascaderEditor__X21wR {
  background: var(--defaultBg);
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
}
.styles_cascaderContainer__mw93l {
  background: var(--bgCommonDefault);
  border-radius: 4px;
}
.styles_cascaderContainer__mw93l .ant-cascader-input {
  border: none;
  height: 32px;
}
.styles_cascaderContainer__mw93l .ant-cascader-input:focus {
  border: none;
}
.styles_cascaderContainer__mw93l .ant-cascader-picker-arrow {
  display: none;
}
.styles_cascaderContainer__mw93l .ant-select-selector .ant-select-selection-item {
  white-space: break-spaces;
  word-break: break-all;
  line-height: 1.5715 !important;
  padding-top: 4px !important;
}
.styles_cascaderContainer__mw93l .ant-select-clear {
  top: 14px !important;
}
.styles_emptyPlaceholder__m5BaB {
  padding: 12px 8px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__oBf4X {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__30BCB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__jX5cT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__jX5cT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__jX5cT 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__jX5cT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__jX5cT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__jX5cT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__jX5cT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__jX5cT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__jX5cT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZDOu0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__0batx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3IlJH .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3IlJH .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3IlJH .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__3IlJH .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__3IlJH .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3IlJH .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3IlJH .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3IlJH .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3IlJH .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3IlJH .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3IlJH .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3IlJH .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__3IlJH .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3IlJH .editBgColor::before,
.style_tree__3IlJH .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3IlJH .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3IlJH .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3IlJH .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__3IlJH .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3IlJH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3IlJH .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3IlJH .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3IlJH .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3IlJH .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__UdZJ8 .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__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__UdZJ8 .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__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__UdZJ8 .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__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__UdZJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__TZ_FG .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__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__TZ_FG .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__TZ_FG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__TZ_FG .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__TZ_FG .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__TZ_FG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__TZ_FG .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__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__TZ_FG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__piGQq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__piGQq::-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__piGQq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Y_B5l::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Y_B5l::-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__Y_B5l:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__EMR03 {
  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__7c6C_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__7c6C_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__7c6C_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__7c6C_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__7c6C_ {
    flex: 0 0 100%;
  }
}
.style_mobileDatePicker__XabDf {
  position: relative;
}
.style_mobileDatePicker__XabDf .style_alarm__pWxsl {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.style_mobileDatePicker__XabDf .style_alarm__pWxsl .style_alarmTime__tRsR_ {
  color: var(--primaryColor);
  padding-left: 4px;
}
.style_datePicker__SvqCZ {
  border-radius: 16px 16px 0 0;
}
.style_datePicker__SvqCZ .am-picker {
  background-color: var(--lowestBg);
  padding-top: 16px;
}
.style_datePicker__SvqCZ .am-picker-popup-item {
  -webkit-user-select: none;
          user-select: none;
  color: var(--secondLevelText);
  font-size: 15px;
  height: 56px;
}
.style_datePicker__SvqCZ .am-picker-popup-item:active {
  color: var(--firstLevelText);
}
.style_datePicker__SvqCZ .am-picker-popup-item.am-picker-popup-header-right {
  color: var(--primaryColor);
}
.style_datePicker__SvqCZ .am-picker-popup-header-left.am-picker-popup-item-active,
.style_datePicker__SvqCZ .am-picker-popup-header-right.am-picker-popup-item-active {
  border-radius: none;
  background: none;
}
.style_datePicker__SvqCZ .am-picker-popup-title {
  color: var(--primaryColor);
  height: 56px;
}
.style_datePicker__SvqCZ .am-picker-col:first-child {
  border-radius: 16px 0 0 16px;
}
.style_datePicker__SvqCZ .am-picker-col:last-child {
  border-radius: 0 16px 16px 0;
}
.style_datePicker__SvqCZ .am-picker-col-item {
  font-size: 15px;
}
.style_datePicker__SvqCZ .am-picker-col-indicator::before,
.style_datePicker__SvqCZ .am-picker-col-indicator::after {
  background: unset !important;
}
.style_backToNow__8XFj9 {
  color: var(--secondLevelText);
  position: absolute;
  right: 76px;
  top: 12px;
}
.style_backToNow__8XFj9:active {
  color: var(--firstLevelText);
}
.style_pickerChildrenWrapper__5B36r {
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_pickerChildrenWrapper__5B36r.style_disabled__ALYsA > * {
  opacity: 0.5;
}
.style_clear__63TA6 {
  position: absolute;
  left: 68px;
  top: 5px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: var(--secondLevelText);
}
.style_clear__63TA6:active {
  color: var(--firstLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__M8LX3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__JLU4u {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qriZH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qriZH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qriZH 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__qriZH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qriZH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qriZH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qriZH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qriZH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qriZH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__9cLNy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cMSbR {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__fmot7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__fmot7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__fmot7 .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__fmot7 .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__fmot7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__fmot7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__fmot7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__fmot7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__fmot7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__fmot7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__fmot7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__fmot7 .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__fmot7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__fmot7 .editBgColor::before,
.style_tree__fmot7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__fmot7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__fmot7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__fmot7 .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__fmot7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__fmot7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__fmot7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__fmot7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__fmot7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__fmot7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Sf24r .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__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Sf24r .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__Sf24r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Sf24r .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__Sf24r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Sf24r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ZXH47 .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__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ZXH47 .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__ZXH47 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ZXH47 .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__ZXH47 .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__ZXH47 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZXH47 .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__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ZXH47 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1lMde::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1lMde::-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__1lMde:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__89Nqb::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__89Nqb::-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__89Nqb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fht6F {
  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__JXvJ8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__JXvJ8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__JXvJ8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__JXvJ8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__JXvJ8 {
    flex: 0 0 100%;
  }
}
.style_dateInputBase__VzP4w {
  margin-right: 8px;
}
.style_dateInputBase__VzP4w.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputSplitBySlash__sVibM {
  margin-right: 8px;
}
.style_dateInputSplitBySlash__sVibM.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputSplitByDash__Cru29 {
  margin-right: 8px;
  width: 89px;
}
.style_dateInputSplitByDash__Cru29.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputNoDayByDash__1Wpq8 {
  margin-right: 8px;
  width: 68px;
}
.style_dateInputNoDayByDash__1Wpq8.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputNoYearByDash__u37Nu {
  margin-right: 8px;
  width: 56px;
}
.style_dateInputNoYearByDash__u37Nu.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputYear__hMRJH {
  margin-right: 8px;
  width: 46px;
}
.style_dateInputYear__hMRJH.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputMonth__9qR95 {
  margin-right: 8px;
  width: 28px;
}
.style_dateInputMonth__9qR95.style_only__cWTJ9 {
  width: 100%;
}
.style_dateInputDay__0HFma {
  margin-right: 8px;
  width: 28px;
}
.style_dateInputDay__0HFma.style_only__cWTJ9 {
  width: 100%;
}
.style_timeInput___c1lr {
  width: 42px !important;
}
.style_timeInput___c1lr input {
  padding-right: 0 !important;
}
.style_abbr__j33E4 {
  color: var(--fc1);
}
.style_dateEditor__JrvUY {
  position: relative;
  box-sizing: border-box;
  border-radius: 1px;
  display: flex;
  justify-content: flex-start;
  background: transparent;
}
.style_dateEditor__JrvUY input {
  width: 100%;
  resize: none;
  border: none;
  outline: none;
  background: transparent;
  display: block;
  font-size: 13px;
  line-height: 24px;
  box-sizing: border-box;
  padding: 3px 10px;
}
.style_dateEditor__JrvUY input[disabled] {
  color: var(--thirdLevelText) !important;
  cursor: not-allowed;
}
.style_dateEditor__JrvUY input.cp-calendar-picker-input {
  padding-right: 0;
}
.style_dateEditor__JrvUY input.cp-calendar-picker-input::-webkit-input-placeholder {
  color: var(--thirdLevelText) !important;
}
.style_dateEditor__JrvUY input.cp-time-picker-input {
  padding-left: 0;
}
.style_dateWrapper__TxKvq {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_dateWrapper__TxKvq .style_dateContent__LYcBS {
  display: flex;
  flex: auto;
  align-items: center;
}
.style_dateWrapper__TxKvq .style_limitDateWidth__3_fG8 .cp-calendar-picker {
  max-width: 90px;
}
.style_dateWrapper__TxKvq .style_alarm__epjcM {
  margin-right: 8px;
  display: flex;
}
.style_disabled__CUIj9 input {
  background: transparent;
}

.styles_pc__hUpKc {
  width: 320px;
  position: absolute;
  z-index: 1;
  background: var(--bgCommonHigh);
  padding: 16px;
  border-radius: 8px;
  box-shadow: var(--shadowCommonHigh);
}
.styles_pc__hUpKc .styles_text__6L4dS,
.styles_pc__hUpKc .styles_title__mIhIp {
  height: 32px;
}
.styles_pc__hUpKc .styles_text__6L4dS input,
.styles_pc__hUpKc .styles_title__mIhIp input {
  padding: 0;
  font-size: 13px;
}
.styles_urlActionContainer__LZKzs .styles_label___xO2v {
  color: var(--textCommonPrimary);
  margin-bottom: 8px;
}
.styles_urlActionContainer__LZKzs .styles_titleLabel__6GC_M {
  margin-top: 16px;
}
.styles_urlActionContainer__LZKzs .styles_link__KmWs5 {
  display: flex;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
}
.styles_urlActionContainer__LZKzs .styles_link__KmWs5 svg {
  fill: var(--textCommonTertiary) !important;
}
.styles_urlActionContainer__LZKzs .styles_link__KmWs5:hover {
  background-color: var(--rowSelectedBgSolid);
}
.styles_buttonWrapper__KoADW {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
}
.styles_buttonWrapper__KoADW button {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .styles_buttonWrapper__KoADW button {
    margin-left: 0;
    height: 48px;
    font-size: 14px;
  }
}

/**
* 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__tUcrg {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__A4HeC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__2LoaQ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__2LoaQ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__2LoaQ 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__2LoaQ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__2LoaQ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__2LoaQ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__2LoaQ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__2LoaQ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__2LoaQ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__vkqlY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__fyYtW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jHM_U .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jHM_U .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jHM_U .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__jHM_U .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__jHM_U .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jHM_U .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jHM_U .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jHM_U .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jHM_U .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jHM_U .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jHM_U .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jHM_U .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__jHM_U .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jHM_U .editBgColor::before,
.style_tree__jHM_U .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jHM_U .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jHM_U .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jHM_U .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__jHM_U .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jHM_U .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jHM_U .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jHM_U .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jHM_U .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jHM_U .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GUuLq .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__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GUuLq .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__GUuLq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GUuLq .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__GUuLq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GUuLq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__wpx4k .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__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__wpx4k .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__wpx4k .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__wpx4k .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__wpx4k .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__wpx4k .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wpx4k .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__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__wpx4k .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Qwi2p::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Qwi2p::-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__Qwi2p:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Wf03m::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Wf03m::-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__Wf03m:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__c31ji {
  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__CoycH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CoycH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CoycH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CoycH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CoycH {
    flex: 0 0 100%;
  }
}
.style_cellText__XRczZ {
  padding: 3px 10px;
  line-height: 24px;
  flex-grow: 1;
  word-break: normal;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cellText__XRczZ .style_urlIcon__ksh_D {
  position: absolute;
  right: 9px;
  cursor: pointer;
}
.style_url__L88Py {
  text-decoration: underline;
}
.style_activeUrl__AnGE2 {
  color: var(--primaryColor);
  cursor: pointer;
}
.style_cellEnhanceText__dwxfO {
  text-decoration: underline;
}
.style_activeText__atS_C {
  color: var(--primaryColor);
}
.style_numberCell__XIBeY {
  text-align: right;
}
.style_rowHeight2__idB5J {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.style_rowHeight3__7X2vv {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_rowHeight4__O5iRn {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.style_activeCellText__9Vjpl {
  line-height: 24px;
  overflow: initial !important;
  text-overflow: initial !important;
  white-space: initial !important;
  -webkit-line-clamp: initial !important;
  white-space: pre-wrap !important;
}
.style_currencyFieldWrap__FiKS3 {
  display: flex;
}
.style_currencyFieldSymbol__K47iJ {
  text-align: left;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_currencyFieldText__Be5tM {
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__hIbTw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__X_ErW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__tDKt_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__tDKt_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__tDKt_ 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__tDKt_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__tDKt_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__tDKt_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__tDKt_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__tDKt_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__tDKt_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__FBU0x {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__QRyx2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__oHhJs .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__oHhJs .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__oHhJs .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__oHhJs .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__oHhJs .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__oHhJs .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__oHhJs .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__oHhJs .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__oHhJs .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__oHhJs .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__oHhJs .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__oHhJs .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__oHhJs .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__oHhJs .editBgColor::before,
.styles_tree__oHhJs .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__oHhJs .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__oHhJs .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__oHhJs .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__oHhJs .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__oHhJs .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__oHhJs .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__oHhJs .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__oHhJs .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__oHhJs .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__gwa_S .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__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__gwa_S .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__gwa_S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__gwa_S .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__gwa_S .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__gwa_S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__RlKVQ .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__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__RlKVQ .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__RlKVQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__RlKVQ .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__RlKVQ .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__RlKVQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__RlKVQ .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__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__RlKVQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__ZMA_H::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__ZMA_H::-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__ZMA_H:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__FiDE7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__FiDE7::-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__FiDE7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__au1tm {
  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__SNJKS {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__SNJKS {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__SNJKS {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__SNJKS {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__SNJKS {
    flex: 0 0 100%;
  }
}
.styles_enhanceText__3PO_S {
  text-decoration: underline;
  color: var(--primaryColor);
  cursor: pointer;
}
.styles_enhanceTextEditor__UQOdu {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 16px;
}
.styles_enhanceTextEditor__UQOdu img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.styles_enhanceTextEditor__UQOdu .styles_urlInput__yObWz {
  width: calc(100% - 16px);
}
.styles_enhanceTextEditor__UQOdu input {
  font-size: 13px;
}
.styles_enhanceTextIcon__aqmKq {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 1;
}
.styles_enhanceTextIcon__aqmKq.styles_hover__RmeiW {
  padding: 4px;
  border-radius: 4px;
}
.styles_enhanceTextIcon__aqmKq.styles_hover__RmeiW:hover {
  background-color: var(--rowSelectedBgSolid);
}
.styles_textEditor__e4lk8 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 2px var(--primaryColor);
  border-radius: 1px;
  background: transparent;
}
.styles_textEditor__e4lk8::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_textEditor__e4lk8::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_textEditor__e4lk8::-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_textEditor__e4lk8:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_textEditor__e4lk8 input {
  width: 100%;
  max-height: 200px;
  height: auto;
  resize: none;
  border: none;
  outline: none;
  background: transparent;
  display: block;
  line-height: 24px;
  box-sizing: border-box;
  padding: 3px 10px;
  font-size: 13px;
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_content__Jn8PG {
  align-items: center;
  bottom: 4px;
  display: flex;
  left: 8px;
  line-height: 34px;
  max-width: 80%;
  position: absolute;
  top: 2px;
  white-space: nowrap;
}
.styles_content__Jn8PG .styles_title__nHhvh {
  width: 100%;
  color: var(--textCommonPrimary);
}
.styles_content__Jn8PG .styles_title__nHhvh:hover {
  color: var(--textCommonSecondary);
}
.styles_content__Jn8PG .styles_title__nHhvh:active {
  color: var(--textCommonTertiary);
}
.styles_content__Jn8PG .styles_title__nHhvh span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  font-size: 13px;
}
.styles_content__Jn8PG > span {
  font-size: 13px;
}
@media screen and (max-width: 767.98px) {
  .styles_textEditor__e4lk8 input {
    padding: 0;
    font-size: 14px;
  }
  .styles_enhanceTextEditor__UQOdu {
    padding-left: 10px;
  }
  .styles_enhanceTextIcon__aqmKq svg {
    width: 16px;
    height: 16px;
  }
}

.style_emojiPopover__QcN3h {
  padding: 0 !important;
}
.style_emojiPopover__QcN3h .ant-popover-arrow {
  display: none;
}
.style_emojiPopover__QcN3h .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}
.style_emojiPopover__QcN3h .ant-popover-inner .emoji-wrapper {
  background: transparent;
}
.style_emojiPopover__QcN3h .ant-popover-inner-content {
  padding: 0;
}

.style_iconWrapper__YGuWM {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.style_rate__DwYGy {
  display: inline-flex;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.style_rate__DwYGy .style_character__R9rVo {
  padding: 0 2px;
}
.style_rate__DwYGy .style_checked__l_RnF {
  opacity: 1;
}
.style_rate__DwYGy .style_unChecked__yaKz1 {
  opacity: 0.2;
}
.style_rate__DwYGy .style_willChecked__UDQtH {
  opacity: 0.6;
}

/**
* 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__j986M {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__wgchU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__feF9v ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__feF9v ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__feF9v 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__feF9v ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__feF9v li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__feF9v .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__feF9v .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__feF9v .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__feF9v .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__mL7Py {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__FKxf8 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__SANtq .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__SANtq .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__SANtq .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__SANtq .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__SANtq .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__SANtq .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__SANtq .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__SANtq .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__SANtq .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__SANtq .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__SANtq .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__SANtq .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__SANtq .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__SANtq .editBgColor::before,
.styles_tree__SANtq .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__SANtq .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__SANtq .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__SANtq .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__SANtq .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__SANtq .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__SANtq .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__SANtq .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__SANtq .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__SANtq .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Jy0YL .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__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Jy0YL .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__Jy0YL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Jy0YL .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__Jy0YL .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Jy0YL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__myOeg .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__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__myOeg .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__myOeg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__myOeg .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__myOeg .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__myOeg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__myOeg .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__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__myOeg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default___qcnG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default___qcnG::-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___qcnG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__0fIB7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__0fIB7::-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__0fIB7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__YXZji {
  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__esiIo {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__esiIo {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__esiIo {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__esiIo {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__esiIo {
    flex: 0 0 100%;
  }
}
.styles_headerIcon__q9_5j {
  background: var(--defaultBg);
  width: 70px;
  height: 100%;
  border-bottom: 1px solid var(--shadowColor);
  padding-left: 28px;
  border-left: 1px solid var(--shadowColor);
  border-top: 1px solid var(--shadowColor);
  border-top-left-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.styles_rowColumnIndex__58Ygv {
  height: 31px;
  width: 100%;
  padding-right: 2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.styles_rowColumnIndex__58Ygv > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.styles_rowColumnIndex__58Ygv .styles_dragIcon__3pw6j,
.styles_rowColumnIndex__58Ygv .styles_expandIcon__bJOQl {
  cursor: pointer;
}
.styles_rowColumnIndex__58Ygv .styles_iconCheckWrapper__xOsKE {
  cursor: pointer;
}
.styles_rowColumnIndex__58Ygv .styles_inner__zgP8O {
  font-size: 12px;
  width: 26px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_commentCount__KZTOW {
  position: relative;
  width: 16px;
  height: 16px;
}
.styles_commentCount__KZTOW svg,
.styles_commentCount__KZTOW span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.styles_commentCount__KZTOW svg {
  width: 24px;
  height: 24px;
  fill: var(--teal_50);
}
.styles_commentCount__KZTOW span {
  font-size: 12px;
  color: var(--successColor);
}
.styles_radioCheck___yjpX {
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.styles_checked__NARCP .styles_radioInner__UVB37::after {
  opacity: 1;
}
.styles_checked__NARCP::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primaryColor);
  border-radius: 50%;
  content: "";
}
.styles_radioInner__UVB37 {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--defaultBg);
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  transition: all 0.3s;
}
.styles_radioInner__UVB37::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: var(--primaryColor);
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  opacity: 0;
  content: " ";
}

/**
* 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__Qw6fD {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__hiXH_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__pvBVD ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__pvBVD ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__pvBVD 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__pvBVD ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__pvBVD li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__pvBVD .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__pvBVD .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__pvBVD .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__pvBVD .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__aFBYN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__034_J {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__BdW2U .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__BdW2U .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__BdW2U .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__BdW2U .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__BdW2U .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__BdW2U .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__BdW2U .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__BdW2U .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__BdW2U .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__BdW2U .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__BdW2U .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__BdW2U .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__BdW2U .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__BdW2U .editBgColor::before,
.style_tree__BdW2U .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__BdW2U .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__BdW2U .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__BdW2U .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__BdW2U .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__BdW2U .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__BdW2U .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__BdW2U .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__BdW2U .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__BdW2U .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2Z_AT .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__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2Z_AT .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__2Z_AT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2Z_AT .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__2Z_AT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2Z_AT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__bpVz_ .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__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__bpVz_ .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__bpVz_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__bpVz_ .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__bpVz_ .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__bpVz_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bpVz_ .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__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__bpVz_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__RFLjV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__RFLjV::-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__RFLjV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__bSz2t::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__bSz2t::-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__bSz2t:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__DYcne {
  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__1puLJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__1puLJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__1puLJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__1puLJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__1puLJ {
    flex: 0 0 100%;
  }
}
.style_ratingEditor__pvQa6 {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 1px;
  max-height: 200px;
  background: transparent;
  align-items: flex-start;
  padding-left: 9px;
  padding-top: 7px;
  overflow: hidden;
  line-height: initial;
  display: flex;
}
.style_ratingEditor__pvQa6 .ant-rate {
  display: inline-flex;
}
.style_ratingEditor__pvQa6 .ant-rate-star-zero {
  opacity: 0.3;
}
.style_ratingEditor__pvQa6 .ant-rate-star:not(:last-child) {
  margin-right: 3px;
}
.style_ratingEditor__pvQa6 .ant-rate-star {
  transition: none;
}
.style_editorContent__dTX40 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_filtering__bvHxd {
  padding-right: 8px;
}
.style_rateItemWrapper__mMpRP {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid var(--lowestBg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  font-size: 15px;
}
@media screen and (max-width: 767.98px) {
  .style_ratingEditor__pvQa6 {
    padding-top: 0;
    border-radius: 4px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__imjDo {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__SJhZT {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__J_CTg ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__J_CTg ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__J_CTg 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__J_CTg ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__J_CTg li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__J_CTg .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__J_CTg .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__J_CTg .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__J_CTg .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__VYMYc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__XzgML {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__9kKWW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__9kKWW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__9kKWW .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__9kKWW .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__9kKWW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__9kKWW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__9kKWW .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__9kKWW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__9kKWW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__9kKWW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__9kKWW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__9kKWW .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__9kKWW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__9kKWW .editBgColor::before,
.style_tree__9kKWW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__9kKWW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__9kKWW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__9kKWW .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__9kKWW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__9kKWW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__9kKWW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__9kKWW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__9kKWW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__9kKWW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2_DOC .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__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2_DOC .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__2_DOC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2_DOC .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__2_DOC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2_DOC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Q0Rd5 .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__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Q0Rd5 .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__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Q0Rd5 .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__Q0Rd5 .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__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q0Rd5 .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__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Q0Rd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__F0MpC::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__F0MpC::-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__F0MpC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gSwyU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gSwyU::-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__gSwyU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__mafvG {
  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__rNtHQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__rNtHQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__rNtHQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__rNtHQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__rNtHQ {
    flex: 0 0 100%;
  }
}
.style_textEditor__mc5kn {
  width: 100%;
  overflow: auto;
  position: relative;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 1px;
  background: transparent;
}
.style_textEditor__mc5kn::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_textEditor__mc5kn::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_textEditor__mc5kn::-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_textEditor__mc5kn:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_textEditor__mc5kn input,
.style_textEditor__mc5kn textarea {
  width: 100%;
  min-height: 100%;
  height: auto;
  border: none;
  outline: none;
  resize: none;
  background: transparent;
  display: block;
  line-height: 24px;
  box-sizing: border-box;
  padding: 3px 10px;
  font-size: 13px;
  box-shadow: none !important;
}
.style_textEditor__mc5kn textarea {
  padding-bottom: 0;
}
.style_tip__ix2I8 {
  padding: 4px 10px;
  font-size: 12px;
  text-align: right;
  color: var(--fourthLevelText);
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .style_textEditor__mc5kn textarea,
  .style_textEditor__mc5kn input {
    font-size: 14px;
  }
}

/**
* 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__FFFoP {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__yPqBU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__uSnky ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__uSnky ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__uSnky 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__uSnky ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__uSnky li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__uSnky .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__uSnky .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__uSnky .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__uSnky .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__uEpyE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__AMZ_r {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__7zu2W .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__7zu2W .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__7zu2W .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__7zu2W .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__7zu2W .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__7zu2W .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__7zu2W .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__7zu2W .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__7zu2W .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__7zu2W .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__7zu2W .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__7zu2W .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__7zu2W .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__7zu2W .editBgColor::before,
.styles_tree__7zu2W .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__7zu2W .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__7zu2W .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__7zu2W .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__7zu2W .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__7zu2W .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__7zu2W .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__7zu2W .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__7zu2W .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__7zu2W .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__4GckN .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__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__4GckN .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__4GckN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__4GckN .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__4GckN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__4GckN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__TL2Z7 .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__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__TL2Z7 .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__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__TL2Z7 .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__TL2Z7 .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__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__TL2Z7 .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__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__TL2Z7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__UFGYe::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__UFGYe::-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__UFGYe:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__OTuyu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__OTuyu::-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__OTuyu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__D_RRV {
  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__oPsPl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__oPsPl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__oPsPl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__oPsPl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__oPsPl {
    flex: 0 0 100%;
  }
}
.styles_previewItem__z0rcu {
  position: relative;
  cursor: pointer;
}
.styles_previewItem__z0rcu:hover .styles_toolBar__oCfdx {
  opacity: 1;
}
.styles_previewItem__z0rcu .styles_imgName__Lcj_P {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_toolBar__oCfdx {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  opacity: 0;
}
.styles_toolBar__oCfdx a,
.styles_toolBar__oCfdx div {
  background: var(--deepMaskColor);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_iconDelete__VbcJF {
  cursor: pointer;
}
.styles_iconDownload__LPbQS {
  cursor: pointer;
  margin-right: 4px;
}
.styles_imgWrapper__fWcGM {
  position: relative;
  padding-top: 100%;
  height: 0;
  -webkit-user-select: none;
          user-select: none;
}
.styles_imgWrapper__fWcGM > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.styles_imgWrapper__fWcGM > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !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
**/
.styles_antiEllipsis__E0y2l {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__oDcyA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__dnOnK ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__dnOnK ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__dnOnK 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__dnOnK ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__dnOnK li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__dnOnK .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__dnOnK .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__dnOnK .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__dnOnK .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__z6hee {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Iv6jH {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__XE0IL .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__XE0IL .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__XE0IL .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__XE0IL .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__XE0IL .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__XE0IL .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__XE0IL .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__XE0IL .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__XE0IL .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__XE0IL .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__XE0IL .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__XE0IL .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__XE0IL .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__XE0IL .editBgColor::before,
.styles_tree__XE0IL .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__XE0IL .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__XE0IL .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__XE0IL .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__XE0IL .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__XE0IL .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__XE0IL .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__XE0IL .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__XE0IL .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__XE0IL .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__e3N7I .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__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__e3N7I .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__e3N7I .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__e3N7I .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__e3N7I .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__e3N7I .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__8JY_a .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__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__8JY_a .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__8JY_a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__8JY_a .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__8JY_a .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__8JY_a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__8JY_a .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__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__8JY_a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__pxbCb::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__pxbCb::-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__pxbCb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__v_qLB::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__v_qLB::-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__v_qLB:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__pLrtF {
  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__F5fZ2 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__F5fZ2 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__F5fZ2 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__F5fZ2 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__F5fZ2 {
    flex: 0 0 100%;
  }
}
.styles_img__9C2bE {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 767.98px) {
  .uploadTabWrapper .styles_img__9C2bE {
    height: 108px;
  }
}
.styles_uploadItem__jSKf_ {
  position: relative;
}
.styles_uploadItem__jSKf_:hover .styles_iconDelete__CoDXn {
  opacity: 1;
}
.styles_status__Lirdq {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 24px);
  background: var(--deepMaskColor);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.styles_progress__Qpvb2 {
  width: 80%;
}
.styles_progress__Qpvb2 p {
  font-size: 12px;
  text-align: center;
}
.styles_fileName__37WfH {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_placeholderFile__uDMeR {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 24px);
}
.styles_retryUpload__wI4wF {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_iconDelete__CoDXn {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: var(--zIndex-3-uploadDeleteIcon);
  opacity: 0;
  cursor: pointer;
  background: var(--shadowColor);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .styles_img__9C2bE {
    height: 72px / 375px * 100vw;
  }
}

/**
* 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__MpSwV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__ATBVG {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__j34EX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__j34EX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__j34EX 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__j34EX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__j34EX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__j34EX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__j34EX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__j34EX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__j34EX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__nPIHO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__AzhGP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__armmK .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__armmK .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__armmK .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__armmK .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__armmK .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__armmK .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__armmK .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__armmK .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__armmK .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__armmK .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__armmK .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__armmK .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__armmK .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__armmK .editBgColor::before,
.styles_tree__armmK .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__armmK .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__armmK .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__armmK .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__armmK .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__armmK .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__armmK .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__armmK .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__armmK .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__armmK .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__vAqxT .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__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__vAqxT .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__vAqxT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__vAqxT .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__vAqxT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__vAqxT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__Hh5qj .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__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__Hh5qj .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__Hh5qj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__Hh5qj .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__Hh5qj .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__Hh5qj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__Hh5qj .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__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__Hh5qj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__MJyyH::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__MJyyH::-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__MJyyH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__jajkS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__jajkS::-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__jajkS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__7JjVi {
  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__CugC5 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__CugC5 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__CugC5 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__CugC5 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__CugC5 {
    flex: 0 0 100%;
  }
}
.styles_uploadPaste__JPsxM {
  border: 1px dashed transparent;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fourthLevelText);
  cursor: pointer;
  outline: none !important;
  border-radius: 4px;
  letter-spacing: 1px;
}
.styles_uploadPaste__JPsxM input {
  width: 0;
  height: 0;
  padding: 0;
  border: none;
}
.styles_uploadPaste__JPsxM input:focus {
  outline: none;
}
.styles_uploadPaste__JPsxM svg {
  margin-right: 4px;
}
.styles_uploadPaste__JPsxM:focus-within {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.styles_uploadPaste__JPsxM:focus-within svg {
  display: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__R6NlJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__MEdHP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Frf7L ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Frf7L ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Frf7L 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__Frf7L ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Frf7L li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Frf7L .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Frf7L .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Frf7L .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Frf7L .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__61rcY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__pJ9u9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__tF8T5 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__tF8T5 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__tF8T5 .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__tF8T5 .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__tF8T5 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__tF8T5 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__tF8T5 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__tF8T5 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__tF8T5 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__tF8T5 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__tF8T5 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__tF8T5 .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__tF8T5 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__tF8T5 .editBgColor::before,
.styles_tree__tF8T5 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__tF8T5 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__tF8T5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__tF8T5 .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__tF8T5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__tF8T5 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__tF8T5 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__tF8T5 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__tF8T5 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__tF8T5 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Isy8N .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__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Isy8N .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__Isy8N .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Isy8N .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__Isy8N .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Isy8N .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__zXJsR .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__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__zXJsR .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__zXJsR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__zXJsR .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__zXJsR .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__zXJsR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__zXJsR .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__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__zXJsR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__LO3Nd::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__LO3Nd::-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__LO3Nd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__SF92C::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__SF92C::-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__SF92C:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__uuqVj {
  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__NACWQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__NACWQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__NACWQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__NACWQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__NACWQ {
    flex: 0 0 100%;
  }
}
.styles_animation__SAQSk {
  animation-duration: 0.3s;
  border: 2px dashed var(--primaryColor);
}
.styles_uploadZone__zdgxA {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  border: 1px dashed transparent;
  outline: none;
  transition: border 0.1s ease-in-out;
  color: var(--fourthLevelText);
  letter-spacing: 1px;
  cursor: pointer;
}
.styles_uploadZone__zdgxA svg {
  margin-right: 4px;
}
.styles_uploadZone__zdgxA.styles_dragOver__ccr7N {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.styles_uploadZone__zdgxA.styles_dragOver__ccr7N svg {
  fill: var(--primaryColor);
}
.styles_opacity__FDJ_0 {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  z-index: var(--zIndex-10-uploadZoneOpacity);
}
@media screen and (max-width: 767.98px) {
  .styles_uploadZone__zdgxA {
    border-radius: 8px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__489mf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__kQMjI {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__wIH6N ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__wIH6N ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__wIH6N 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__wIH6N ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__wIH6N li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__wIH6N .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__wIH6N .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__wIH6N .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__wIH6N .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__lQldB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__xABdb {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__qx1ZD .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__qx1ZD .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__qx1ZD .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__qx1ZD .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__qx1ZD .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__qx1ZD .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__qx1ZD .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__qx1ZD .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__qx1ZD .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__qx1ZD .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__qx1ZD .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__qx1ZD .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__qx1ZD .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__qx1ZD .editBgColor::before,
.styles_tree__qx1ZD .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__qx1ZD .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__qx1ZD .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__qx1ZD .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__qx1ZD .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__qx1ZD .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__qx1ZD .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__qx1ZD .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__qx1ZD .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__qx1ZD .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__G2kes .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__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__G2kes .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__G2kes .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__G2kes .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__G2kes .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__G2kes .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__O8Nog .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__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__O8Nog .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__O8Nog .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__O8Nog .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__O8Nog .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__O8Nog .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__O8Nog .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__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__O8Nog .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__ECmOv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__ECmOv::-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__ECmOv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__dcwPG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__dcwPG::-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__dcwPG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__NckfO {
  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__BctXv {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__BctXv {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__BctXv {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__BctXv {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__BctXv {
    flex: 0 0 100%;
  }
}
.styles_nav__uztjy {
  height: 32px;
  display: flex;
  border-bottom: 1px solid var(--borderCommonDefault);
  position: relative;
}
.styles_nav__uztjy .styles_activeLine__dtLYf {
  height: 2px;
  width: 16px;
  position: absolute;
  bottom: -1px;
  background: var(--primaryColor);
  transition: transform 0.3s;
}
.styles_nav__uztjy .styles_activeLine__dtLYf.styles_grayColor__48SPU {
  background: var(--fourthLevelText);
}
.styles_nav__uztjy .styles_tab__5sTly {
  width: 48px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.styles_nav__uztjy .styles_tab__5sTly:after {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--lineColor);
}
.styles_uploadTab__yAmIM {
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
}
.styles_uploadTabInfo__VyQhM {
  width: 100%;
  height: calc(100% - 32px);
  padding: 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_uploadTabInfo__VyQhM {
    height: 100%;
    padding: 0;
  }
  .styles_uploadTab__yAmIM {
    border: 1px dashed var(--lineColor);
  }
}

/**
* 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__ZW9H6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__2I945 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__mz6_K ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__mz6_K ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__mz6_K 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__mz6_K ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__mz6_K li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__mz6_K .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__mz6_K .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__mz6_K .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__mz6_K .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__CKdO5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__ylHgA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__pO9eJ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__pO9eJ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__pO9eJ .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__pO9eJ .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__pO9eJ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__pO9eJ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__pO9eJ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__pO9eJ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__pO9eJ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__pO9eJ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__pO9eJ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__pO9eJ .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__pO9eJ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__pO9eJ .editBgColor::before,
.styles_tree__pO9eJ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__pO9eJ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__pO9eJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__pO9eJ .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__pO9eJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__pO9eJ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__pO9eJ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__pO9eJ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__pO9eJ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__pO9eJ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__2dWu5 .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__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__2dWu5 .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__2dWu5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__2dWu5 .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__2dWu5 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__2dWu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__7ODF6 .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__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__7ODF6 .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__7ODF6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__7ODF6 .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__7ODF6 .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__7ODF6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__7ODF6 .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__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__7ODF6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__jTCCh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__jTCCh::-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__jTCCh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__NBW3W::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__NBW3W::-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__NBW3W:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__RiUyX {
  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__0DFxp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__0DFxp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__0DFxp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__0DFxp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__0DFxp {
    flex: 0 0 100%;
  }
}
.styles_exitList__7pnB9 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.styles_exitList__7pnB9.styles_columnCount2__sL4IN .styles_sortContainer__KnDUX {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__7pnB9.styles_columnCount2__sL4IN .styles_sortContainer__KnDUX > div {
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__7pnB9.styles_columnCount2__sL4IN .styles_sortContainer__KnDUX > div:nth-child(2n) {
  margin-right: 0;
}
.styles_exitList__7pnB9.styles_columnCount3__TM_CY .styles_sortContainer__KnDUX {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__7pnB9.styles_columnCount3__TM_CY .styles_sortContainer__KnDUX > div {
  width: calc((100% - 32px) / 3);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__7pnB9.styles_columnCount3__TM_CY .styles_sortContainer__KnDUX > div:nth-child(3n) {
  margin-right: 0;
}
.styles_exitList__7pnB9.styles_columnCount4__U5oa_ .styles_sortContainer__KnDUX {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__7pnB9.styles_columnCount4__U5oa_ .styles_sortContainer__KnDUX > div {
  width: calc((100% - 48px) / 4);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__7pnB9.styles_columnCount4__U5oa_ .styles_sortContainer__KnDUX > div:nth-child(4n) {
  margin-right: 0;
}
.styles_bigSize__wk1MK {
  height: 296px;
}
.styles_normalSize__uAvoS {
  height: 104px;
}
@media screen and (max-width: 767.98px) {
  .styles_uploadTabWrapper__zpTZl {
    width: 100%;
  }
  .styles_normalSize__uAvoS {
    margin-top: 8px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }
  .styles_columnCount4__U5oa_ {
    width: 100% !important;
  }
}
.styles_scrollBox__6pU3j {
  width: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__21h9Z {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__i7Vk_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__25GSD ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__25GSD ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__25GSD 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__25GSD ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__25GSD li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__25GSD .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__25GSD .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__25GSD .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__25GSD .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__rth0h {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__FhqyG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ba2c3 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ba2c3 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ba2c3 .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__ba2c3 .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__ba2c3 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ba2c3 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ba2c3 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ba2c3 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ba2c3 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ba2c3 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ba2c3 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ba2c3 .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__ba2c3 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ba2c3 .editBgColor::before,
.style_tree__ba2c3 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ba2c3 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ba2c3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ba2c3 .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__ba2c3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ba2c3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ba2c3 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ba2c3 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ba2c3 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ba2c3 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Xu8H4 .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__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Xu8H4 .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__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Xu8H4 .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__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Xu8H4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__G_6Mw .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__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__G_6Mw .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__G_6Mw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__G_6Mw .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__G_6Mw .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__G_6Mw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__G_6Mw .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__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__G_6Mw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__DYdcM::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__DYdcM::-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__DYdcM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__u6Mj9::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__u6Mj9::-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__u6Mj9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__e82fL {
  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__29TcN {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__29TcN {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__29TcN {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__29TcN {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__29TcN {
    flex: 0 0 100%;
  }
}
.style_checkboxCell__y4cAs {
  width: 100%;
  line-height: initial;
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8px;
  pointer-events: none;
}
.style_checkboxCell__y4cAs .style_unChecked__M0oge {
  opacity: 0.2;
}
.style_checkboxCell__y4cAs .style_hidden__trdRb {
  opacity: 0;
}
.style_checkboxCell__y4cAs .emoji-mart-emoji {
  cursor: pointer;
}
.activeCell .style_checkboxCell__y4cAs {
  pointer-events: initial;
}
@media screen and (max-width: 767.98px) {
  .style_checkboxCell__y4cAs {
    justify-content: flex-start;
    padding-left: 10px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__nCS18 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__5v5Ls {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__nS9PH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__nS9PH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__nS9PH 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__nS9PH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__nS9PH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__nS9PH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__nS9PH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__nS9PH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__nS9PH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__DnqGU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Hcccj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__rM_KE .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__rM_KE .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__rM_KE .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__rM_KE .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__rM_KE .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__rM_KE .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__rM_KE .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__rM_KE .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__rM_KE .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__rM_KE .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__rM_KE .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__rM_KE .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__rM_KE .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__rM_KE .editBgColor::before,
.style_tree__rM_KE .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__rM_KE .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__rM_KE .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__rM_KE .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__rM_KE .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__rM_KE .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__rM_KE .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__rM_KE .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__rM_KE .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__rM_KE .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__234Ch .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__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__234Ch .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__234Ch .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__234Ch .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__234Ch .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__234Ch .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CVYZd .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__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CVYZd .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__CVYZd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CVYZd .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__CVYZd .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__CVYZd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CVYZd .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__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CVYZd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aMgEu::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aMgEu::-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__aMgEu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ZzIiQ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ZzIiQ::-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__ZzIiQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8sEdJ {
  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__lr7Vc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lr7Vc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lr7Vc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lr7Vc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lr7Vc {
    flex: 0 0 100%;
  }
}
.style_fieldBlockWrap__UKHqn {
  min-height: 32px;
}
.style_fieldButtonColumn__ZNydL {
  display: flex;
  align-items: center;
}
.style_fieldTitleWrap__ILLFc {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.style_fieldTitleWrap__ILLFc[data-required="true"]::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: -10px;
  color: var(--red_500);
  font-size: 14px;
  font-family: "Segoe UI Symbol";
}
.style_fieldTitleWrap__ILLFc:hover .style_buttonsGroup__wuy8Z {
  display: flex;
}
.style_fieldTitleWrap__ILLFc:hover .style_maskIcon__0AceE {
  display: none;
}
.style_fieldTitleWrap__ILLFc .style_buttonsGroup__wuy8Z {
  display: none;
  flex-grow: 1;
  justify-content: flex-end;
}
.style_fieldTitleWrap__ILLFc .style_buttonsGroup__wuy8Z button {
  margin-left: 4px;
}
.style_fieldTitleWrap__ILLFc .style_maskIcon__0AceE {
  display: block;
}
.style_hover__puD3f {
  cursor: pointer !important;
}
.style_hover__puD3f:hover {
  color: var(--deepPurple_500);
}
.style_hover__puD3f:hover svg {
  color: var(--deepPurple_500);
}
.style_hover__puD3f:active {
  color: var(--deepPurple_600);
}
.style_hover__puD3f:active svg {
  color: var(--deepPurple_500);
}
.style_displayItem__Tp6LM {
  position: relative;
  width: 100%;
  min-height: 32px;
  background: var(--lowestBg);
  border-radius: 4px;
}
.style_displayItem__Tp6LM > div > div {
  outline: none;
  box-shadow: none;
}
.style_displayItem__Tp6LM.style_active__B_15Q {
  background: var(--defaultBg);
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_displayItem__Tp6LM.style_disabled__G871h > div {
  font-size: 13px;
  color: var(--fc2);
}
.style_displayItem__Tp6LM.style_invalid__RsRtF {
  border: 1px solid var(--text-negative);
}
.style_expandCellText__PlI6A {
  white-space: pre-wrap;
}
.style_expandCellString__3ppjt {
  white-space: pre-wrap;
  word-break: break-all;
}
.style_fieldTitle__Zwyi0 {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 4px;
  color: var(--secondLevelText);
  position: relative;
  cursor: default;
  overflow: hidden;
}
.style_fieldTitle__Zwyi0 svg {
  color: var(--fc3);
}
.style_fieldTitle__Zwyi0.style_mobilePadding__TI8EQ {
  padding-left: 10px;
}
.style_fieldTitle__Zwyi0 .style_text__oHvD9 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_fieldTitle__Zwyi0 .style_wrapName__kiPf_ {
  white-space: pre-line;
}
.style_fieldTitle__Zwyi0 .style_iconType__olbnH {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_fieldTitle__Zwyi0.style_wrap__wvBS9 {
  align-items: flex-start;
}
.style_fieldTitle__Zwyi0.style_wrap__wvBS9 svg {
  margin-top: 2px;
}
.style_iconDisplayIcon__Z7cAP {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  position: relative;
}
.style_iconDisplayIcon__Z7cAP > span {
  width: 16px;
  height: 16px;
}
.style_iconDisplayIcon__Z7cAP:hover svg path {
  fill: var(--primaryColor);
}
.style_right__Mqou5 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  margin-bottom: 4px;
}
.style_right__Mqou5 .more:nth-child(2n)::before {
  content: "";
  display: block;
  margin: 0 8px;
  width: 1px;
  height: 10px;
  background-color: var(--lineColor);
}
@media screen and (max-width: 767.98px) {
  .style_fieldTitle__Zwyi0 {
    margin-bottom: 0;
  }
  .style_displayItem__Tp6LM {
    margin-top: 8px;
    border-radius: 8px;
    min-height: 48px;
    padding-left: 6px;
    padding-right: 8px;
  }
  .style_displayItem__Tp6LM.style_active__B_15Q {
    background: var(--defaultBg);
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
  }
  .style_checkBox__bfEwz {
    width: 48px;
  }
  .style_mobileFieldContainer__VtOfB {
    min-height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  .style_mobileFieldContainer__VtOfB > div {
    outline: none;
    box-shadow: none;
    width: 100%;
  }
}
.style_fieldDesc__Nt1Jt {
  font-size: 13px;
  font-family: inherit;
  word-break: normal;
  word-wrap: break-word;
  color: var(--black_500);
  line-height: 20px;
  white-space: pre-wrap;
  -webkit-user-select: none;
          user-select: none;
  margin-bottom: 4px;
}
@media (any-hover: hover) {
  .style_fieldDesc__Nt1Jt:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.style_fieldDesc__Nt1Jt:active {
  opacity: 0.7;
}
.style_tooltip__WL_6V .ant-tooltip-inner {
  padding: 8px 20px;
}
.style_tooltipContent__dPg2E {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 12px;
}
.style_showMore__321fm,
.style_showLess__N1jmB {
  margin-bottom: 8px;
}
.style_showMore__321fm > span,
.style_showLess__N1jmB > span {
  font-size: 12px;
}

/**
* 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__9XmHf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Yp6LC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0_TuJ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0_TuJ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0_TuJ 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__0_TuJ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0_TuJ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0_TuJ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0_TuJ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0_TuJ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0_TuJ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__LXJF4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__sN72b {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__yLyae .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__yLyae .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__yLyae .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__yLyae .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__yLyae .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__yLyae .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__yLyae .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__yLyae .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__yLyae .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__yLyae .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__yLyae .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__yLyae .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__yLyae .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__yLyae .editBgColor::before,
.style_tree__yLyae .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__yLyae .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__yLyae .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__yLyae .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__yLyae .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__yLyae .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__yLyae .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__yLyae .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__yLyae .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__yLyae .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__gLbM4 .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__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__gLbM4 .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__gLbM4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__gLbM4 .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__gLbM4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__gLbM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__2xCnI .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__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__2xCnI .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__2xCnI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__2xCnI .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__2xCnI .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__2xCnI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__2xCnI .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__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__2xCnI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__9fhiK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__9fhiK::-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__9fhiK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__0_ykN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__0_ykN::-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__0_ykN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qLBQW {
  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__E_PHo {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__E_PHo {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__E_PHo {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__E_PHo {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__E_PHo {
    flex: 0 0 100%;
  }
}
.style_wrapper__mP2W1 {
  padding: 24px;
}
.style_pcContainer__OHhqN {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.style_mobileContainer__5nV3B {
  width: 100vw;
  height: 100%;
}
.style_headerRow__4d5as {
  border-bottom: 1px solid var(--borderCommonDefault);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  padding-top: 13px;
  padding-bottom: 12px;
}
.style_headerRow__4d5as h2 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  display: -webkit-box;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 24px 0 0;
  padding-left: 24px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--fc1);
  word-break: break-word;
}
.style_buttonsOps__CKw4m {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  flex-shrink: 0;
  padding-right: 24px;
  width: 30%;
  min-width: 320px;
}
.style_icon__f52w_ {
  margin: 0 4px;
}
.style_sourceButton__1Sgtc {
  margin: 0 8px;
  padding: 0 !important;
}
.style_sourceButton__1Sgtc:hover {
  color: var(--fc0) !important;
}
.style_sourceButton__1Sgtc:hover > svg {
  fill: var(--fc0) !important;
}
.style_activeIcon__TYpL2 {
  background-color: var(--fc16) !important;
  margin: 0 4px;
}
.style_expandRecordWrapper__HjmN5 {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
}
.style_expandRecordWrapper__HjmN5.style_columnLayout__Huegd {
  flex-direction: column;
  height: calc(100% - 50px);
}
.style_expandRecordWrapper__HjmN5.style_columnLayout__Huegd .style_expandRecord__mh1bf {
  height: 50%;
}
.style_expandRecord__mh1bf {
  flex: 1;
  max-height: 100%;
  min-width: 0;
}
.style_expandRecord__mh1bf .style_linkInfo__wD7SL {
  color: var(--thirdLevelText);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_expandRecord__mh1bf .style_linkInfo__wD7SL .style_linkInfoIcon__izhJV {
  margin-left: 4px;
  display: inline-block;
  cursor: pointer;
}
.style_expandRecord__mh1bf .style_linkInfo__wD7SL .style_linkInfoIcon__izhJV svg {
  vertical-align: -0.125em;
}
.style_expandRecord__mh1bf > main {
  height: 100%;
  max-height: inherit;
  overflow-y: scroll;
  overflow-y: overlay;
  margin-top: 0;
  padding: 24px;
}
.style_expandRecord__mh1bf > main::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_expandRecord__mh1bf > main::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_expandRecord__mh1bf > main::-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_expandRecord__mh1bf > main:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_expandRecord__mh1bf .style_fieldWrapper__F9Ujx {
  margin-bottom: 24px;
}
.isSideExpandRecord .style_headerRow__4d5as h2 {
  padding-left: 16px;
}
.isSideExpandRecord .style_headerRow__4d5as .style_buttonsOps__CKw4m {
  padding-right: 16px;
}
.isSideExpandRecord .style_expandRecord__mh1bf > main {
  padding-left: 16px;
  padding-right: 16px;
}
.style_select__mMlaj .style_display__C0zZ1 {
  display: flex;
  align-items: center;
}
.style_select__mMlaj .style_display__C0zZ1 .style_items__n_hdx {
  display: inline-block;
  padding: 4px 10px;
  margin: 4px 10px 4px 0;
  border-radius: 10px;
  font-size: 12px;
  max-width: 100%;
}
.style_select__mMlaj > div input {
  background: transparent;
}
.style_select__mMlaj > div:last-child {
  position: unset;
}
.style_multiInput__yxSUt > div textarea {
  background: var(--rowSelectedBg);
}
.style_mobileWrapper__N1Rvv .ant-modal-body {
  height: 85vh;
  padding: 0;
}
.style_mobileWrapper__N1Rvv .ant-modal {
  width: -webkit-min-content;
  width: min-content;
}
.style_mobileWrapper__N1Rvv .ant-modal-close {
  display: none;
}
@media screen and (min-width: 767.98px) {
  .style_wrapper__mP2W1 {
    min-width: 540px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_wrapper__mP2W1 {
    width: 100vw;
  }
  .style_mobileWrapper__N1Rvv {
    width: 100vw;
    overflow: hidden !important;
  }
  .style_mobileWrapper__N1Rvv .ant-modal-content {
    height: 100%;
  }
  .style_mobileWrapper__N1Rvv .swiper-pagination-bullet-active {
    background: var(--primaryColor);
  }
  .style_mobileWrapper__N1Rvv .ant-modal-body {
    height: 100%;
    width: 100%;
    padding: 0;
  }
  .style_mobileWrapper__N1Rvv .ant-modal-content {
    height: 100%;
  }
  .style_mobileWrapper__N1Rvv .ant-modal-close {
    display: none;
  }
  .style_mobileWrapper__N1Rvv > div {
    padding: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    max-width: 100%;
    margin: 0;
  }
  .style_mobileWrapper__N1Rvv > div > div:nth-child(2) {
    border-radius: 0px;
  }
}
.style_contextMenu__Ta4JJ {
  width: 220px;
  background: var(--defaultBg);
  box-shadow: 1px 1px 14px var(--shadowColor);
  padding-left: 0;
  border-radius: 4px;
  padding: 4px 0;
}
.style_contextMenu__Ta4JJ li {
  list-style: none;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_contextMenu__Ta4JJ li:hover {
  background: var(--rowSelectedBg);
}
.style_expandTopArea__A0mTB {
  border-bottom: 1px solid var(--lineColor);
  padding-top: 24px;
  margin: 0 24px;
}
.style_titleWrapper__HEM88 {
  display: flex;
  padding-bottom: 16px;
  align-items: flex-start;
}
.style_titleWrapper__HEM88 .style_titleInfo__kFGKN {
  flex: 1;
  display: flex;
  align-items: center;
  width: 0;
  max-width: 386px;
}
.style_titleWrapper__HEM88 .style_titleInfo__kFGKN h2 {
  max-height: 80px;
  max-width: 396px;
  font-size: 16px;
  color: var(--firstLevelText);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 4px 0 0;
  position: relative;
  box-sizing: content-box;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 28px;
}
.style_titleWrapper__HEM88 .style_titleInfo__kFGKN span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_titleWrapper__HEM88 .style_titleInfo__kFGKN svg {
  cursor: pointer;
  padding: 8px 4px 8px 8px;
  box-sizing: content-box;
}
.style_titleWrapper__HEM88 .style_toggleCommentPane__V60_n {
  font-size: 13px;
  color: var(--thirdLevelText);
  padding: 4px 8px;
  height: auto;
  margin-left: 16px;
  letter-spacing: 0.5px;
}
.style_titleWrapper__HEM88 .style_toggleCommentPane__V60_n.style_toggleActive__w6bT_ {
  color: var(--primaryColor);
}
.style_expandFormulaCheckbox__0ROID {
  padding-left: 9px;
  justify-content: flex-start !important;
}
.style_operateAreaWrapper__j5Npl {
  align-items: flex-start;
  display: flex;
}
.style_operateArea__fD__3 {
  align-items: center;
  display: flex;
  height: 24px;
}
.style_visionOptionWrap__xhGXL {
  align-items: flex-start;
  display: flex;
}
.style_visionOption__n2pan {
  align-items: center;
  display: flex;
  height: 24px;
}
.style_linkTitle__Sz8Y5 {
  display: inline-block;
  max-width: 350px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_displayBox__8YZLd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.style_displayBox__8YZLd .style_content__bmzS6 {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_displayBox__8YZLd .style_content__bmzS6 .style_items__n_hdx {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_displayBox__8YZLd .style_iconArrow__4Uosb {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.style_displayBox__8YZLd .style_iconArrow__4Uosb svg {
  transition: all 0.2s linear;
}
.style_displayBox__8YZLd .style_iconArrow__4Uosb.style_active__zjvdV svg {
  transform: rotate(180deg);
}
.style_option__Voiiq > div {
  align-self: auto;
}
.style_mobileRecordHeader___AvpI {
  width: 100%;
  height: 44px;
  background-color: var(--primaryColor);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  position: fixed;
  top: 0;
  z-index: 2000;
}
.style_mobileRecordHeader___AvpI span.style_recordName__uIRBb {
  font-size: 17px;
  color: var(--static-white);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_mobileRecordHeader___AvpI .style_toggleRecordBtnWrapper__rINGE,
.style_mobileRecordHeader___AvpI .style_toCommentBtnWrapper__eOBR5 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 60px;
  height: 100%;
}
.style_mobileRecordHeader___AvpI .style_toggleRecordBtnWrapper__rINGE {
  justify-content: flex-start;
}
.style_mobileRecordHeader___AvpI .style_toCommentBtnWrapper__eOBR5 {
  justify-content: flex-end;
}
.style_contentWrapper__il9AY {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
  overflow-x: hidden;
}
.style_contentWrapper__il9AY.style_turnToCommentPage__ndhmu {
  transform: translate3d(-100%, 0, 0);
  overflow-x: visible;
}
.style_mobileRecordContent__Yeb3s {
  flex-shrink: 0;
  width: 100%;
  overflow: auto;
  padding-top: 44px;
}
.style_mobileRecordContent__Yeb3s .style_editorContainer___hklc {
  padding: 24px 24px 100px;
}
.style_mobileRecordContent__Yeb3s .style_editorContainer___hklc .fieldWrapper {
  margin-bottom: 24px;
}
.style_mobileCommentContent__nypxb {
  padding-top: 44px;
  flex-shrink: 0;
  width: 100%;
}
.style_closeButton__DKWpK {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--shadowColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_closeButton__DKWpK:hover {
  opacity: 0.8;
}
.style_closeButton__DKWpK:active {
  opacity: 0.6;
}
.style_closeButton__DKWpK svg {
  fill: white;
}
.style_pagingButtonWrapper__Gw2G_ {
  display: flex;
  width: 121px;
  height: 36px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 16px;
  align-items: center;
}
.style_pagingButtonWrapper__Gw2G_ button:hover {
  background-color: transparent;
}
.style_pagingButtonWrapper__Gw2G_ .style_gapLine__DQTiB {
  height: 10px;
  flex-basis: 1px;
  position: relative;
  background: var(--shadowColor);
  height: 100%;
}
.style_pagingButtonWrapper__Gw2G_ .style_gapLine__DQTiB:after {
  content: " ";
  display: inline-block;
  width: 1px;
  height: 10px;
  background: rgba(var(--lineColor-rgb), 40%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_pagingButtonWrapper__Gw2G_ .style_noBg__ov60k {
  opacity: 1 !important;
}
.style_pagingButtonWrapper__Gw2G_ > span:not(:nth-child(2)) {
  display: inline-block;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: var(--shadowColor);
}
.style_pagingButtonWrapper__Gw2G_ > span:not(:nth-child(2)):hover {
  opacity: 0.8;
}
.style_pagingButtonWrapper__Gw2G_ > span:not(:nth-child(2)):active {
  opacity: 0.6;
}
.style_pagingButtonWrapper__Gw2G_ .style_button__L4nZ0 {
  padding: 0 !important;
}
.style_pagingButtonWrapper__Gw2G_ .style_button__L4nZ0:active {
  opacity: 0.6;
  background: none;
}
.style_pagingButtonWrapper__Gw2G_ .style_button__L4nZ0:nth-child(2) {
  margin-right: 4px !important;
}
.style_plainPagingButtonWrapper__ayMR7 {
  align-items: center;
  display: flex;
  justify-content: center;
}
.style_divideLine__AH2ff {
  border-left: 1px solid var(--lineColor);
  height: 12px;
  margin: 0 4px;
}
.style_hiddenFieldsHeader__VRNq9 {
  display: flex;
  align-items: center;
  position: relative;
}
.style_hiddenFieldsHeader__VRNq9 h5.style_typography__s3f6J {
  -webkit-user-select: none;
          user-select: none;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  color: var(--secondLevelText);
  margin: 0 0 0 4px;
}
.style_hiddenFieldsHeader__VRNq9.style_expanded__o0BUD {
  position: relative;
}
.style_hiddenFieldsHeader__VRNq9.style_expanded__o0BUD::after {
  content: "";
  border: 1px dashed var(--lineColor);
  height: 1px;
  position: absolute;
  top: 48px;
  width: 100%;
}
.style_hiddenFieldsHeader__VRNq9.style_expanded__o0BUD h5.style_typography__s3f6J {
  color: var(--primaryColor);
}
.style_hiddenFieldsContent__NvhFD {
  margin-top: 56px;
}
.style_dropdown__3ADDo {
  display: flex;
  align-items: center;
}
.style_btnExpand__80qv7 {
  height: 32px;
  font-size: 14px;
  padding: 0 8px !important;
}
.style_gotoDatasheet__v_FuZ {
  height: 36px;
  margin-right: 16px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 13px;
  color: var(--defaultBg);
  border-radius: 8px;
  background: var(--shadowColor);
}
.style_isolationBox__md0vN > div {
  position: unset !important;
}
.style_pointer__o4ohy {
  cursor: pointer;
}
.style_moreOptionMenu__o6EJ0 {
  padding: 4px 0 !important;
  min-width: 240px;
}
.style_moreOptionMenuItemWrapper__0wUlq {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 40px;
  line-height: 40px !important;
  margin: 0 8px !important;
  padding: 0 8px !important;
}
.style_moreOptionMenuItemWrapper__0wUlq:hover {
  background-color: var(--black_100) !important;
}
.style_moreOptionMenuItemWrapper__0wUlq svg {
  margin-right: 4px;
}
.style_moreOptionMenuItemWrapper__0wUlq span {
  flex-grow: 1;
}
.style_showHistoryMenuItem__FY0cR {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 8px;
}
.style_showHistoryMenuText__bZyjs {
  flex-grow: 1;
}
.style_showRecordSwitch__vnX_X {
  margin-left: 5px;
}
.style_mobileCommentButton__zX9Rr {
  margin-left: 8px;
  position: relative;
}
.style_mobileCommentButton__zX9Rr:focus,
.style_mobileCommentButton__zX9Rr:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.style_mobileActivityPaneContainer__2n2ZU {
  display: flex;
  height: 100%;
}
.style_mobileActivityPaneContainer__2n2ZU .style_ant-drawer-body__A48rs {
  padding: 0;
}
.style_mobileDrawer__RpRFa .ant-drawer-content-wrapper {
  height: 100%;
}
.style_mobileDrawer__RpRFa .ant-drawer-header {
  background-color: var(--fc6);
  border-bottom: 1px solid var(--lineColor);
  padding: 16px 24px;
}
.style_mobileDrawer__RpRFa .ant-drawer-title {
  font-size: 16px;
}
.style_mobileDrawer__RpRFa .ant-drawer-close {
  top: 14px;
}

/**
* 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__5mQfp {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__MoFsw {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__r1M4y ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__r1M4y ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__r1M4y 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__r1M4y ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__r1M4y li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__r1M4y .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__r1M4y .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__r1M4y .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__r1M4y .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zELMv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__KJous {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ghWbu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ghWbu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ghWbu .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__ghWbu .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__ghWbu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ghWbu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ghWbu .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ghWbu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ghWbu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ghWbu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ghWbu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ghWbu .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__ghWbu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ghWbu .editBgColor::before,
.style_tree__ghWbu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ghWbu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ghWbu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ghWbu .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__ghWbu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ghWbu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ghWbu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ghWbu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ghWbu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ghWbu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__obeCd .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__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__obeCd .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__obeCd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__obeCd .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__obeCd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__obeCd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Vaahe .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__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Vaahe .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__Vaahe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Vaahe .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__Vaahe .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__Vaahe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Vaahe .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__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Vaahe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__facC5::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__facC5::-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__facC5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__KPUCN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__KPUCN::-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__KPUCN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__YluO6 {
  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___HW7h {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___HW7h {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___HW7h {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___HW7h {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___HW7h {
    flex: 0 0 100%;
  }
}
.style_expandLink__x9QmX .style_addLinkRecord__SSPWz {
  margin-bottom: 8px;
  white-space: pre-line;
}
.style_expandLink__x9QmX .style_recordCard__BfaTf {
  margin-bottom: 8px;
}
.style_showMore__BoiHx {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_showMore__BoiHx .style_showMoreText__qtflS {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
  padding-left: 4px;
}
.style_addLinkRecordBtn__QmpCy .style_inner__cMb2l {
  display: flex;
  align-items: center;
  white-space: pre;
}
.style_addLinkRecordBtn__QmpCy .style_addIcon__zQImG {
  margin-right: 5px;
}
.style_addLinkRecordBtn__QmpCy .style_datasheetName__kLU2b {
  display: inline-block;
  vertical-align: inherit;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .style_expandLink__x9QmX {
    flex: 1;
  }
  .style_addLinkRecordBtn__QmpCy {
    line-height: 1;
    font-size: 14px !important;
  }
  .style_addLinkRecordBtn__QmpCy .style_datasheetName__kLU2b {
    max-width: 90px;
  }
}

/**
* 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__GFVkf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__4cLMn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__O9_hF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__O9_hF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__O9_hF 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__O9_hF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__O9_hF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__O9_hF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__O9_hF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__O9_hF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__O9_hF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__gjviF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__u5mq7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__h_2yu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__h_2yu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__h_2yu .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__h_2yu .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__h_2yu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__h_2yu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__h_2yu .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__h_2yu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__h_2yu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__h_2yu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__h_2yu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__h_2yu .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__h_2yu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__h_2yu .editBgColor::before,
.styles_tree__h_2yu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__h_2yu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__h_2yu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__h_2yu .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__h_2yu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__h_2yu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__h_2yu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__h_2yu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__h_2yu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__h_2yu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Qf0xd .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__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Qf0xd .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__Qf0xd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Qf0xd .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__Qf0xd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Qf0xd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__LXD2b .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__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__LXD2b .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__LXD2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__LXD2b .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__LXD2b .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__LXD2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__LXD2b .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__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__LXD2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__UvM4n::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__UvM4n::-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__UvM4n:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__SIurV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__SIurV::-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__SIurV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__8P8n4 {
  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__mNKpy {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__mNKpy {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__mNKpy {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__mNKpy {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__mNKpy {
    flex: 0 0 100%;
  }
}
.styles_unitItemWrapper__ycMiu {
  height: 24px;
  max-width: 100%;
  padding-right: 8px;
  display: flex;
  align-items: center;
  margin: 1px 8px 2px 0;
  background-color: var(--fc11);
  width: -webkit-max-content;
  width: max-content;
}
.styles_unitDeactive__ShYeG {
  opacity: 0.5;
}
.styles_unitNameWrap__1cLTu {
  display: flex;
  align-items: center;
}
.styles_unInvited__rotwk {
  margin-left: 8px;
  border-radius: 4px;
  background-color: var(--orange_50);
  color: var(--orange_400);
  font-size: 12px;
  line-height: 18px;
  padding: 3px 8px;
}
.styles_unitName__oPfEV,
.styles_unitDesc__ZC4j2 {
  line-height: 17px;
  color: var(--textCommonPrimary);
  padding: 2px 0 2px 4px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_unitDesc__ZC4j2 {
  color: var(--thirdLevelText);
  padding-left: 0;
}
.styles_unitMember__KaN0W {
  border-radius: 16px;
  padding-left: 1px;
}
.styles_unitMember__KaN0W .styles_close__TOQlc {
  background-color: transparent;
}
.styles_unitTeam__Q4TEm {
  padding-left: 2px !important;
  border-radius: 4px;
}
.styles_iconDelete__muM6O {
  cursor: pointer;
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.styles_isLeave__43X2P {
  opacity: 0.5;
}
.styles_selected__RzNta {
  border: 1px solid var(--deepPurple_300);
}
.styles_memberWithTeams__BaqUr {
  width: 100%;
  display: flex;
  align-items: center;
}
.styles_memberWithTeamsDesc__suJ8e {
  width: auto;
  flex: 1 1;
  margin-left: 4px;
  overflow: hidden;
}
.styles_memberWithTeamsDesc__suJ8e .styles_teams__LeqHA {
  color: var(--textCommonPrimary);
  font-size: 12px;
  margin-left: 4px;
}
@media screen and (max-width: 767.98px) {
  .styles_unitName__oPfEV,
  .styles_unitDesc__ZC4j2 {
    font-size: 14px;
  }
}

/**
* 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__DjsCw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__eKxaX {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__uzX5S ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__uzX5S ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__uzX5S 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__uzX5S ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__uzX5S li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__uzX5S .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__uzX5S .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__uzX5S .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__uzX5S .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__EziC2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__52xUV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__FCNUX .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__FCNUX .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__FCNUX .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__FCNUX .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__FCNUX .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__FCNUX .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__FCNUX .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__FCNUX .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__FCNUX .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__FCNUX .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__FCNUX .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__FCNUX .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__FCNUX .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__FCNUX .editBgColor::before,
.style_tree__FCNUX .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__FCNUX .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__FCNUX .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__FCNUX .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__FCNUX .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__FCNUX .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__FCNUX .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__FCNUX .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__FCNUX .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__FCNUX .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__jC_j_ .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__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__jC_j_ .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__jC_j_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__jC_j_ .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__jC_j_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__jC_j_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__1WRyW .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__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__1WRyW .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__1WRyW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__1WRyW .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__1WRyW .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__1WRyW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1WRyW .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__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__1WRyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2Fene::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2Fene::-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__2Fene:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8JcAp::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8JcAp::-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__8JcAp:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__s_4bm {
  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__dq4aJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__dq4aJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__dq4aJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__dq4aJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__dq4aJ {
    flex: 0 0 100%;
  }
}
.style_optionCellContainer__g4kqj {
  display: flex !important;
  padding: 3px 10px 3px;
  max-width: 100%;
  overflow: hidden;
  line-height: 1.1;
  flex-grow: 1;
  align-content: flex-start;
  align-items: center;
}
.style_optionCellContainer__g4kqj.style_rowHeightHigh__OXCkk {
  flex-wrap: wrap;
}
.displayItem .optionCellContainer, .activeCell .optionCellContainer {
  flex-wrap: wrap;
}
.style_minWidth__xBcIi > div:first-of-type {
  max-width: calc(100% - 36px);
}
.style_iconAdd__UKokN {
  display: flex;
  align-items: center;
  margin-right: 4px;
  margin-top: 3px;
}
.style_iconAdd__UKokN svg {
  fill: currentColor;
}

/**
* 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__Z75uU {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3hgkA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__T2kL2 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__T2kL2 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__T2kL2 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__T2kL2 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__T2kL2 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__T2kL2 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__T2kL2 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__T2kL2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__T2kL2 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GKrQQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__B20Om {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ASd0b .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ASd0b .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ASd0b .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__ASd0b .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__ASd0b .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ASd0b .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ASd0b .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ASd0b .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ASd0b .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ASd0b .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ASd0b .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ASd0b .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__ASd0b .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ASd0b .editBgColor::before,
.style_tree__ASd0b .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ASd0b .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ASd0b .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ASd0b .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__ASd0b .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ASd0b .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ASd0b .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ASd0b .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ASd0b .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ASd0b .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__k_iYC .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__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__k_iYC .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__k_iYC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__k_iYC .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__k_iYC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__k_iYC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__AREoE .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__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__AREoE .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__AREoE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__AREoE .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__AREoE .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__AREoE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__AREoE .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__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__AREoE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Wse22::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Wse22::-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__Wse22:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__hdEHE::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__hdEHE::-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__hdEHE:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__H49V0 {
  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__CIbD9 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CIbD9 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CIbD9 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CIbD9 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CIbD9 {
    flex: 0 0 100%;
  }
}
.style_cellCreatedBy__2Cz5y {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  align-content: flex-start;
  padding: 3px 10px;
  flex-grow: 1;
}
.style_unitItemWrapper__E6nnE {
  width: 100%;
  display: flex;
  height: 24px;
  max-width: 100%;
  align-items: center;
}
.style_unitBase__z1LGl {
  display: flex;
  background-color: var(--lowestBg);
  align-items: center;
}
.style_unitName__oclOV {
  line-height: 17px;
  padding: 2px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_unitMember__VX8pF {
  display: flex;
  background-color: var(--lowestBg);
  align-items: center;
  margin: 1px 4px 1px 0;
  padding: 0 8px 0 1px;
  max-width: 100%;
  border-radius: 16px;
}
.style_minWidth__8NOj7 > div:first-of-type {
  max-width: calc(100% - 36px) !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
**/
.styles_antiEllipsis__QpzaB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__3zcLL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__XOXiv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__XOXiv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__XOXiv 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__XOXiv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__XOXiv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__XOXiv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__XOXiv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__XOXiv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__XOXiv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter___c4QP {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__5oRzQ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__15rtu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__15rtu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__15rtu .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__15rtu .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__15rtu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__15rtu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__15rtu .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__15rtu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__15rtu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__15rtu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__15rtu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__15rtu .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__15rtu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__15rtu .editBgColor::before,
.styles_tree__15rtu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__15rtu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__15rtu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__15rtu .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__15rtu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__15rtu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__15rtu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__15rtu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__15rtu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__15rtu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Hfjwm .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__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Hfjwm .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__Hfjwm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Hfjwm .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__Hfjwm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Hfjwm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__F8fYZ .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__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__F8fYZ .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__F8fYZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__F8fYZ .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__F8fYZ .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__F8fYZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__F8fYZ .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__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__F8fYZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__jDm_9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__jDm_9::-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__jDm_9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__fUxOs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__fUxOs::-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__fUxOs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__12Qyo {
  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__Grodq {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__Grodq {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__Grodq {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__Grodq {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__Grodq {
    flex: 0 0 100%;
  }
}
.styles_createdTime__n9Llg {
  padding: 3px 10px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_createdTime__n9Llg .styles_date__DrrBd {
  float: left;
  margin-right: 8px;
}
.styles_createdTime__n9Llg .styles_date__DrrBd.styles_single__XLf4G {
  width: 100%;
}
.styles_createdTime__n9Llg .styles_time__ojQhG {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.styles_createdTime__n9Llg .styles_time__ojQhG:last-child {
  margin: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__IK0M4 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__Hsb_n {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__y1oxo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__y1oxo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__y1oxo 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__y1oxo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__y1oxo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__y1oxo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__y1oxo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__y1oxo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__y1oxo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__77ZjG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Ks4w_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__ENZOD .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__ENZOD .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__ENZOD .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__ENZOD .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__ENZOD .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__ENZOD .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__ENZOD .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__ENZOD .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__ENZOD .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__ENZOD .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__ENZOD .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__ENZOD .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__ENZOD .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__ENZOD .editBgColor::before,
.styles_tree__ENZOD .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__ENZOD .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__ENZOD .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__ENZOD .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__ENZOD .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__ENZOD .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__ENZOD .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__ENZOD .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__ENZOD .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__ENZOD .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__TEE7E .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__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__TEE7E .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__TEE7E .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__TEE7E .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__TEE7E .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__TEE7E .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__MRQTl .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__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__MRQTl .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__MRQTl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__MRQTl .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__MRQTl .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__MRQTl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__MRQTl .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__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__MRQTl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__EVzCY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__EVzCY::-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__EVzCY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__pdcqx::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__pdcqx::-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__pdcqx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__FlCbC {
  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__7Y232 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__7Y232 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__7Y232 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__7Y232 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__7Y232 {
    flex: 0 0 100%;
  }
}
.styles_dateTime__8ZBz0 {
  padding: 3px 10px;
  flex-grow: 1;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_dateTime__8ZBz0 .styles_date__ShYvE {
  display: inline;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_dateTime__8ZBz0 .styles_date__ShYvE.styles_single__Y00v5 {
  width: 100%;
}
.styles_dateTime__8ZBz0 .styles_time__OHC4v {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.styles_dateTime__8ZBz0 .styles_time__OHC4v:last-child {
  margin: 0;
}
.styles_dateTime__8ZBz0 .styles_alarm__1yGvq {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_dateTime__8ZBz0 .styles_alarm__1yGvq .styles_alarmTime___kX53 {
  color: var(--primaryColor);
  padding-left: 4px;
}
.styles_dateTime__8ZBz0 .styles_quickAlarm__SPuPA {
  cursor: pointer;
  display: none;
}
.styles_dateTime__8ZBz0.styles_hoverAlarm__My0CZ:hover .styles_quickAlarm__SPuPA {
  display: flex;
  align-items: center;
}

/**
* 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__gd8xD {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__db1bw {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__RNQRe ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__RNQRe ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__RNQRe 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__RNQRe ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__RNQRe li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__RNQRe .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__RNQRe .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__RNQRe .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__RNQRe .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__c52So {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__lkSlA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__51HA4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__51HA4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__51HA4 .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__51HA4 .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__51HA4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__51HA4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__51HA4 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__51HA4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__51HA4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__51HA4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__51HA4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__51HA4 .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__51HA4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__51HA4 .editBgColor::before,
.style_tree__51HA4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__51HA4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__51HA4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__51HA4 .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__51HA4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__51HA4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__51HA4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__51HA4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__51HA4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__51HA4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__9vNjy .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__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__9vNjy .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__9vNjy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__9vNjy .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__9vNjy .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__9vNjy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___9Wnj .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___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___9Wnj .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___9Wnj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___9Wnj .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___9Wnj .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___9Wnj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___9Wnj .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___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___9Wnj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__CcXD3::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__CcXD3::-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__CcXD3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__O_O2P::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__O_O2P::-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__O_O2P:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__h31ki {
  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__Kctvu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Kctvu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Kctvu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Kctvu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Kctvu {
    flex: 0 0 100%;
  }
}
.style_tabItem__hnIWx {
  display: inline-block;
  padding: 0 8px;
  margin: 3px 8px 2px 0;
  border-radius: 10px;
  max-width: 100%;
  font-size: 12px;
  height: 20px;
  line-height: 1;
}
.style_tabItem__hnIWx .style_close__yJgBH {
  background-color: transparent;
}
.style_tabItem__hnIWx.style_multi__11Gsj,
.style_tabItem__hnIWx.style_single__Q9Q16 {
  display: flex;
  align-items: center;
}
.style_tabItem__hnIWx.style_link__LFIDN {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: var(--defaultTag);
  cursor: pointer;
}
.style_tabItem__hnIWx.style_link__LFIDN .style_unnamed__MH0Z9 {
  color: var(--thirdLevelText);
}
.style_tabItem__hnIWx .style_optionText__UDbpG {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_tabItem__hnIWx .style_optionText__UDbpG span.style_name__ZAHPW {
  line-height: 20px;
  white-space: nowrap;
}
.activeCell .style_tabItem__hnIWx.style_link__LFIDN {
  cursor: pointer;
}
.style_iconDelete__JnVON {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .style_tabItem__hnIWx {
    height: 24px;
    font-size: 14px;
    border-radius: 15px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__dpDtF {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__NKEx3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__uY9HM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__uY9HM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__uY9HM 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__uY9HM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__uY9HM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__uY9HM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__uY9HM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__uY9HM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__uY9HM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__hGCwU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QOUK_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__OHyuo .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__OHyuo .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__OHyuo .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__OHyuo .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__OHyuo .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__OHyuo .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__OHyuo .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__OHyuo .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__OHyuo .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__OHyuo .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__OHyuo .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__OHyuo .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__OHyuo .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__OHyuo .editBgColor::before,
.style_tree__OHyuo .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__OHyuo .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__OHyuo .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__OHyuo .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__OHyuo .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__OHyuo .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__OHyuo .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__OHyuo .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__OHyuo .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__OHyuo .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ilNkA .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__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ilNkA .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__ilNkA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ilNkA .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__ilNkA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ilNkA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__e4oej .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__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__e4oej .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__e4oej .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__e4oej .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__e4oej .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__e4oej .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__e4oej .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__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__e4oej .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__7ot3f::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__7ot3f::-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__7ot3f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__bIaOM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__bIaOM::-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__bIaOM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__dt_mb {
  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__l_QcQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__l_QcQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__l_QcQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__l_QcQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__l_QcQ {
    flex: 0 0 100%;
  }
}
.style_numberEditorDisabled__FEoxI {
  cursor: not-allowed;
  opacity: 0.5;
}
.style_numberEditor__7icvP {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1px;
}
.style_numberEditor__7icvP .style_numberInput__oPKKD {
  text-align: right;
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  outline: none;
  background: transparent;
  display: block;
  line-height: 21px;
  box-sizing: border-box;
  padding: 7px 10px;
  font-size: 13px;
}
@media screen and (max-width: 767.98px) {
  .style_numberEditor__7icvP .style_numberInput__oPKKD {
    font-size: 14px;
    line-height: 24px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__hUfHl {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3g5AD {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IUI1N ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IUI1N ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IUI1N 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__IUI1N ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IUI1N li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IUI1N .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IUI1N .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IUI1N .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IUI1N .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__JSvXp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__0H9em {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MvwVX .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MvwVX .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MvwVX .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__MvwVX .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__MvwVX .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MvwVX .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MvwVX .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MvwVX .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MvwVX .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MvwVX .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MvwVX .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MvwVX .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__MvwVX .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MvwVX .editBgColor::before,
.style_tree__MvwVX .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MvwVX .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MvwVX .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MvwVX .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__MvwVX .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MvwVX .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MvwVX .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MvwVX .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MvwVX .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MvwVX .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__fUkIm .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__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__fUkIm .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__fUkIm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__fUkIm .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__fUkIm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__fUkIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__qzkhu .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__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__qzkhu .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__qzkhu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__qzkhu .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__qzkhu .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__qzkhu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qzkhu .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__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__qzkhu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__zvhGl::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__zvhGl::-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__zvhGl:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__CD16m::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__CD16m::-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__CD16m:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__IysQw {
  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__O9aKn {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__O9aKn {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__O9aKn {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__O9aKn {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__O9aKn {
    flex: 0 0 100%;
  }
}
.style_expandNumber__GlGZU {
  position: relative;
  flex: 1;
}
.style_cellNumber__KfUZ5 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--lowestBg);
  border-radius: 4px;
  font-size: 13px;
  cursor: text;
}
@media screen and (max-width: 767.98px) {
  .style_cellNumber__KfUZ5 {
    font-size: 14px;
    top: 1px;
  }
}

/**
* 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__RCAEz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__qqsQv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__shgRu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__shgRu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__shgRu 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__shgRu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__shgRu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__shgRu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__shgRu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__shgRu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__shgRu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__mTtl0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__T7KVv {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__jK_MN .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__jK_MN .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__jK_MN .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__jK_MN .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__jK_MN .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__jK_MN .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__jK_MN .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__jK_MN .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__jK_MN .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__jK_MN .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__jK_MN .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__jK_MN .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__jK_MN .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__jK_MN .editBgColor::before,
.styles_tree__jK_MN .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__jK_MN .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__jK_MN .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__jK_MN .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__jK_MN .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__jK_MN .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__jK_MN .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__jK_MN .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__jK_MN .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__jK_MN .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__kB1Ud .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__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__kB1Ud .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__kB1Ud .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__kB1Ud .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__kB1Ud .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__kB1Ud .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__sL_Nw .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__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__sL_Nw .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__sL_Nw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__sL_Nw .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__sL_Nw .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__sL_Nw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__sL_Nw .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__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__sL_Nw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default___b6jn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default___b6jn::-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___b6jn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__pDYuw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__pDYuw::-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__pDYuw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Bt7m9 {
  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__GqHtk {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__GqHtk {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__GqHtk {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__GqHtk {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__GqHtk {
    flex: 0 0 100%;
  }
}
@media (any-hover: hover) {
  .styles_hoverBg__j_glU {
    background: var(--rowSelectedBg);
  }
}
.styles_optionItem__CIwSN {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_optionItem__CIwSN.styles_isChecked__1__6b {
  color: var(--primaryColor);
}
.styles_optionItem__CIwSN > div:first-child {
  flex: 1;
}
.styles_listBox__4z8CV {
  max-height: 336px;
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_listBox__4z8CV::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_listBox__4z8CV::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_listBox__4z8CV::-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_listBox__4z8CV:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_listContainer__bcmer {
  background: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 4px;
}
.styles_listContainer__bcmer:focus {
  outline: none;
}
.styles_noResult__3RqEY {
  font-size: 11px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.styles_footerContainer__ycdsz:hover {
  background: var(--rowSelectedBg);
}
.styles_searchField__RIY1h {
  padding: 8px 16px;
}
.styles_searchInput__E6tP_ {
  background: var(--defaultBg);
  border-bottom: 1px solid var(--lineColor);
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .styles_listContainer__bcmer {
    box-shadow: none;
    background: none;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .styles_listBox__4z8CV {
    overflow: auto;
    flex: 1;
    max-height: unset;
  }
  .styles_optionItem__CIwSN {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid var(--lineColor);
  }
  .styles_footerContainer__ycdsz {
    font-size: 14px;
  }
  .styles_noResult__3RqEY {
    font-size: 14px;
  }
}

/**
* 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__XOycu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__LWXQw {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__IqkoT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__IqkoT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__IqkoT 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__IqkoT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__IqkoT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__IqkoT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__IqkoT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__IqkoT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__IqkoT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__CFhNn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__jyiJZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__7Ocd3 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__7Ocd3 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__7Ocd3 .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__7Ocd3 .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__7Ocd3 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__7Ocd3 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__7Ocd3 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__7Ocd3 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__7Ocd3 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__7Ocd3 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__7Ocd3 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__7Ocd3 .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__7Ocd3 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__7Ocd3 .editBgColor::before,
.styles_tree__7Ocd3 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__7Ocd3 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__7Ocd3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__7Ocd3 .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__7Ocd3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__7Ocd3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__7Ocd3 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__7Ocd3 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__7Ocd3 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__7Ocd3 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__rY2Cm .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__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__rY2Cm .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__rY2Cm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__rY2Cm .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__rY2Cm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__rY2Cm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__29c6w .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__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__29c6w .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__29c6w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__29c6w .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__29c6w .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__29c6w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__29c6w .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__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__29c6w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__hrV4y::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__hrV4y::-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__hrV4y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__AMT4_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__AMT4_::-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__AMT4_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__GGPCY {
  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__K8tSK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__K8tSK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__K8tSK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__K8tSK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__K8tSK {
    flex: 0 0 100%;
  }
}
.styles_memberOptionList__uoJEd {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
  background: var(--highestBg);
  min-width: 200px;
  z-index: var(--memberOptionListZIndex);
}
.styles_memberOptionList__uoJEd > div {
  box-shadow: var(--shadowCommonHighest);
  border-bottom: 1px solid var(--lineColor);
}
.styles_memberOptionList__uoJEd .styles_searchField__v8fHe {
  padding: 8px;
}
.styles_memberOptionList__uoJEd .styles_noResult__QxTi4 {
  font-size: 11px;
  padding-bottom: 8px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.styles_memberInfo__zMV3R {
  display: flex;
  flex: 1;
  max-width: 90%;
}
.styles_seeMore__TXwdb {
  text-align: center;
  color: var(--secondLevelText);
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
.styles_inviteMember__qGg7k {
  color: var(--primaryColor);
  font-size: 11px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
  margin-left: 4px;
}
.styles_inviteMember__qGg7k svg {
  vertical-align: -0.125em;
  margin-right: 4px;
}
.styles_inviteMember__qGg7k:hover {
  background: var(--rowSelectedBg);
}
.styles_hoverContainer__x6OrQ {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_hoverContainer__x6OrQ::before {
  content: " ";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 32px;
  background: var(--rowSelectedBg);
  z-index: 20;
}
.styles_hoverContainer__x6OrQ:after {
  content: " ";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 32px;
  background: var(--rowSelectedBg);
}
.styles_searchInput__b8WL0 {
  padding: 0 8px !important;
  height: 100%;
  line-height: 100%;
  border: none;
  outline: none;
  background: transparent;
}
.styles_searchInput__b8WL0,
.styles_searchInput__b8WL0 input {
  border-radius: 24px !important;
}
.styles_searchInput__b8WL0::placeholder {
  color: var(--lineColor);
}
@media screen and (max-width: 767.98px) {
  .styles_memberOptionList__uoJEd {
    position: static;
    width: 100% !important;
    height: 100%;
    box-shadow: none;
    background: none;
    font-size: 14px;
  }
  .styles_memberOptionList__uoJEd > div {
    box-shadow: none;
    border: 0;
  }
  .styles_memberOptionList__uoJEd .styles_searchField__v8fHe {
    padding: 8px 0;
  }
  .styles_memberOptionList__uoJEd .styles_displayList__t9cWE .styles_displayListItem__hUWIu {
    height: 48px;
    font-size: 14px;
    border-bottom: 1px solid var(--lineColor);
  }
  .styles_memberOptionList__uoJEd .styles_noResult__QxTi4 {
    font-size: inherit;
  }
  .styles_memberOptionList__uoJEd .styles_inviteMember__qGg7k {
    font-size: inherit;
  }
  .styles_seeMore__TXwdb {
    font-size: inherit;
  }
}
.styles_memberOptionItemWrapper__UiQRP {
  padding: 0px 8px;
  height: auto;
}
@media (any-hover: hover) {
  .styles_memberOptionItemWrapper__UiQRP:hover {
    background: var(--rowSelectedBg);
  }
}
.styles_memberOptionItemWrapper__UiQRP.isChecked {
  color: inherit;
}
.styles_memberInfoCard__KFLg9 {
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__D41yI {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__PGrX5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__f04v8 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__f04v8 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__f04v8 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__f04v8 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__f04v8 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__f04v8 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__f04v8 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__f04v8 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__f04v8 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__I16Na {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__SsO4a {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__eZ_LU .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__eZ_LU .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__eZ_LU .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__eZ_LU .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__eZ_LU .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__eZ_LU .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__eZ_LU .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__eZ_LU .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__eZ_LU .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__eZ_LU .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__eZ_LU .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__eZ_LU .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__eZ_LU .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__eZ_LU .editBgColor::before,
.styles_tree__eZ_LU .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__eZ_LU .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__eZ_LU .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__eZ_LU .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__eZ_LU .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__eZ_LU .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__eZ_LU .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__eZ_LU .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__eZ_LU .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__eZ_LU .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__2ZfbX .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__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__2ZfbX .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__2ZfbX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__2ZfbX .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__2ZfbX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__2ZfbX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__qxWnf .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__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__qxWnf .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__qxWnf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__qxWnf .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__qxWnf .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__qxWnf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__qxWnf .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__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__qxWnf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__bOeum::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__bOeum::-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__bOeum:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__knF1t::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__knF1t::-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__knF1t:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Yh7j7 {
  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__d0HLc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__d0HLc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__d0HLc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__d0HLc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__d0HLc {
    flex: 0 0 100%;
  }
}
.styles_seeMore__rFRpa {
  text-align: center;
  color: var(--primaryColor);
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  padding: 8px 0;
  cursor: pointer;
  height: 32px;
}
.styles_memberInfo___6v17 {
  display: flex;
  width: 85%;
}
.styles_searchInput__muE3W {
  padding: 0 8px !important;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  background: transparent;
}
.styles_searchInput__muE3W,
.styles_searchInput__muE3W input {
  border-radius: 25px !important;
}
.styles_searchInput__muE3W::placeholder {
  color: var(--fourthLevelText);
}
.styles_searchInput__muE3W .ant-input-prefix {
  margin-left: 8px;
}
.styles_memberEditor__5BFHn {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
  background: var(--defaultBg);
  box-shadow: var(--shadowCommonHigh);
}
.styles_memberEditor__5BFHn .styles_searchField__DMUZP {
  padding: 8px;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF::-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_memberEditor__5BFHn .styles_displayList__cPSuF:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm .styles_itemName__AP0db {
  display: inline-block;
  padding: 0 10px;
  border-radius: 10px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm .styles_iconCheck__eBTBV {
  display: flex;
  align-items: center;
}
@media (any-hover: hover) {
  .styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm:hover {
    background: var(--rowSelectedBg);
    position: relative;
  }
  .styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm:hover::before {
    content: " ";
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 32px;
    background: var(--rowSelectedBg);
    z-index: 20;
  }
  .styles_memberEditor__5BFHn .styles_displayList__cPSuF .styles_displayListItem__FRCVm:hover:after {
    content: " ";
    display: block;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
    height: 32px;
    background: var(--rowSelectedBg);
  }
}
.styles_memberEditor__5BFHn .styles_noResult__BzIzS {
  font-size: 11px;
  padding-bottom: 8px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.styles_bg__JgXvN {
  background: var(--lowestBg);
}
.styles_bg__JgXvN::before {
  content: " ";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 30px;
  background: var(--lowestBg);
}
.styles_bg__JgXvN:after {
  content: " ";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 30px;
  background: var(--lowestBg);
}
.styles_shareHide___PtMw {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.styles_loading__N9IuT {
  position: relative !important;
  background-color: transparent !important;
  overflow: hidden;
}
.styles_inviteMember__KNPe1 {
  color: var(--secondLevelText);
  font-size: 11px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
}
.styles_inviteMember__KNPe1 svg {
  vertical-align: -0.125em;
  margin-right: 4px;
}
.styles_inviteMember__KNPe1:hover {
  background: var(--rowSelectedBg);
}
@media screen and (max-width: 767.98px) {
  .styles_seeMore__rFRpa {
    font-size: 14px;
  }
}

/**
* 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__39_gl {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__e109p {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__fd9hJ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__fd9hJ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__fd9hJ 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__fd9hJ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__fd9hJ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__fd9hJ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__fd9hJ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__fd9hJ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__fd9hJ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__o1olT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__jCnON {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___M6vI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___M6vI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___M6vI .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___M6vI .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___M6vI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___M6vI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___M6vI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___M6vI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___M6vI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___M6vI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___M6vI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___M6vI .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___M6vI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___M6vI .editBgColor::before,
.style_tree___M6vI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___M6vI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___M6vI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___M6vI .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___M6vI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___M6vI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___M6vI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___M6vI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___M6vI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___M6vI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cn_qM .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__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cn_qM .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__cn_qM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cn_qM .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__cn_qM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cn_qM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6__nO .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__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6__nO .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__6__nO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6__nO .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__6__nO .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__6__nO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6__nO .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__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6__nO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2isg_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2isg_::-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__2isg_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__6of5_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__6of5_::-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__6of5_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__lF8Jc {
  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__aonTO {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__aonTO {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__aonTO {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__aonTO {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__aonTO {
    flex: 0 0 100%;
  }
}
.style_wrapper__MC1w3 {
  position: relative;
}
.style_trigger__6Ff_I {
  width: 14px;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
}
.style_trigger__6Ff_I:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.style_trigger__6Ff_I:hover::before {
  background: rgba(var(--shadowBg-rgb), 10%);
  display: block;
}
.style_trigger__6Ff_I:active::before {
  background: rgba(var(--shadowBg-rgb), 20%);
  display: block;
}
.style_trigger__6Ff_I:after {
  content: " ";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--bgCommonHigh);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_arrowDisplayLeft__FsmWP {
  position: absolute;
  left: 0;
  transform: translate(-100%, -50%);
  border-style: solid;
  border-color: transparent var(--defaultBg) transparent transparent;
  border-width: 6px;
  z-index: var(--triggerIndex);
}
.style_arrowDisplayRight__CATMa {
  position: absolute;
  right: 0;
  transform: translate(100%, -50%);
  z-index: var(--triggerIndex);
  border-style: solid;
  border-color: transparent transparent transparent var(--defaultBg);
  border-width: 6px;
}
.style_pane__JmCag {
  position: relative;
  pointer-events: initial;
  border-radius: 4px;
  background: var(--defaultBg);
  padding: 16px 16px 0 16px;
  box-shadow: var(--shadowCommonHigh);
}
.style_pane__JmCag .style_editor__2qWUw {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.style_pane__JmCag .style_editor__2qWUw .style_deleteIconWrap__Rtv3k {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.style_pane__JmCag .style_editor__2qWUw .style_deleteIconWrap__Rtv3k svg {
  cursor: pointer;
}
.style_pane__JmCag .style_divider__dr3fU {
  margin: 16px 10px;
  height: 0px;
  border-top: 1px solid var(--lineColor);
}
.style_pane__JmCag .style_colorMenuGroup__XpfwY {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.style_pane__JmCag .style_menu__aesqz {
  width: 260px;
  padding: 0 10px;
  margin-bottom: 6px;
  background-size: cover;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
}
.style_pane__JmCag .style_menu__aesqz.style_bg___pIUJ {
  background-color: var(--fill0);
}
.style_pane__JmCag .style_menu__aesqz:nth-child(2) {
  padding: 16px 10px 6px 10px;
  margin-bottom: 16px;
}
.style_pane__JmCag .style_menu__aesqz.style_common__EJi5P {
  margin-bottom: 0;
}
.style_pane__JmCag .style_menu__aesqz.style_common__EJi5P:nth-child(2) {
  padding: 0 10px;
  margin-bottom: 10px;
}
.style_pane__JmCag .style_menu__aesqz .style_menuTitle__SSNnn {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  height: 20px;
}
.style_pane__JmCag .style_menu__aesqz .style_menuTitle__SSNnn.style_base__gPo6L {
  color: var(--firstLevelText);
}
.style_pane__JmCag .style_menu__aesqz .style_menuTitle__SSNnn div {
  margin-right: 2px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.style_pane__JmCag .style_menu__aesqz .style_menuTitle__SSNnn img {
  width: 16px;
  height: 16px;
}
.style_pane__JmCag .style_menu__aesqz .style_menuTitle__SSNnn .style_menuTag__bz3IT {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  height: 18px;
  margin-left: 4px;
  padding: 0 3px;
  font-size: 12px;
  font-weight: bold;
  color: var(--orange_400);
  border: 1px solid var(--orange_400);
}
.style_colorGroup__c0ZbG {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.style_colorGroup__c0ZbG .style_item__e_JXa {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 10%;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1 {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
  position: relative;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1 .style_borderWhite__lIJ1k {
  border: 2px solid transparent;
  border-radius: 50%;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1 .style_inner__759CV {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1.style_disabled__AZ63v {
  cursor: not-allowed;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1.style_disabled__AZ63v.style_colorSelected__x4R1H {
  border-color: var(--borderBrandDisabled) !important;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1.style_colorSelected__x4R1H {
  border-color: var(--borderBrandDefault) !important;
}
.style_colorGroup__c0ZbG .style_outer__bKtB1.style_active__rOj81::after {
  position: absolute;
  content: "";
  border: 2px solid var(--rc01);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: style_colorSelectEffect__XhjYP 0.36s ease-in-out;
  animation-fill-mode: both;
}
@media (any-hover: hover) {
  .style_colorGroup__c0ZbG .style_outer__bKtB1:hover(not:disabled) {
    border-color: rgba(var(--rc01-rgb), 50%);
  }
}
.style_mask__Y06HB {
  position: fixed;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--zIndex-10);
}
@keyframes style_colorSelectEffect__XhjYP {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .style_pane__JmCag {
    box-shadow: none;
    width: auto;
    padding: 0;
  }
  .style_pane__JmCag .style_menu__aesqz {
    width: auto;
    padding: 0;
    background-image: none !important;
  }
  .style_pane__JmCag .style_menu__aesqz:nth-child(2) {
    padding: 0;
  }
  .style_pane__JmCag .style_menu__aesqz .style_list__4Qo9S .style_outer__bKtB1 .style_inner__759CV {
    width: 22px / 375px * 100vw;
    height: 22px / 375px * 100vw;
  }
  .style_pane__JmCag .style_menu__aesqz .style_list__4Qo9S .style_outer__bKtB1.style_active__rOj81::after {
    width: 30px / 375px * 100vw;
    height: 30px / 375px * 100vw;
  }
  .style_pane__JmCag .style_editor__2qWUw {
    padding: 0;
  }
  .style_pane__JmCag .style_divider__dr3fU {
    margin: 16px 0;
  }
  .style_trigger__6Ff_I {
    margin-left: 8px;
    margin-right: 8px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__ReerF {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__EUppY {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__TFWw4 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__TFWw4 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__TFWw4 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__TFWw4 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__TFWw4 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__TFWw4 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__TFWw4 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__TFWw4 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__TFWw4 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ehi1X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__F11yl {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__H5pmR .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__H5pmR .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__H5pmR .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__H5pmR .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__H5pmR .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__H5pmR .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__H5pmR .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__H5pmR .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__H5pmR .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__H5pmR .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__H5pmR .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__H5pmR .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__H5pmR .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__H5pmR .editBgColor::before,
.style_tree__H5pmR .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__H5pmR .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__H5pmR .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__H5pmR .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__H5pmR .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__H5pmR .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__H5pmR .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__H5pmR .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__H5pmR .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__H5pmR .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__NY93S .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__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__NY93S .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__NY93S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__NY93S .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__NY93S .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__NY93S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__BZh65 .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__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__BZh65 .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__BZh65 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__BZh65 .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__BZh65 .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__BZh65 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BZh65 .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__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__BZh65 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__haWRP::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__haWRP::-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__haWRP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__VY9Rh::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__VY9Rh::-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__VY9Rh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__bn4xC {
  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__LJHK1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__LJHK1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__LJHK1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__LJHK1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__LJHK1 {
    flex: 0 0 100%;
  }
}
.style_optionContainer__RngTH {
  background: var(--defaultBg);
  box-shadow: 1px 1px 14px #e5e5e5;
}
.style_optionContainer__RngTH:focus {
  outline: 0;
}
.style_searchField__rLv_Q {
  padding: 8px;
}
.style_displayList__YryOI {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.style_displayList__YryOI::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_displayList__YryOI::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_displayList__YryOI::-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_displayList__YryOI:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_noResult__m0Ieb {
  font-size: 11px;
  padding-bottom: 8px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  text-align: center;
}
.style_displayListItem__cJe5I {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  width: 0;
}
.style_displayListItem__cJe5I .style_iconMove__d4ie3 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_displayListItem__cJe5I .style_iconMove__d4ie3 svg {
  fill: var(--thirdLevelText);
}
.style_displayListItem__cJe5I .style_iconMove__d4ie3.style_dragging__aXuu1 {
  display: flex;
}
.style_displayListItem__cJe5I .style_iconMove__d4ie3.style_dragging__aXuu1 svg {
  fill: var(--firstLevelText);
}
.style_displayListItem__cJe5I .style_colorReview__rOssO {
  display: flex;
  align-items: center;
  left: 10px;
  flex: 1;
  width: 0;
}
.style_itemContainer__R3xpg {
  display: flex;
  border-radius: 10px;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  align-items: center;
  flex: 1;
  width: auto;
  min-width: 0;
  max-width: -webkit-min-content;
  max-width: min-content;
}
.style_itemContainer__R3xpg .style_itemName__t_lvQ {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  -webkit-user-select: none;
          user-select: none;
  min-width: 20px;
  text-align: center;
}
.style_itemContainer__R3xpg .style_itemName__t_lvQ.style_itemNameEllipsis__k2QLM {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_addNewItem__Lrh_X {
  display: flex;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-left: 10px;
}
.style_addNewItem__Lrh_X span:nth-of-type(1) {
  display: inline-block;
  min-width: 40px;
  text-align: center;
}
.style_addNewItem__Lrh_X span:nth-of-type(2) {
  color: var(--secondLevelText);
  display: inline-block;
  max-width: 76%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .style_displayListItem__cJe5I {
    height: 48px;
    font-size: 14px;
  }
  .style_displayListItem__cJe5I .style_itemContainer__R3xpg {
    height: 24px;
    font-size: 14px;
    border-radius: 16px;
  }
  .style_displayListItem__cJe5I.style_hoveredFreeze__lyrQj,
  .style_displayListItem__cJe5I.style_hovered__H0Ho6:hover {
    background: none;
  }
  .style_displayListItem__cJe5I.style_hoveredFreeze__lyrQj .style_iconMove__d4ie3,
  .style_displayListItem__cJe5I.style_hovered__H0Ho6:hover .style_iconMove__d4ie3 {
    display: flex;
  }
  .style_displayListItem__cJe5I .style_colorReview__rOssO {
    position: static;
  }
  .style_addNewItem__Lrh_X {
    font-size: inherit;
  }
}
.style_optionItemWrapper__07d3H {
  padding: 0 8px;
  z-index: var(--zIndex-10);
  display: flex;
  align-items: center;
}
@media (any-hover: hover) {
  .style_optionItemWrapper__07d3H:hover {
    background: var(--rowSelectedBg);
  }
}
.style_optionItemWrapper__07d3H.isChecked {
  color: inherit;
}

/**
* 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__lEg1S {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__RP1k9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__48m7c ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__48m7c ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__48m7c 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__48m7c ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__48m7c li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__48m7c .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__48m7c .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__48m7c .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__48m7c .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zEX8I {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__IldTy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___ACsc .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___ACsc .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___ACsc .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___ACsc .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___ACsc .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___ACsc .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___ACsc .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___ACsc .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___ACsc .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___ACsc .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___ACsc .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___ACsc .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___ACsc .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___ACsc .editBgColor::before,
.style_tree___ACsc .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___ACsc .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___ACsc .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___ACsc .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___ACsc .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___ACsc .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___ACsc .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___ACsc .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___ACsc .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___ACsc .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ZOgUe .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__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ZOgUe .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__ZOgUe .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ZOgUe .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__ZOgUe .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ZOgUe .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Xzbpk .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__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Xzbpk .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__Xzbpk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Xzbpk .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__Xzbpk .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__Xzbpk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Xzbpk .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__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Xzbpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__W5GhM::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__W5GhM::-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__W5GhM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__jWPgQ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__jWPgQ::-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__jWPgQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__39uIp {
  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__RpNOH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RpNOH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RpNOH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RpNOH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RpNOH {
    flex: 0 0 100%;
  }
}
.style_optionsEditor__IPxNa {
  position: absolute;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
  background: var(--defaultBg);
}
@media screen and (min-width: 767.98px) {
  .style_itemName__TC2rw {
    font-size: 12px;
    line-height: 20px;
  }
}

.style_iconDelete__jxwTD {
  cursor: pointer;
  height: 16px;
  margin-left: 4px;
}
.style_displayBox__7Ayk9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.style_displayBox__7Ayk9.style_option__GeJj3 > div {
  flex-wrap: nowrap !important;
  align-self: auto;
}
.style_displayBox__7Ayk9 .style_content__p6fko {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_displayBox__7Ayk9 .style_content__p6fko .style_items__VuC6_ {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_displayBox__7Ayk9 .style_iconArrow__Ken41 {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}

/**
* 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_createWorkdoc__o_R_k {
  display: flex;
  align-items: center;
  color: var(--textCommonTertiary);
  padding-left: 8px;
  min-width: 100px;
  height: 40px;
}
.style_formWorkdocEditor__t5sNn {
  position: relative;
}
.style_formWorkdocEditor__t5sNn .style_status__JHrS4 {
  position: absolute;
  right: 12px;
  top: 8px;
}
.style_formWorkdocEditor__t5sNn .style_status__JHrS4 .style_connecting__Tda5Q {
  color: var(--warningColor);
}
.style_formWorkdocEditor__t5sNn .style_status__JHrS4 .style_disconnected__31Qh0 {
  color: var(--errorColor);
}
.style_formWorkdocEditor__t5sNn .editor {
  min-height: 128px;
  max-height: 560px;
  overflow: auto;
}
.style_formWorkdocEditor__t5sNn .status {
  line-height: 40px;
  padding-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_optionEditor__079t8 .ant-radio-wrapper {
  white-space: unset;
}
.style_optionEditor__079t8 .ant-radio-wrapper,
.style_optionEditor__079t8 .ant-checkbox-wrapper {
  display: flex;
}
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio-wrapper,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-checkbox-wrapper,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio-input,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-checkbox-input {
  cursor: default;
}
.style_optionEditor__079t8.style_disabled__JtwGe .ant-checkbox-wrapper:hover :not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background-color: var(--shadowColor);
}
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio-wrapper:hover .ant-radio,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio:hover .ant-radio-inner,
.style_optionEditor__079t8.style_disabled__JtwGe .ant-radio-input:focus + .ant-radio-inner {
  border-color: #d9d9d9;
}
.style_optionEditor__079t8.style_empty__VIOO4 {
  color: var(--thirdLevelText);
}
.style_optionEditor__079t8 .style_optionItemWrapper__kYrqS {
  margin-top: 16px;
}
.style_optionEditor__079t8 .style_optionItemWrapper__kYrqS:first-child {
  margin-top: 0;
}
.style_addBtn__XhlUX .style_inner__wrOQM {
  vertical-align: middle;
}
.style_addBtn__XhlUX .style_addIcon__5v6H0 {
  margin-right: 5px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
@font-face {
  font-family: "fieldIndexFamily";
  src: url(/_next/static/media/Rubik-Bold.8df8a363.ttf);
}
.form-field-ui-transition-enter {
  opacity: 0;
}
.form-field-ui-transition-enter-active {
  opacity: 1;
  transition: opacity 500ms;
}
.style_formFieldContainer__HvGzo {
  width: 100%;
}
.style_formFieldContainer__HvGzo .attachmentPreviewItem {
  z-index: var(--formAttachment);
}
.style_formFieldContainer__HvGzo .textEditorInput,
.style_formFieldContainer__HvGzo .numberEditorInput {
  min-height: 40px;
}
.style_formField__bRuvE {
  margin-bottom: 40px;
}
.style_formField__bRuvE[data-hasError="true"] .style_title__YkfwK {
  color: var(--red_500);
}
.style_formField__bRuvE[data-hasError="true"] .style_displayItem__BTiA2 {
  box-shadow: 0px 0px 0px 1px var(--red_500);
}
.style_formField__bRuvE:hover .style_title__YkfwK > .style_buttonsGroup__JV7ME {
  display: flex;
}
.style_formField__bRuvE .style_title__YkfwK {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: var(--firstLevelText);
}
.style_formField__bRuvE .style_title__YkfwK[data-required="true"]::before {
  content: "*";
  font-size: 16px;
  color: var(--red_500);
  position: absolute;
  left: -16px;
  top: -4px;
  font-family: "Segoe UI Symbol";
}
.style_formField__bRuvE .style_title__YkfwK .style_indexClass__OzCNk {
  margin-right: 8px;
  font-family: "fieldIndexFamily";
  font-size: 24px;
  font-feature-settings: "init";
  font-variant: none;
}
.style_formField__bRuvE .style_title__YkfwK .style_titleText__Pk4Je {
  white-space: pre-wrap;
  word-break: break-word;
}
.style_formField__bRuvE .style_title__YkfwK .style_buttonsGroup__JV7ME {
  background: linear-gradient(270deg, var(--defaultBg) 83.61%, rgba(var(--fc5-rgb), 0) 100%);
  display: none;
  height: 100%;
  padding-left: 24px;
  position: absolute;
  right: 0;
}
.style_formField__bRuvE .style_title__YkfwK .style_buttonsGroup__JV7ME.style_touchDevice__G2Q9V {
  background: var(--defaultBg);
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding-left: 16px;
  position: inherit;
}
.style_formField__bRuvE .style_errorMsg__93UO2 {
  font-size: 14px;
  color: var(--red_500);
  padding: 8px 0;
  margin-top: -16px;
}
.style_formField__bRuvE .style_fieldDesc__BDVAQ {
  margin-top: -12px;
  margin-bottom: 4px;
  font-size: 13px;
  word-break: normal;
  word-wrap: break-word;
  color: var(--black_500);
  line-height: 20px;
  white-space: pre-wrap;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.style_formField__bRuvE .style_showMore__Inm1N,
.style_formField__bRuvE .style_showLess__A7FWr {
  margin-bottom: 8px;
}
.style_formField__bRuvE .style_showMore__Inm1N > span,
.style_formField__bRuvE .style_showLess__A7FWr > span {
  font-size: 12px;
}
.style_displayItem__BTiA2 {
  width: 100%;
  min-height: 40px;
  background: var(--lowestBg);
  border-radius: 4px;
}
.style_displayItem__BTiA2 > div {
  outline: none;
  box-shadow: none;
}
.style_displayItem__BTiA2.style_editable__UppeB {
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .style_displayItem__BTiA2.style_editable__UppeB input,
  .style_displayItem__BTiA2.style_editable__UppeB textarea {
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    border-radius: 4px;
  }
  .style_displayItem__BTiA2.style_editable__UppeB:hover,
  .style_displayItem__BTiA2.style_editable__UppeB > input:hover,
  .style_displayItem__BTiA2.style_editable__UppeB > textarea:hover {
    box-shadow: 0px 0px 0px 1px var(--fc5);
  }
  .style_displayItem__BTiA2.style_editable__UppeB:focus-within,
  .style_displayItem__BTiA2.style_editable__UppeB > input:focus,
  .style_displayItem__BTiA2.style_editable__UppeB textarea:focus {
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
    background-color: var(--defaultBg);
  }
}
.style_displayItem__BTiA2.style_disable__d7V5n {
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .style_displayItem__BTiA2.style_disable__d7V5n input,
  .style_displayItem__BTiA2.style_disable__d7V5n textarea {
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
  }
  .style_displayItem__BTiA2.style_disable__d7V5n:hover,
  .style_displayItem__BTiA2.style_disable__d7V5n > input:hover,
  .style_displayItem__BTiA2.style_disable__d7V5n > textarea:hover {
    box-shadow: 0px 0px 0px 1px var(--fc5);
  }
}
.style_displayItem__BTiA2.style_invalid__OSWFQ {
  border: 1px solid var(--text-negative);
}
.style_displayItem__BTiA2.style_needPosition__u4oDd {
  position: relative;
}
.style_displayItem__BTiA2.style_active__VMlaS {
  background: var(--defaultBg);
  box-shadow: 0px 0px 0px 1px var(--primaryColor) !important;
}
.style_displayItem__BTiA2.style_autoFit__W7c6x {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.style_displayItem__BTiA2.style_displayItemMobile__OEVg_ {
  padding: 0 16px 0 6px;
  min-height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.style_displayItem__BTiA2.style_displayItemMobile__OEVg_ > div {
  outline: none;
  box-shadow: none;
}
.style_addBtn__42ct3 {
  background-color: var(--shadowColor);
  cursor: default;
}
.style_addBtn__42ct3:active {
  background-color: var(--shadowColor);
}
.style_addBtn__42ct3 .style_inner__gcC3d {
  display: flex;
  align-items: center;
}
.style_addBtn__42ct3 .style_addIcon__xyJPz {
  margin-right: 5px;
}
.style_formFormula__xXX2i {
  display: flex !important;
  align-items: center;
  min-height: 40px;
}
.style_formFormula__xXX2i .cellText {
  padding-top: 0;
}
.style_formWorkdoc___BnVZ {
  min-height: 40px;
}
.style_formLookup__4NoOP > div {
  line-height: 32px;
  font-size: 13px;
}
.style_lookupOption__InYIt {
  padding: 4px 3px;
  transition: none !important;
}
.style_lookupOption__InYIt .optionCellContainer {
  flex-wrap: wrap;
}
.style_formFieldItem__7Rbo8 .optionCellContainer {
  flex-wrap: wrap;
  padding-top: 7px;
  padding-bottom: 7px;
}
.style_formFieldItem__7Rbo8 .createWorkdoc {
  height: 40px;
  padding-top: 0;
}
.style_formFieldItem__7Rbo8 .cascaderContainer {
  background: var(--lowestBg) !important;
}
.style_formFieldItem__7Rbo8 .cascaderContainer .ant-select-selector .ant-select-selection-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px !important;
}
.style_formCellNumber__FtK9V {
  padding: 0 10px !important;
  line-height: 40px !important;
}
.style_formLookUpFieldEmpty__y3wAk {
  color: var(--fc1);
  padding: 4px 8px;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .style_needPosition__u4oDd .ant-drawer-inline,
  .style_formFieldItem__7Rbo8 .ant-drawer-inline {
    position: fixed !important;
  }
  .style_needPosition__u4oDd .cascaderContainer,
  .style_formFieldItem__7Rbo8 .cascaderContainer {
    padding: 0 16px 0 6px;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
}

/**
* 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__Vz2yu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__WHKZc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__5UE4L ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__5UE4L ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__5UE4L 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__5UE4L ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__5UE4L li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__5UE4L .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__5UE4L .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__5UE4L .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__5UE4L .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Np2kE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__BgGxi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Zq2XV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Zq2XV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Zq2XV .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__Zq2XV .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__Zq2XV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Zq2XV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Zq2XV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Zq2XV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Zq2XV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Zq2XV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Zq2XV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Zq2XV .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__Zq2XV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Zq2XV .editBgColor::before,
.style_tree__Zq2XV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Zq2XV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Zq2XV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Zq2XV .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__Zq2XV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Zq2XV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Zq2XV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Zq2XV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Zq2XV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Zq2XV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Q4zGd .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__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Q4zGd .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__Q4zGd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Q4zGd .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__Q4zGd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Q4zGd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__aX8TN .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__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__aX8TN .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__aX8TN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__aX8TN .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__aX8TN .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__aX8TN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aX8TN .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__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__aX8TN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__y98Tq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__y98Tq::-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__y98Tq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__SysOG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__SysOG::-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__SysOG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Pffkj {
  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__lxg8z {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lxg8z {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lxg8z {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lxg8z {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lxg8z {
    flex: 0 0 100%;
  }
}
.style_searchEmpty__7mOMU {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchEmpty__7mOMU .style_emptyImage__usH1O {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchEmpty__7mOMU .style_emptyText__Wuqk9 {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchEmpty__7mOMU .style_emptyText__Wuqk9 span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchResult__AtNGt {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchResult__AtNGt::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchResult__AtNGt::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchResult__AtNGt::-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_searchResult__AtNGt:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchResult__AtNGt .style_nodeTitle__EuBNp {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}

/**
* 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__O0VAy {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__OMBDO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__YIGgd ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__YIGgd ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__YIGgd 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__YIGgd ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__YIGgd li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__YIGgd .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__YIGgd .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__YIGgd .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__YIGgd .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__DhOLk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__2QDnv {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Z8A8u .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Z8A8u .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Z8A8u .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__Z8A8u .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__Z8A8u .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Z8A8u .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Z8A8u .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Z8A8u .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Z8A8u .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Z8A8u .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Z8A8u .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Z8A8u .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__Z8A8u .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Z8A8u .editBgColor::before,
.style_tree__Z8A8u .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Z8A8u .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Z8A8u .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Z8A8u .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__Z8A8u .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Z8A8u .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Z8A8u .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Z8A8u .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Z8A8u .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Z8A8u .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__pYMYS .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__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__pYMYS .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__pYMYS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__pYMYS .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__pYMYS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__pYMYS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__9bKDD .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__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__9bKDD .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__9bKDD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__9bKDD .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__9bKDD .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__9bKDD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9bKDD .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__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__9bKDD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__elHon::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__elHon::-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__elHon:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__3Eh4K::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__3Eh4K::-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__3Eh4K:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__m_PDf {
  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__PMNjC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__PMNjC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__PMNjC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__PMNjC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__PMNjC {
    flex: 0 0 100%;
  }
}
.style_portalContainer__aL6kY {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--overAntModal);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--deepMaskColor);
}
.style_portalContainerDrawer__xIx7p {
  width: 100%;
  height: 100%;
}
.style_portalContainerDrawer__xIx7p .style_searchPanelContainer__U2Li0 {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_portalContainerDrawer__xIx7p .style_searchPanelContainer__U2Li0 .style_coverImg__CkKYF {
  width: 100%;
  height: 110px;
}
.style_portalContainerDrawer__xIx7p .style_searchPanelContainer__U2Li0 .style_searchPanelTitle__TlFYR {
  font-size: 18px;
}
.style_portalContainerDrawer__xIx7p .style_searchPanelContainer__U2Li0 .style_searchPanel__3KIVX {
  width: 100%;
  display: flex;
  flex: 1;
}
.style_searchPanel__3KIVX {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanel__3KIVX.style_searchPanelLeft__pcQq6 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__3KIVX .style_narrowBtn__ZNLEQ {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__3KIVX .style_searchPanelTitle__TlFYR {
  display: flex;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__3KIVX .style_searchPanelTitle__TlFYR .style_helpBtn____xuz {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__3KIVX .style_folderBreadItem__q3Wgy:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__3KIVX .style_searchResult__R7m7I .style_nodeTitle__Fpi2M {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__3KIVX .style_searchEmpty__TK2ff {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__3KIVX .style_searchEmpty__TK2ff .style_emptyImage__T82zy {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__3KIVX .style_searchEmpty__TK2ff .style_emptyText__mDWUn {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__3KIVX .style_searchEmpty__TK2ff .style_emptyText__mDWUn span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__3KIVX .style_folderContent__FGHIe {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__3KIVX .style_loading__hznHZ {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__3KIVX .style_emptyFolder__JguTf .style_emptyImg__PRBdl {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__3KIVX .style_emptyFolder__JguTf p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
.style_breadCrumb__8I96M {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_breadCrumb__8I96M .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_breadCrumb__8I96M .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_breadCrumb__8I96M .ant-breadcrumb ol li {
  display: flex;
}
.style_breadCrumb__8I96M .ant-breadcrumb-separator {
  margin: 0 2px;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__U2Li0 .style_searchPanel__3KIVX {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__oRIJz {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__oRIJz button {
  margin-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__bztum {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__xXpcL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__5ZwJ1 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__5ZwJ1 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__5ZwJ1 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__5ZwJ1 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__5ZwJ1 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__5ZwJ1 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__5ZwJ1 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__5ZwJ1 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__5ZwJ1 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__hEmBq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__K1VhG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__UfyKM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__UfyKM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__UfyKM .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__UfyKM .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__UfyKM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__UfyKM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__UfyKM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__UfyKM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__UfyKM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__UfyKM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__UfyKM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__UfyKM .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__UfyKM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__UfyKM .editBgColor::before,
.style_tree__UfyKM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__UfyKM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__UfyKM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__UfyKM .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__UfyKM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__UfyKM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__UfyKM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__UfyKM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__UfyKM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__UfyKM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__1T4qX .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__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__1T4qX .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__1T4qX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__1T4qX .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__1T4qX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__1T4qX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Z3SQS .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__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Z3SQS .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__Z3SQS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Z3SQS .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__Z3SQS .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__Z3SQS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Z3SQS .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__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Z3SQS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8SNxe::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8SNxe::-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__8SNxe:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__plY57::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__plY57::-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__plY57:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9Kk4V {
  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__XRset {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__XRset {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__XRset {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__XRset {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__XRset {
    flex: 0 0 100%;
  }
}
.style_nodeContainerWrapper__GvsRq {
  padding: 0 16px;
}
.style_nodeContainer__Bu3jO {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}
.style_nodeContainer__Bu3jO.style_viewNodeContainer__yLhfo {
  padding: 0 24px;
}
.style_nodeContainer__Bu3jO:hover,
.style_nodeContainer__Bu3jO.style_active__eTkbT {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__Bu3jO.style_active__eTkbT {
  color: var(--primaryColor);
}
.style_nodeContainer__Bu3jO.style_disable__9o_kZ svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__Bu3jO.style_disable__9o_kZ .style_text__sYrah {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__Bu3jO svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__Bu3jO svg.style_leftIcon__rCtHX {
  margin-right: 10px;
}
.style_nodeContainer__Bu3jO svg.style_rightIcon__ohsRi {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__Bu3jO .style_text__sYrah {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__Bu3jO .style_text__sYrah.style_rightText__pYa4N {
  margin-left: 10px;
}
.style_nodeContainer__Bu3jO .style_budget__JFHTe {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  background: var(--fourthLevelText);
  border-radius: 2px;
  font-size: 10px;
  color: white;
  line-height: 16px;
  vertical-align: middle;
}
.style_formPreviewer__9pO8Z {
  position: relative;
  background-color: var(--lowestBg);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__9pO8Z .style_scrollContainer__FwiKd {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__9pO8Z .style_panelTitleDesc__0GM1z {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__9pO8Z .style_panelTitle__YVl1O {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 {
  margin: 32px 0 48px;
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 .style_formField__9NrSL {
  margin-bottom: 24px;
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 .style_formField__9NrSL .style_title__wxULT {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 .style_formField__9NrSL .style_title__wxULT[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__9pO8Z .style_panelContent__toGW0 .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__9pO8Z .style_panelFooter__Loq_X {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__eQ7Cs {
  height: 100%;
}
.style_formPreviewerMobile__eQ7Cs .style_scrollContainer__FwiKd {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__eQ7Cs .style_scrollContainer__FwiKd .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__eQ7Cs .style_scrollContainer__FwiKd .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList__TGLw6 {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList__TGLw6 h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList__TGLw6 .style_widgetListWrap__9QEm9 {
  position: relative;
  flex: 1;
}
.style_widgetList__TGLw6 .style_scroll__jyldQ {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA .style_checked__Rrrq3 {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA .style_checked__Rrrq3 svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA.style_selected__k99Ty {
  border-color: var(--primaryColor);
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA.style_selected__k99Ty .style_checked__Rrrq3 {
  display: block;
}
.style_widgetList__TGLw6 .style_widgetItem__eJzGA .style_widgetIconBox__rD8Cn {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
}
.style_emptyImg__TafNk {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__6wfR_ {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__6wfR_ .style_img__sep_6 {
  width: 180px;
}
.style_emptyTipWrap__6wfR_ .style_emptyTip__24qwS {
  position: relative;
  top: 8px;
  font-size: 13px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__8_rG7 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__YrTZy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___IXm7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___IXm7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___IXm7 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___IXm7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___IXm7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___IXm7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___IXm7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___IXm7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___IXm7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__qs5bq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__fbayW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__XhROI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__XhROI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__XhROI .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__XhROI .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__XhROI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__XhROI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__XhROI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__XhROI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__XhROI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__XhROI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__XhROI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__XhROI .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__XhROI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__XhROI .editBgColor::before,
.style_tree__XhROI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__XhROI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__XhROI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__XhROI .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__XhROI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__XhROI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__XhROI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__XhROI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__XhROI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__XhROI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__udr9r .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__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__udr9r .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__udr9r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__udr9r .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__udr9r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__udr9r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__9e5Zm .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__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__9e5Zm .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__9e5Zm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__9e5Zm .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__9e5Zm .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__9e5Zm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9e5Zm .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__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__9e5Zm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__XkS8c::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__XkS8c::-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__XkS8c:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__kVXIx::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__kVXIx::-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__kVXIx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__pGJc2 {
  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__h8_9N {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__h8_9N {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__h8_9N {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__h8_9N {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__h8_9N {
    flex: 0 0 100%;
  }
}
.style_container__HewrF {
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.style_searchPanel__sV7if {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanel__sV7if.style_searchPanelLeft__zNr1Q {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__sV7if .style_narrowBtn__fftqz {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__sV7if .style_searchPanelTitle__b_aSF {
  display: flex;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__sV7if .style_searchPanelTitle__b_aSF .style_helpBtn__5_Iie {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__sV7if .style_folderBreadItem__UPpWS:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__sV7if .style_searchResult__loK3e {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__sV7if .style_searchResult__loK3e::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__sV7if .style_searchResult__loK3e::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__sV7if .style_searchResult__loK3e::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_searchPanel__sV7if .style_searchResult__loK3e:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__sV7if .style_searchResult__loK3e .style_nodeTitle__iTFUP {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__sV7if .style_searchEmpty__1XQvr {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__sV7if .style_searchEmpty__1XQvr .style_emptyImage__hh3Mk {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__sV7if .style_searchEmpty__1XQvr .style_emptyText__ygQKK {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__sV7if .style_searchEmpty__1XQvr .style_emptyText__ygQKK span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__sV7if .style_folderContent__rh8_Q {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__sV7if .style_breadCrumb__gfLt2 {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanel__sV7if .style_breadCrumb__gfLt2 .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanel__sV7if .style_breadCrumb__gfLt2 .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanel__sV7if .style_breadCrumb__gfLt2 .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanel__sV7if .style_breadCrumb__gfLt2 .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanel__sV7if .style_loading__es6DT {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__sV7if .style_emptyFolder__XCNQj .style_emptyImg__5bV8U {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__sV7if .style_emptyFolder__XCNQj p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__pRtBn .style_searchPanel__sV7if {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__7p60c {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__7p60c button {
  margin-left: 8px;
}
.style_chatbotCreateButtonGroupFooter___HQA5 {
  display: flex;
  justify-content: flex-end;
  padding: 16px 16px 16px 0;
}
.style_chatbotCreateButtonGroupFooter___HQA5 button {
  margin-left: 8px;
}

.style_sideModal__SNpIT,
.style_fullScreenModal__8RnWy {
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_sideModal__SNpIT {
  z-index: 2;
}
.style_fullScreenModal__8RnWy {
  z-index: 999;
}

/**
* 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__TbF7G {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__iLfPf {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__fXzzO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__fXzzO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__fXzzO 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__fXzzO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__fXzzO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__fXzzO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__fXzzO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__fXzzO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__fXzzO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__jDl22 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__BfEdE {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__o0cRj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__o0cRj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__o0cRj .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__o0cRj .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__o0cRj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__o0cRj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__o0cRj .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__o0cRj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__o0cRj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__o0cRj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__o0cRj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__o0cRj .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__o0cRj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__o0cRj .editBgColor::before,
.style_tree__o0cRj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__o0cRj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__o0cRj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__o0cRj .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__o0cRj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__o0cRj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__o0cRj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__o0cRj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__o0cRj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__o0cRj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__bwaXs .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__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__bwaXs .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__bwaXs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__bwaXs .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__bwaXs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__bwaXs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__G6ihF .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__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__G6ihF .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__G6ihF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__G6ihF .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__G6ihF .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__G6ihF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__G6ihF .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__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__G6ihF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__zMCit::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__zMCit::-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__zMCit:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__koZF5::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__koZF5::-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__koZF5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__vyluV {
  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__9KWIP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__9KWIP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__9KWIP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__9KWIP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__9KWIP {
    flex: 0 0 100%;
  }
}
.style_iconWrapper__8uey_ {
  margin-left: 4px;
  display: inline-block;
}
.style_iconWrapper__8uey_ svg {
  vertical-align: -0.125em;
}
.style_textWrapper__4X5R_ {
  display: inline-block;
  color: var(--primaryColor);
  margin-right: 4px;
  vertical-align: 0.07em;
}
.style_textWrapper__4X5R_ svg {
  fill: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__9L_KD {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__5_wiQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__ZMQs3 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__ZMQs3 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__ZMQs3 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__ZMQs3 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__ZMQs3 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__ZMQs3 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__ZMQs3 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__ZMQs3 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__ZMQs3 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__o96b2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__8DhRy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__wQ0SJ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__wQ0SJ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__wQ0SJ .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__wQ0SJ .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__wQ0SJ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__wQ0SJ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__wQ0SJ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__wQ0SJ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__wQ0SJ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__wQ0SJ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__wQ0SJ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__wQ0SJ .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__wQ0SJ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__wQ0SJ .editBgColor::before,
.styles_tree__wQ0SJ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__wQ0SJ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__wQ0SJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__wQ0SJ .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__wQ0SJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__wQ0SJ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__wQ0SJ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__wQ0SJ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__wQ0SJ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__wQ0SJ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__NSri2 .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__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__NSri2 .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__NSri2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__NSri2 .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__NSri2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__NSri2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__GQDXn .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__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__GQDXn .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__GQDXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__GQDXn .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__GQDXn .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__GQDXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__GQDXn .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__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__GQDXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__44Ny7::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__44Ny7::-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__44Ny7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__VPygC::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__VPygC::-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__VPygC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__k3lnE {
  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__p2_nG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__p2_nG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__p2_nG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__p2_nG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__p2_nG {
    flex: 0 0 100%;
  }
}
.styles_deleteConfirmContainer__vu_fr {
  position: relative;
}
.styles_deleteConfirmContainer__vu_fr .styles_title__F660i {
  font-size: 18px;
  margin: 0;
  color: var(--firstLevelText);
}
.styles_deleteConfirmContainer__vu_fr .styles_close__cXQN7 {
  cursor: pointer;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 15px;
  height: 15px;
  fill: var(--fourthLevelText);
}
.styles_deleteConfirmContainer__vu_fr .styles_unLinkImg__dtlEt {
  display: block;
  margin: 30px auto;
  width: 160px;
}
.styles_deleteConfirmContainer__vu_fr .styles_datasheetInfo__jT352 {
  margin-bottom: 16px;
}
.styles_deleteConfirmContainer__vu_fr .styles_datasheetInfo__jT352 .styles_datasheetName__AuJAe {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.styles_deleteConfirmContainer__vu_fr .styles_datasheetInfo__jT352 .ant-radio-wrapper {
  white-space: normal;
}
.styles_deleteConfirmContainer__vu_fr .styles_datasheetInfo__jT352 .styles_fieldDesc__xR__L,
.styles_deleteConfirmContainer__vu_fr .styles_datasheetInfo__jT352 .styles_fieldDesc__xR__L .styles_text__22enp {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-bottom: 8px;
}
.styles_deleteConfirmContainer__vu_fr .styles_footer___QUG_ {
  overflow: hidden;
  padding-top: 20px;
}
.styles_deleteConfirmContainer__vu_fr .styles_footer___QUG_ .styles_footerLeft__BBvb3 {
  float: left;
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-top: 8px;
}
.styles_deleteConfirmContainer__vu_fr .styles_footer___QUG_ .styles_footerLeft__BBvb3 button {
  margin-right: 8px;
}
.styles_deleteConfirmContainer__vu_fr .styles_footer___QUG_ .styles_buttonGroup__M2LOR {
  float: right;
}
.styles_deleteConfirmContainer__vu_fr .styles_footer___QUG_ .styles_buttonGroup__M2LOR button {
  margin-left: 20px;
}

.style_antiEllipsis__0Q34l {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__IR9Zy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Qih25 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Qih25 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Qih25 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__Qih25 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Qih25 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Qih25 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Qih25 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Qih25 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Qih25 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__UMHAc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__9tngj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__mtPha .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__mtPha .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__mtPha .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__mtPha .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__mtPha .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__mtPha .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__mtPha .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__mtPha .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__mtPha .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__mtPha .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__mtPha .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__mtPha .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__mtPha .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__mtPha .editBgColor::before,
.style_tree__mtPha .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__mtPha .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__mtPha .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__mtPha .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__mtPha .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__mtPha .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__mtPha .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__mtPha .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__mtPha .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__mtPha .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Hlc_F .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__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Hlc_F .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__Hlc_F .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Hlc_F .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__Hlc_F .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Hlc_F .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__NQszD .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__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__NQszD .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__NQszD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__NQszD .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__NQszD .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__NQszD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NQszD .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__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__NQszD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__kxH4z::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__kxH4z::-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__kxH4z:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__jISex::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__jISex::-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__jISex:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__q4Yjl {
  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__WDw1_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__WDw1_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__WDw1_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__WDw1_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__WDw1_ {
    flex: 0 0 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_viewLockModal__iIi_7 .ant-modal-close {
  display: none;
}
.style_viewLockModal__iIi_7 .ant-modal-header {
  padding: 16px 16px 0;
}
.style_viewLockModal__iIi_7 .ant-modal-body {
  padding: 0 16px 16px;
}
.style_modalTitle__2070O {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.style_modalTitle__2070O svg {
  cursor: pointer;
}
.style_modalTitle__2070O > div:first-child,
.style_modalTitle__2070O > div:first-child a {
  display: flex;
  align-items: center;
}
.style_modalTitle__2070O a {
  margin-left: 8px;
}
.style_rcTextArea__dFpNb {
  resize: none !important;
  margin-top: 8px !important;
  padding: 8px !important;
}
.style_buttonGroup__S83Y3 {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.style_buttonGroup__S83Y3 button:first-child {
  margin-right: 8px;
}
.style_operator__tRxva {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
}
.style_operator__tRxva span {
  margin-right: 4px;
}
.style_desc__A2Q28 {
  background: var(--lowestBg);
  padding: 8px !important;
  max-height: 148px;
  overflow: auto;
  border-radius: 4px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__m1YON {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__P2tHB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__gajrl ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__gajrl ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__gajrl 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__gajrl ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__gajrl li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__gajrl .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__gajrl .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__gajrl .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__gajrl .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__QrB6L {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__swrcJ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__qs8_Q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__qs8_Q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__qs8_Q .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__qs8_Q .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__qs8_Q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__qs8_Q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__qs8_Q .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__qs8_Q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__qs8_Q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__qs8_Q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__qs8_Q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__qs8_Q .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__qs8_Q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__qs8_Q .editBgColor::before,
.style_tree__qs8_Q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__qs8_Q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__qs8_Q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__qs8_Q .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__qs8_Q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__qs8_Q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__qs8_Q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__qs8_Q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__qs8_Q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__qs8_Q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___RhFs .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___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___RhFs .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___RhFs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___RhFs .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___RhFs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___RhFs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__i2EW0 .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__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__i2EW0 .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__i2EW0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__i2EW0 .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__i2EW0 .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__i2EW0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__i2EW0 .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__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__i2EW0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__tg_kU::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__tg_kU::-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__tg_kU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ZSgED::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ZSgED::-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__ZSgED:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ROIto {
  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__8hIj3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__8hIj3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__8hIj3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__8hIj3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__8hIj3 {
    flex: 0 0 100%;
  }
}
.style_overlayStyle__9rqCM {
  z-index: 1002;
  width: 320px;
  background: var(--highestBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
  border: 1px solid var(--borderCommonDefault);
}
.style_badgeIcon__fSAcn .ant-badge-dot {
  background: var(--bgDangerDefault);
  box-shadow: 0 0 0 1px var(--bgCommonLower);
}
.style_syncSpan__s72tJ {
  transition: fill 0.3s;
  position: relative;
}
.style_syncSpan__s72tJ .style_arrow__H8DDG {
  position: absolute;
  bottom: -10px;
  left: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 8px 7px;
  border-color: transparent transparent var(--highestBg) transparent;
  z-index: 1001;
}
.style_syncSpan__s72tJ.style_noStatus__CptXW svg {
  fill: var(--deepPurple_200) !important;
}
.style_syncSpan__s72tJ.style_noStatus__CptXW svg:hover {
  fill: var(--primaryColor) !important;
}
.style_content__7mPiY {
  padding: 16px;
  position: relative;
}
.style_content__7mPiY .style_footer__VJ6nY {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_content__7mPiY .style_closeIcon__tLN7H {
  position: absolute;
  top: 14px;
  right: 14px;
  border-radius: 4px;
}
.style_content__7mPiY .style_title__c0P0U {
  max-width: calc(100% - 20px);
}
.style_mobileTip__ZKlX3 {
  position: fixed;
  z-index: var(--zIndex-9);
  top: 40px;
  left: 0;
  right: 0;
  height: 40px;
  padding: 0 16px;
  background: var(--bgBrandLightDefaultSolid);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_mobileTip__ZKlX3 .style_infoIcon__W8lSz {
  color: var(--textBrandDefault);
}
.style_mobileTip__ZKlX3 p {
  margin-left: 8px;
  flex: 1;
  color: var(--primaryColor);
}
.style_mobileTip__ZKlX3 .style_buttons__bLqce {
  display: flex;
  align-items: center;
  gap: 12px;
}
.style_mobileTip__ZKlX3 .style_cancelBtn__CQz_v {
  background: transparent;
}
.style_mobileTip__ZKlX3 .style_confirmBtn__EsyDm {
  line-height: 24px;
  display: flex;
  align-items: center;
  height: 24px;
}
.style_mobileTip__ZKlX3 > * {
  display: flex;
  align-items: center;
}
.style_cancelText__d6Hln {
  color: var(--textCommonTertiary) !important;
}
.style_borderNone__AmWQ8 span {
  border: none;
}
.style_viewSyncAlert__U4WTp {
  position: fixed;
  width: 300px;
  top: 24px;
  right: 0;
  background: var(--highestBg);
  z-index: 1000;
  border-radius: 4px;
  box-shadow: var(--shadowCommonHighest);
  transition: right 0.2s ease-out, opacity 0.2s ease-out;
}
.style_viewSyncAlert__U4WTp.style_show__inEFx {
  right: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__RHO8F {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__7Bf_Y {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__hLi9Y ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__hLi9Y ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__hLi9Y 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__hLi9Y ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__hLi9Y li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__hLi9Y .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__hLi9Y .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__hLi9Y .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__hLi9Y .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__g7PXS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Unq5v {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__joLM4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__joLM4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__joLM4 .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__joLM4 .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__joLM4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__joLM4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__joLM4 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__joLM4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__joLM4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__joLM4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__joLM4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__joLM4 .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__joLM4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__joLM4 .editBgColor::before,
.style_tree__joLM4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__joLM4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__joLM4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__joLM4 .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__joLM4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__joLM4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__joLM4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__joLM4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__joLM4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__joLM4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__33RJ8 .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__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__33RJ8 .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__33RJ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__33RJ8 .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__33RJ8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__33RJ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ryxDV .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__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ryxDV .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__ryxDV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ryxDV .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__ryxDV .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__ryxDV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ryxDV .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__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ryxDV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__qRLra::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__qRLra::-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__qRLra:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gnquZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gnquZ::-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__gnquZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__2a0q8 {
  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__jjlKz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__jjlKz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__jjlKz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__jjlKz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__jjlKz {
    flex: 0 0 100%;
  }
}
.style_section__z1OKs {
  margin-bottom: 16px;
}
.style_section__z1OKs .style_sectionTitle__K1KMn {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.style_section__z1OKs .style_sectionInfo__X7veP {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
}
.style_section__z1OKs .style_sectionInfo__X7veP .style_text__JgyLa {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_section__z1OKs .style_sectionInfo__X7veP .style_arrow__Rw2ev {
  display: flex;
  align-items: center;
}

/**
* 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__102I9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__3gqjS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__YBrVu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__YBrVu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__YBrVu 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__YBrVu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__YBrVu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__YBrVu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__YBrVu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__YBrVu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__YBrVu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__7h8Pk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__7GuhY {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__d9vMP .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__d9vMP .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__d9vMP .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__d9vMP .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__d9vMP .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__d9vMP .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__d9vMP .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__d9vMP .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__d9vMP .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__d9vMP .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__d9vMP .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__d9vMP .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__d9vMP .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__d9vMP .editBgColor::before,
.styles_tree__d9vMP .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__d9vMP .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__d9vMP .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__d9vMP .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__d9vMP .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__d9vMP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__d9vMP .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__d9vMP .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__d9vMP .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__d9vMP .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__lHTvG .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__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__lHTvG .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__lHTvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__lHTvG .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__lHTvG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__lHTvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ZIStH .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__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ZIStH .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__ZIStH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ZIStH .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__ZIStH .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__ZIStH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZIStH .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__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ZIStH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__txOUX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__txOUX::-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__txOUX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Ezhrg::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Ezhrg::-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__Ezhrg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Y5uus {
  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__HXNya {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__HXNya {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__HXNya {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__HXNya {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__HXNya {
    flex: 0 0 100%;
  }
}
.styles_typeSelect__4pvLf {
  width: 240px;
  padding: 8px 0 16px;
  display: flex;
  flex-direction: column;
}
.styles_typeSelect__4pvLf h1 {
  font-size: 16px;
  color: var(--firstLevelText);
  margin-bottom: 8px;
  padding: 0 16px;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j {
  width: 100%;
  height: 40px;
  padding: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  color: var(--textCommonPrimary);
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j .styles_icon___pJl6 {
  display: flex;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j .styles_desc__n35wG {
  padding-left: 8px;
  box-sizing: border-box;
  text-align: center;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j .styles_title__nOcoX {
  word-break: keep-all;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j .styles_beta__DR1XN {
  margin-left: auto;
  font-size: 12px;
  color: var(--rainbowPurple5);
  background-color: var(--rainbowPurple2);
  border-radius: 4px;
  padding: 2px 6px;
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j .styles_new__h3H8S {
  margin-left: auto;
  font-size: 12px;
  color: var(--textStaticPrimary);
  background-color: var(--rainbowRed5);
  border-radius: 12px;
  padding: 2px 6px;
}
@media (any-hover: hover) {
  .styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j:hover {
    background-color: var(--bgBglessHover);
  }
  .styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j:active {
    background-color: var(--bgBglessActive);
  }
}
.styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j.styles_active__UgKKZ {
  color: var(--textBrandDefault);
  background-color: var(--bgBrandLightDefault);
}
.styles_fieldIcon__kl9W5 {
  width: 38px;
  height: 38px;
}
.styles_tip__4B3Y9 {
  width: 240px;
  background: var(--fc1);
  color: var(--static-black);
  padding: 8px;
  border-radius: 4px;
}
.styles_tip__4B3Y9 h3 {
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--defaultBg);
}
.styles_tip__4B3Y9 p {
  color: rgba(var(--defaultBg-rgb), 70%);
  font-size: 12px;
  margin-bottom: 0;
}
.styles_last1MarginBottom0__N8V4m:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last2MarginBottom0__YtexV:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last2MarginBottom0__YtexV:nth-last-child(2) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__UHYUW:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__UHYUW:nth-last-child(2) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__UHYUW:nth-last-child(3) {
  margin-bottom: 0;
}
.styles_searchInput__0n7Bf {
  margin: 0 16px 16px;
}
.styles_noSearchTip__YTMA_ {
  color: var(--thirdLevelText);
  font-size: 14px;
  text-align: center;
  margin-top: 50%;
}
.styles_fieldDisplayList__IwzGX:first-child {
  margin-bottom: 16px;
}
.styles_fieldDisplayList__IwzGX h2 {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 4px;
  padding-left: 8px;
}
.styles_fieldDisplayList__IwzGX main {
  margin-top: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.styles_scroll__meXTG {
  flex: 1;
  overflow-y: auto;
  padding: 0 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_typeSelect__4pvLf {
    width: 100%;
    height: 100%;
  }
  .styles_typeSelect__4pvLf h1 {
    font-size: 18px;
    font-weight: bold;
  }
  .styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j {
    border: none;
  }
  .styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j.styles_active__UgKKZ {
    background-color: var(--primaryColor);
    color: var(--defaultBg);
    font-size: 13px;
  }
  .styles_typeSelect__4pvLf .styles_typeSelectItem__Qho8j.styles_active__UgKKZ svg {
    fill: var(--defaultBg);
  }
}
.styles_scrollShadow__8QE1H {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__1qEmZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__OmqyR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__2XHQp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__2XHQp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__2XHQp 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__2XHQp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__2XHQp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__2XHQp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__2XHQp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__2XHQp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__2XHQp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__9758T {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__vvpza {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__BEbQb .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__BEbQb .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__BEbQb .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__BEbQb .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__BEbQb .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__BEbQb .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__BEbQb .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__BEbQb .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__BEbQb .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__BEbQb .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__BEbQb .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__BEbQb .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__BEbQb .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__BEbQb .editBgColor::before,
.styles_tree__BEbQb .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__BEbQb .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__BEbQb .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__BEbQb .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__BEbQb .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__BEbQb .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__BEbQb .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__BEbQb .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__BEbQb .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__BEbQb .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__lXHFc .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__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__lXHFc .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__lXHFc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__lXHFc .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__lXHFc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__lXHFc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__h2Dm2 .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__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__h2Dm2 .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__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__h2Dm2 .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__h2Dm2 .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__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__h2Dm2 .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__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__h2Dm2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__M1uSF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__M1uSF::-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__M1uSF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__bm1aq::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__bm1aq::-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__bm1aq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__JAvP0 {
  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__24zm4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__24zm4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__24zm4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__24zm4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__24zm4 {
    flex: 0 0 100%;
  }
}
.styles_fieldOperateBox___Q3Fp {
  position: fixed;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  padding: 24px;
  box-sizing: border-box;
  border-radius: 4px;
  z-index: var(--zIndex-10);
  width: 336px;
}
.styles_fieldOperateBox___Q3Fp .styles_buttonWrapper__ASNoM {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 32px;
}
.styles_fieldOperateBox___Q3Fp .styles_buttonWrapper__ASNoM button {
  margin-left: 10px;
}
.styles_flowBox__7E6QH {
  display: block;
}
.styles_section__01G5s {
  margin-bottom: 16px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG.styles_flex__EG_Tw {
  display: flex;
}
.styles_section__01G5s .styles_sectionTitle__upBKG.styles_enhance__C9iRj {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG.styles_enhance__C9iRj > button[role="switch"] {
  margin-right: 8px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG.styles_sub__Akq1Z {
  font-size: 12px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG.styles_sub__Akq1Z button {
  float: right;
  margin-top: 2px;
}
.styles_section__01G5s .styles_sectionTitle__upBKG .styles_sectionTitleTip__gd0QD {
  display: inline-block;
  vertical-align: -0.25em;
  margin-left: 8px;
  cursor: pointer;
}
.styles_section__01G5s .styles_sectionTitle__upBKG .styles_sectionTitleTip__gd0QD.styles_noCursor__ZN9Ns {
  cursor: unset;
}
.styles_section__01G5s .styles_renameWrapper___TnzW textarea {
  padding: 8px;
  text-indent: 0;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp,
.styles_section__01G5s .styles_sectionInfo__yBQAr {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp:hover,
.styles_section__01G5s .styles_sectionInfo__yBQAr:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp:hover:after,
.styles_section__01G5s .styles_sectionInfo__yBQAr:hover:after {
  content: " ";
  display: block;
  width: 24px;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -24px;
  height: 100%;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp:hover::before,
.styles_section__01G5s .styles_sectionInfo__yBQAr:hover::before {
  content: " ";
  display: block;
  width: 24px;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -24px;
  height: 100%;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp .styles_icon__cK881,
.styles_section__01G5s .styles_sectionInfo__yBQAr .styles_icon__cK881 {
  display: flex;
  padding-right: 4px;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp .styles_text__lZZK1,
.styles_section__01G5s .styles_sectionInfo__yBQAr .styles_text__lZZK1 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp .styles_arrow__mv_5w,
.styles_section__01G5s .styles_sectionInfo__yBQAr .styles_arrow__mv_5w {
  display: flex;
  align-items: center;
}
.styles_section__01G5s .styles_sectionInfo__yBQAr {
  height: 40px;
}
.styles_section__01G5s .styles_sectionMultiInfo__o0Hcp {
  height: 56px;
}
.styles_section__01G5s .styles_sectionClear__AB7It {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--thirdLevelText);
}
.styles_section__01G5s .styles_sectionClear__AB7It .styles_warningIcon__cLyV_ {
  vertical-align: text-bottom;
}
.styles_wrapperStyle__Cijgd {
  border: none;
}
.styles_iconType__wcKN8 {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_inputStyle__2ycPK {
  border: none;
  background: var(--rowSelectedBg);
}
.styles_inputBlur__KduBE {
  border: 1px solid #eee !important;
  box-shadow: none !important;
}
.styles_inputBlur__KduBE:focus {
  border: 1px solid var(--primaryColor) !important;
}
.styles_inputError__Zs9E_ {
  border: 1px solid #ea5d5d !important;
  box-shadow: none !important;
}
.styles_modal__5ynTp {
  width: 433px;
  height: 196px;
  background: var(--defaultBg);
  border-radius: 4px;
  padding: 30px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.styles_modal__5ynTp h2 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
}
.styles_modal__5ynTp main {
  color: var(--secondLevelText);
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.styles_modal__5ynTp .styles_operate__gx96P {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_modal__5ynTp .styles_operate__gx96P .styles_buttonCancel__xtFlu {
  border: 1px solid #d9d9d9;
  margin-right: 30px;
  justify-content: center;
}
.styles_modal__5ynTp .styles_operate__gx96P .styles_buttonSubmit__pJxqL {
  background: var(--primaryColor);
  color: var(--defaultBg);
}
.styles_mask__C_HaE {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--deepMaskColor);
  opacity: 0.7;
}
.styles_error__o_MNY {
  color: var(--errorColor);
  margin-top: 4px;
}
.styles_subSectionTitle__pnVT9 {
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.styles_cascaderMobileTip__9S01K {
  color: var(--textCommonTertiary);
}
.styles_cascaderMobileTip__9S01K svg {
  vertical-align: -0.25em;
  margin-right: 4px;
}
.styles_requiredBox__fIkSV {
  display: flex;
  align-items: center;
}
.styles_requiredBox__fIkSV div[role="checkbox"] {
  padding-left: 0;
}
.styles_requiredBox__fIkSV div[aria-checked] span {
  font-size: 13px;
  color: var(--textCommonTertiary);
}
.styles_requiredTip__uW9jo {
  display: inline-flex !important;
  margin-left: 8px;
  color: var(--black_500);
}
.styles_requiredTip__uW9jo:hover {
  color: var(--primaryColor);
}
.styles_scrollWrapper__EEnrO {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767.98px) {
  .styles_scrollWrapper__EEnrO {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    margin: 0 -24px;
    padding: 0 24px;
  }
}
.styles_scrollShadow__frLzt {
  position: absolute;
  left: 0;
  bottom: 88px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}
.styles_autoLayout__usUPY {
  position: absolute;
  top: 0;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
  overflow: hidden;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .styles_content__nP956 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.json-view {
	--json-property: #009033;
	--json-index: #676dff;
	--json-number: #676dff;
	--json-string: #b2762e;
	--json-boolean: #dc155e;
	--json-null: #dc155e;
}
.json-view .json-view--property {
	color: var(--json-property);
}
.json-view .json-view--index {
	color: var(--json-index);
}
.json-view .json-view--number {
	color: var(--json-number);
}
.json-view .json-view--string {
	color: var(--json-string);
}
.json-view .json-view--boolean {
	color: var(--json-boolean);
}
.json-view .json-view--null {
	color: var(--json-null);
}
.json-view:hover > .json-view--copy {
	display: inline-block;
}
.json-view .json-view--pair:hover > .json-view--copy {
	display: inline-block;
}
.json-view .json-view--copy {
	display: none;
	width: 1em;
	height: 1em;
	margin-left: 4px;
	vertical-align: -11%;
	cursor: pointer;
}

.json-view .jv-indent {
	padding-left: 16px;
}
.json-view .jv-chevron {
	display: inline-block;
	vertical-align: -20%;
	cursor: pointer;
	opacity: 0.4;
}
.json-view .jv-chevron:hover {
	opacity: 0.8;
}
.json-view .jv-button {
	background: transparent;
	outline: none;
	border: none;
	cursor: pointer;
}
.json-view .cursor-pointer {
	cursor: pointer;
}

/**
* 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__6OocJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__aBqxv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__9Aspv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__9Aspv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__9Aspv 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__9Aspv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__9Aspv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__9Aspv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__9Aspv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__9Aspv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__9Aspv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__YDNJH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__qQ5zC {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__OsJUU .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__OsJUU .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__OsJUU .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__OsJUU .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__OsJUU .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__OsJUU .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__OsJUU .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__OsJUU .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__OsJUU .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__OsJUU .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__OsJUU .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__OsJUU .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__OsJUU .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__OsJUU .editBgColor::before,
.style_tree__OsJUU .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__OsJUU .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__OsJUU .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__OsJUU .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__OsJUU .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__OsJUU .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__OsJUU .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__OsJUU .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__OsJUU .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__OsJUU .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__MtdJ1 .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__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__MtdJ1 .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__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__MtdJ1 .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__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__MtdJ1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__5FM_w .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__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__5FM_w .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__5FM_w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__5FM_w .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__5FM_w .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__5FM_w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5FM_w .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__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__5FM_w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__AOIFW::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__AOIFW::-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__AOIFW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__m1kQn::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__m1kQn::-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__m1kQn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__xhsOJ {
  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__3TPdf {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3TPdf {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3TPdf {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3TPdf {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3TPdf {
    flex: 0 0 100%;
  }
}
.style_description__QRotA p {
  margin-bottom: 4px;
}
.style_description__QRotA a {
  color: var(--deepPurple_500);
}
.style_description__QRotA a:hover {
  color: var(--deepPurple_600);
}
.style_description__QRotA a:active {
  color: var(--deepPurple_700);
}

.style_h__VqRgk {
  display: flex;
  align-items: center;
  position: relative;
}
.style_h__VqRgk.style_hasCollapse__8k1_e {
  cursor: pointer;
}
.style_h1__3g0bN {
  font-size: 16px;
}
.style_h2__q596B {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.style_h2__q596B:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #c9c9c9;
  margin-right: 8px;
  border-radius: 6px;
}
.style_h3__gPpIe {
  font-size: 12px;
  padding-bottom: 8px;
  color: #8C8C8C;
}
.style_suffixIcon__OJPDx {
  transition: transform 0.3s;
  cursor: pointer;
  position: absolute;
  right: 4px;
}
.style_suffixIcon__OJPDx.style_isIconRotate__4bsB1 {
  transform: rotate(180deg);
}
.style_dropIcon__fMMAA {
  vertical-align: middle;
}
.style_helpIcon___JYNx {
  vertical-align: -0.125em;
}

.style_iconWrap__yzkxw {
  display: inline-block;
  font-style: normal;
  color: var(--secondLevelText);
}
.style_iconWrap__yzkxw sub {
  bottom: 0;
}

:root {
  --black_50: #FFFFFF;
  --black_100: #F5F7FA;
  --black_200: #E0E0E0;
  --black_300: #C9C9C9;
  --black_400: #A6A6A6;
  --black_500: #8C8C8C;
  --black_600: #787878;
  --black_700: #636363;
  --black_800: #4F4F4F;
  --black_900: #3C3C3C;
  --black_1000: #262626;
  --blackBlue_50: #FDFDFF;
  --blackBlue_100: #F9F9FF;
  --blackBlue_200: #E9E9F5;
  --blackBlue_300: #D8D9EB;
  --blackBlue_400: #BABDD4;
  --blackBlue_500: #9FA1BB;
  --blackBlue_600: #8487A1;
  --blackBlue_700: #5E607E;
  --blackBlue_800: #3A3C4D;
  --blackBlue_900: #262838;
  --blackBlue_1000: #171822;
  --blue_50: #E4F7FF;
  --blue_100: #C9EFFF;
  --blue_200: #9CE2FF;
  --blue_300: #7ED9FF;
  --blue_400: #70D5FF;
  --blue_500: #55CDFF;
  --blue_600: #40AFDD;
  --blue_700: #2E91BB;
  --blue_800: #177EA9;
  --blue_900: #0B5F83;
  --blue_1000: #093F55;
  --brown_50: #E8DFDD;
  --brown_100: #D1BFBC;
  --brown_200: #B49892;
  --brown_300: #8E645B;
  --brown_400: #78463C;
  --brown_500: #6E382D;
  --brown_600: #5C2F26;
  --brown_700: #4D2720;
  --brown_800: #42221B;
  --brown_900: #371C16;
  --brown_1000: #2C1612;
  --deepPurple_50: #EDEAFF;
  --deepPurple_100: #DCD6FF;
  --deepPurple_200: #CEC5FF;
  --deepPurple_300: #A697FB;
  --deepPurple_400: #8B7AF0;
  --deepPurple_500: #7B67EE;
  --deepPurple_600: #6653D1;
  --deepPurple_700: #5342B4;
  --deepPurple_800: #413297;
  --deepPurple_900: #312479;
  --deepPurple_1000: #160F3F;
  --green_50: #E3F5DA;
  --green_100: #C7F5B1;
  --green_200: #9CE977;
  --green_300: #7BE04B;
  --green_400: #62D929;
  --green_500: #52C41B;
  --green_600: #3DA20C;
  --green_700: #2A8001;
  --green_800: #256407;
  --green_900: #174700;
  --green_1000: #193D08;
  --indigo_50: #E0E9FF;
  --indigo_100: #C2D3FF;
  --indigo_200: #9CB9FF;
  --indigo_300: #81A5FF;
  --indigo_400: #6692FF;
  --indigo_500: #5586FF;
  --indigo_600: #406DDD;
  --indigo_700: #2E56BB;
  --indigo_800: #1F4299;
  --indigo_900: #132F77;
  --indigo_1000: #091F55;
  --orange_50: #FFF6E5;
  --orange_100: #FFE5B7;
  --orange_200: #FFD88A;
  --orange_300: #FFC95C;
  --orange_400: #FFBA2E;
  --orange_500: #FFAB00;
  --orange_600: #FFA114;
  --orange_700: #FF8E0A;
  --orange_800: #DA7600;
  --orange_900: #AB5C00;
  --orange_1000: #7D4400;
  --pink_50: #FFE8EC;
  --pink_100: #FFCED8;
  --pink_200: #FFB2C0;
  --pink_300: #FF98AC;
  --pink_400: #FF8199;
  --pink_500: #FF708B;
  --pink_600: #E25C75;
  --pink_700: #C54A61;
  --pink_800: #A8394E;
  --pink_900: #8A2B3D;
  --pink_1000: #6D1E2D;
  --purple_50: #F4E9FE;
  --purple_100: #E4C5FB;
  --purple_200: #D8ACFA;
  --purple_300: #C789F8;
  --purple_400: #BA6DF6;
  --purple_500: #B35FF5;
  --purple_600: #AB45FB;
  --purple_700: #983AE2;
  --purple_800: #8630CA;
  --purple_900: #7531AC;
  --purple_1000: #482662;
  --red_50: #FBECEB;
  --red_100: #FFD1C8;
  --red_200: #FFB4AF;
  --red_300: #FF8A82;
  --red_400: #E9594F;
  --red_500: #E33E38;
  --red_600: #C42E23;
  --red_700: #B12319;
  --red_800: #911A12;
  --red_900: #6F0F08;
  --red_1000: #4D0601;
  --tangerine_50: #FFEAD6;
  --tangerine_100: #FFD2A8;
  --tangerine_200: #FFAF66;
  --tangerine_300: #FFA047;
  --tangerine_400: #FF8A1F;
  --tangerine_500: #FF7A00;
  --tangerine_600: #E96A02;
  --tangerine_700: #CB5D03;
  --tangerine_800: #954300;
  --tangerine_900: #753500;
  --tangerine_1000: #4D2300;
  --teal_50: #E2F6EF;
  --teal_100: #BDECDA;
  --teal_200: #8BDDBE;
  --teal_300: #66D2A9;
  --teal_400: #45C897;
  --teal_500: #30C28B;
  --teal_600: #269B6F;
  --teal_700: #1D7453;
  --teal_800: #196548;
  --teal_900: #134E38;
  --teal_1000: #083F28;
  --yellow_50: #FFF9E3;
  --yellow_100: #FFF2C2;
  --yellow_200: #FFEBA6;
  --yellow_300: #FFE588;
  --yellow_400: #FFDC62;
  --yellow_500: #FFD43A;
  --yellow_600: #FFCD1E;
  --yellow_700: #FBC508;
  --yellow_800: #E5B300;
  --yellow_900: #B58D02;
  --yellow_1000: #886A00;
}
:root[data-theme="dark"] {
  --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --cellSelectedColorSolid: #2C293B;
  --cellSelectedColorSolid-rgb: 44, 41, 59;
  --rowSelectedBgSolid: #2B2B2B;
  --rowSelectedBgSolid-rgb: 43, 43, 43;
  --primaryLightSolid: #2C293B;
  --primaryLightSolid-rgb: 44, 41, 59;
  --gradientBgMask: linear-gradient(270deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%);
  --extraLightTeal: rgba(60, 214, 163, 0.16);
  --extraLightOrange: rgba(255, 166, 42, 0.16);
  --extraLightIndigo: rgba(114, 152, 247, 0.16);
  --extraLightRed: rgba(238, 83, 71, 0.16);
  --extraLightPrimary: rgba(144, 127, 240, 0.16);
  --reverse1: #E0E0E0;
  --reverse1-rgb: 224, 224, 224;
  --reverse0: #333333;
  --reverse0-rgb: 51, 51, 51;
  --scrollBar: rgba(255, 255, 255, 0.16);
  --warnLight: rgba(255, 166, 42, 0.16);
  --warn: #ffa62a;
  --warnLightHover: rgba(255, 166, 42, 0.24);
  --warnLightActive: rgba(255, 166, 42, 0.32);
  --warnHover: #ffb752;
  --warnActive: #ffc778;
  --success: #3cd6a3;
  --successActive: #8debcb;
  --successHover: #63e0b7;
  --successLight: rgba(60, 214, 163, 0.16);
  --successLightHover: rgba(60, 214, 163, 0.24);
  --successLightActive: rgba(60, 214, 163, 0.32);
  --link: #907ff0;
  --linkHover: #a89af5;
  --linkActive: #c0b6fa;
  --linkVisted: #7b67ee;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --fill2: rgba(255, 255, 255, 0.24);
  --fill1: rgba(255, 255, 255, 0.16);
  --fill0: rgba(255, 255, 255, 0.08);
  --defaultTag: rgba(255, 255, 255, 0.16);
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #333333;
  --highBg: #262626;
  --errorLightHover: rgba(238, 83, 71, 0.24);
  --errorLightActive: rgba(238, 83, 71, 0.32);
  --errorLight: rgba(238, 83, 71, 0.16);
  --errorHover: #f59089;
  --errorActive: #faafaa;
  --primaryLight: rgba(144, 127, 240, 0.16);
  --primaryLightActive: rgba(144, 127, 240, 0.16);
  --primaryLightHover: rgba(139, 122, 240, 0.24);
  --primaryActive: #c0b6fa;
  --primaryHover: #a89af5;
  --fc19: rgba(144, 127, 240, 0.16);
  --fc18: rgba(255, 166, 42, 0.16);
  --fc17: rgba(0, 0, 0, 0.12);
  --fc12: rgba(0, 0, 0, 0.6);
  --fc2: rgba(255, 255, 255, 0.7);
  --fc1: rgba(255, 255, 255, 0.85);
  --fc10: #f07369;
  --fc0: #907FF0;
  --fc0-rgb: 144, 127, 240;
  --fc3: rgba(255, 255, 255, 0.55);
  --fc4: rgba(255, 255, 255, 0.4);
  --fc8: #1a1a1a;
  --fc14: #ffb752;
  --fc16: rgba(144, 127, 240, 0.16);
  --fc13: #e0e0e0;
  --fc15: #3cd6a3;
  --fc9: rgba(144, 127, 240, 0.16);
  --fc5: rgba(255, 255, 255, 0.12);
  --fc11: #3d3d3d;
  --fc7: rgba(255, 255, 255, 0.08);
  --fc6: #0d0d0d;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(144, 127, 240, 0.16);
  --currentSearch: rgba(255, 166, 42, 0.16);
  --calendarWeekend: rgba(0, 0, 0, 0.12);
  --deepMaskColor: rgba(0, 0, 0, 0.6);
  --secondLevelText: rgba(255, 255, 255, 0.7);
  --firstLevelText: rgba(255, 255, 255, 0.85);
  --errorColor: #f07369;
  --primaryColor: #907FF0;
  --primaryColor-rgb: 144, 127, 240;
  --thirdLevelText: rgba(255, 255, 255, 0.55);
  --fourthLevelText: rgba(255, 255, 255, 0.4);
  --defaultBg: #1d2023;
  --defaultBgGradientEnd: rgba(29, 32, 35, 0);
  --white: #1a1a1a;
  --warningColor: #ffb752;
  --treeSelectedBg: rgba(144, 127, 240, 0.16);
  --tooltipBg: #e0e0e0;
  --successColor: #3cd6a3;
  --cellSelectedColor: rgba(144, 127, 240, 0.16);
  --lineColor: rgba(255, 255, 255, 0.12);
  --sheetLineColor: #3d3d3d;
  --shadowColor: #3d3d3d;
  --rowSelectedBg: rgba(255, 255, 255, 0.08);
  --lowestBg: #0d0d0d;
  --bgBglessSolidActive: #3e3e3e;
  --bgBglessSolidHover: #2b2b2b;
  --bgStaticLightDisabled: rgba(255, 255, 255, 0.5);
  --bgStaticLightActive: rgba(255, 255, 255, 0.68);
  --bgStaticLightHover: rgba(255, 255, 255, 0.84);
  --bgControlsDegradeHigh: rgba(0, 0, 0, 0.24);
  --bgControlsDegradeDefault: rgba(0, 0, 0, 0.12);
  --bgControlsDefaultSolid: #2b2b2b;
  --bgControlsHoverSolid: #3e3e3e;
  --bgControlsActiveSolid: #505050;
  --bgBrandLightActiveSolid: #3f3a5e;
  --bgBrandLightHoverSolid: #36314d;
  --bgBrandLightDefaultSolid: #2c293b;
  --bgLogoText: rgba(255, 255, 255, 0.85);
  --bgLogoIcon: rgba(255, 255, 255, 0.85);
  --rainbowGray4: rgba(181, 181, 181, 0.8);
  --rainbowGray3: rgba(181, 181, 181, 0.6);
  --rainbowGray2: rgba(181, 181, 181, 0.4);
  --rainbowGray5: #b5b5b5;
  --rainbowGray1: rgba(181, 181, 181, 0.2);
  --borderOnwarnLight: rgba(255, 166, 42, 0.24);
  --borderOnwarnDefault: #ffb752;
  --borderWarnDisabled: rgba(255, 166, 42, 0.5);
  --borderWarnActive: #ffc778;
  --borderWarnHover: #ffb752;
  --borderWarnDefault: #ffa62a;
  --borderOnsuccessLight: rgba(60, 214, 163, 0.24);
  --borderOnsuccessDefault: #63e0b7;
  --borderSuccessDisabled: rgba(60, 214, 163, 0.5);
  --borderSuccessActive: #8debcb;
  --borderSuccessHover: #63e0b7;
  --borderSuccessDefault: #3cd6a3;
  --borderOndangerLight: rgba(238, 83, 71, 0.24);
  --borderOndangerDefault: #f59089;
  --borderDangerDisabled: rgba(240, 115, 105, 0.5);
  --textReverseDefault: #333333;
  --textStaticDisabled: rgba(255, 255, 255, 0.3);
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow1: rgba(255, 223, 64, 0.2);
  --rainbowYellow3: rgba(255, 195, 16, 0.6);
  --rainbowYellow2: rgba(255, 195, 16, 0.4);
  --rainbowYellow4: rgba(255, 195, 16, 0.8);
  --rainbowYellow5: #ffc310;
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #e0e0e0;
  --bgGradientHorizontal: 270deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%;
  --bgGradientVertical: 0deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%;
  --borderCommonHover: rgba(255, 255, 255, 0.16);
  --borderCommonActive: rgba(255, 255, 255, 0.2);
  --borderCommonDisabled: rgba(255, 255, 255, 0.8);
  --borderGridVertical: #3d3d3d;
  --borderGridHorizontal: #3d3d3d;
  --borderBrandDefault: #907ff0;
  --borderBrandHover: #a89af5;
  --borderBrandActive: #c0b6fa;
  --borderBrandDisabled: rgba(144, 127, 240, 0.5);
  --borderOnbrandDefault: #a89af5;
  --borderOnbrandLight: rgba(144, 127, 240, 0.24);
  --borderDangerDefault: #d5544b;
  --borderDangerHover: #e07169;
  --borderDangerActive: #e88f89;
  --borderCommonDefault: rgba(255, 255, 255, 0.12);
  --textCommonSecondary: rgba(255, 255, 255, 0.7);
  --textCommonTertiary: rgba(255, 255, 255, 0.55);
  --textCommonQuaternary: rgba(255, 255, 255, 0.4);
  --textCommonDisabled: rgba(255, 255, 255, 0.25);
  --textBrandDefault: #907ff0;
  --textBrandHover: #a89af5;
  --textBrandActive: #c0b6fa;
  --textBrandDisabled: rgba(144, 127, 240, 0.5);
  --textDangerDefault: #f07369;
  --textDangerHover: #f59089;
  --textDangerActive: #faafaa;
  --textDangerDisabled: rgba(240, 115, 105, 0.5);
  --textSuccessDefault: #3cd6a3;
  --textSuccessHover: #63e0b7;
  --textSuccessActive: #8debcb;
  --textSuccessDisabled: rgba(60, 214, 163, 0.5);
  --textWarnDefault: #ffa62a;
  --textWarnHover: #ffb752;
  --textWarnActive: #ffc778;
  --textWarnDisabled: rgba(255, 166, 42, 0.5);
  --textLinkDefault: #907ff0;
  --textLinkHover: #a89af5;
  --textLinkActive: #c0b6fa;
  --textLinkVisted: #7b67ee;
  --textLinkDisabled: rgba(144, 127, 240, 0.5);
  --textCommonPrimary: rgba(255, 255, 255, 0.85);
  --bgBrandLightHover: rgba(144, 127, 240, 0.24);
  --bgBrandLightActive: rgba(144, 127, 240, 0.32);
  --bgBrandLightDisabled: rgba(144, 127, 240, 0.08);
  --bgDangerDefault: #f07369;
  --bgDangerHover: #f59089;
  --bgDangerActive: #faafaa;
  --bgDangerDisabled: rgba(240, 115, 105, 0.5);
  --bgDangerLightDefault: rgba(238, 83, 71, 0.16);
  --bgDangerLightHover: rgba(238, 83, 71, 0.24);
  --bgDangerLightActive: rgba(238, 83, 71, 0.32);
  --bgDangerLightDisabled: rgba(238, 83, 71, 0.08);
  --bgSuccessDefault: #3cd6a3;
  --bgSuccessHover: #63e0b7;
  --bgSuccessActive: #8debcb;
  --bgSuccessDisabled: rgba(60, 214, 163, 0.5);
  --bgSuccessLightDefault: rgba(60, 214, 163, 0.16);
  --bgSuccessLightHover: rgba(60, 214, 163, 0.24);
  --bgSuccessLightActive: rgba(60, 214, 163, 0.32);
  --bgSuccessLightDisabled: rgba(60, 214, 163, 0.08);
  --bgWarnDefault: #ffa62a;
  --bgWarnHover: #ffb752;
  --bgWarnActive: #ffc778;
  --bgWarnDisabled: rgba(255, 166, 42, 0.5);
  --bgWarnLightDefault: rgba(255, 166, 42, 0.16);
  --bgWarnLightHover: rgba(255, 166, 42, 0.24);
  --bgWarnLightActive: rgba(255, 166, 42, 0.32);
  --bgWarnLightDisabled: rgba(255, 166, 42, 0.08);
  --bgStaticLightDefault: #ffffff;
  --bgStaticDarkLow: #282c33;
  --bgStaticDarkMedium: #3b3f47;
  --bgBrandLightDefault: rgba(144, 127, 240, 0.16);
  --bgCommonHigh: #262626;
  --bgCommonHighest: #333333;
  --bgBglessHover: rgba(255, 255, 255, 0.08);
  --bgBglessActive: #626c77;
  --bgControlsDefault: rgba(255, 255, 255, 0.08);
  --bgControlsHover: rgba(255, 255, 255, 0.16);
  --bgControlsActive: rgba(255, 255, 255, 0.24);
  --bgControlsDisabled: rgba(255, 255, 255, 0.08);
  --bgControlsElevateDefault: rgba(255, 255, 255, 0.12);
  --bgControlsElevateHigh: rgba(255, 255, 255, 0.24);
  --bgTagDefault: rgba(255, 255, 255, 0.16);
  --bgTagHover: rgba(255, 255, 255, 0.24);
  --bgTagActive: rgba(255, 255, 255, 0.32);
  --bgTagDisabled: rgba(255, 255, 255, 0.08);
  --bgScrollbarDefault: rgba(255, 255, 255, 0.16);
  --bgScrollbarHover: rgba(255, 255, 255, 0.24);
  --bgScrollbarActive: rgba(255, 255, 255, 0.32);
  --bgMaskDefault: rgba(0, 0, 0, 0.72);
  --bgBrandDefault: #907ff0;
  --bgBrandHover: #a89af5;
  --bgBrandActive: #c0b6fa;
  --bgBrandDisabled: rgba(144, 127, 240, 0.5);
  --bgCommonDefault: #1a1a1a;
  --bgCommonLower: #0d0d0d;
  --rainbowTangerine5: #ff932e;
  --rainbowTangerine1: rgba(255, 147, 46, 0.2);
  --rainbowTangerine2: rgba(255, 147, 46, 0.4);
  --rainbowTangerine3: rgba(255, 147, 46, 0.6);
  --rainbowTangerine4: rgba(255, 147, 46, 0.8);
  --rainbowPink1: rgba(255, 112, 139, 0.2);
  --rainbowPink2: rgba(255, 122, 147, 0.4);
  --rainbowPink3: rgba(255, 122, 147, 0.6);
  --rainbowPink4: rgba(255, 122, 147, 0.8);
  --rainbowPink5: #ff7a93;
  --rainbowGreen1: rgba(82, 196, 27, 0.2);
  --rainbowGreen2: rgba(109, 204, 61, 0.4);
  --rainbowGreen3: rgba(109, 204, 61, 0.6);
  --rainbowGreen4: rgba(109, 204, 61, 0.8);
  --rainbowGreen5: #6dcc3d;
  --rainbowBrown1: rgba(204, 147, 106, 0.2);
  --rainbowBrown2: rgba(204, 147, 106, 0.4);
  --rainbowBrown3: rgba(191, 124, 76, 0.6);
  --rainbowBrown4: rgba(204, 147, 106, 0.8);
  --rainbowBrown5: #cc936a;
  --rainbowBlue2: rgba(92, 207, 255, 0.4);
  --rainbowBlue3: rgba(92, 207, 255, 0.6);
  --rainbowBlue4: rgba(92, 207, 255, 0.8);
  --rainbowBlue1: rgba(92, 207, 255, 0.2);
  --rainbowBlue5: #5ccfff;
  --rainbowOrange1: rgba(255, 170, 0, 0.2);
  --rainbowOrange2: rgba(255, 166, 42, 0.4);
  --rainbowOrange3: rgba(255, 166, 42, 0.6);
  --rainbowOrange4: rgba(255, 166, 42, 0.8);
  --rainbowOrange5: #ffa62a;
  --rainbowRed1: rgba(213, 84, 75, 0.2);
  --rainbowRed2: rgba(240, 115, 105, 0.4);
  --rainbowRed3: rgba(240, 115, 105, 0.6);
  --rainbowRed4: rgba(240, 115, 105, 0.8);
  --rainbowRed5: #f07369;
  --rainbowIndigo1: rgba(85, 134, 255, 0.2);
  --rainbowIndigo2: rgba(114, 152, 247, 0.4);
  --rainbowIndigo3: rgba(114, 152, 247, 0.6);
  --rainbowIndigo4: rgba(114, 152, 247, 0.8);
  --rainbowIndigo5: #7298f7;
  --rainbowTeal1: rgba(62, 222, 169, 0.2);
  --rainbowTeal2: rgba(25, 215, 151, 0.4);
  --rainbowTeal3: rgba(62, 222, 169, 0.6);
  --rainbowTeal4: rgba(62, 222, 169, 0.8);
  --rainbowTeal5: #3edea9;
  --rainbowPurple5: #907ff0;
  --rainbowPurple4: rgba(144, 127, 240, 0.8);
  --rainbowPurple3: rgba(144, 127, 240, 0.6);
  --rainbowPurple2: rgba(144, 127, 240, 0.4);
  --rainbowPurple1: rgba(144, 127, 240, 0.2);
  --shadowCommonHigh: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 6px 12px rgba(0, 0, 0, 0.16);
  --shadowCommonDefault: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.16);
  --shadowSideRightDefault: 4px 0px 8px rgba(0, 0, 0, 0.16), 2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowSideLeftDefault: -4px 0px 8px rgba(0, 0, 0, 0.16), -2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowSideLeftHigh: -6px 0px 12px rgba(0, 0, 0, 0.16), -3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowSideRightHigh: 6px 0px 12px rgba(0, 0, 0, 0.16), 3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowCommonHighest: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 12px 24px rgba(0, 0, 0, 0.16);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
  --menuSelectedItemTextColor: #FFFFFF;
  --templateBgColor: rgba(0, 0, 0);
  --inactiveColor: #969FA8;
  --mts-inactive-bg: #BCC3D050;
  --borderStroke: #7F8C9959;
  --exportBackgroundColor: rgba(0, 0, 0, 0.6);
  --timeMachinePrimary: #ffffff;
  --timeMachineSecondary: #9fa7b5;
}
:root[data-theme="light"] {
  --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --cellSelectedColorSolid: #DCD6FF;
  --cellSelectedColorSolid-rgb: 220, 214, 255;
  --rowSelectedBgSolid: #F5F7FA;
  --rowSelectedBgSolid-rgb: 245, 247, 250;
  --primaryLightSolid: #EDEAFF;
  --primaryLightSolid-rgb: 237, 234, 255;
  --gradientBgMask: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  --extraLightTeal: rgba(226, 246, 239, 0.5);
  --extraLightOrange: rgba(255, 246, 229, 0.5);
  --extraLightIndigo: rgba(224, 233, 255, 0.5);
  --extraLightRed: rgba(251, 236, 235, 0.5);
  --extraLightPrimary: rgba(237, 234, 255, 0.5);
  --reverse1: #262626;
  --reverse1-rgb: 38, 38, 38;
  --reverse0: #FFFFFF;
  --reverse0-rgb: 255, 255, 255;
  --scrollBar: #E0E0E0;
  --scrollBar-rgb: 224, 224, 224;
  --warnLight: #FFF6E5;
  --warnLight-rgb: 255, 246, 229;
  --warn: #FFAB00;
  --warn-rgb: 255, 171, 0;
  --warnLightHover: #FFE5B7;
  --warnLightHover-rgb: 255, 229, 183;
  --warnLightActive: #FFD88A;
  --warnLightActive-rgb: 255, 216, 138;
  --warnHover: #FFA114;
  --warnHover-rgb: 255, 161, 20;
  --warnActive: #FF8E0A;
  --warnActive-rgb: 255, 142, 10;
  --success: #30C28B;
  --success-rgb: 48, 194, 139;
  --successActive: #1D7453;
  --successActive-rgb: 29, 116, 83;
  --successHover: #269B6F;
  --successHover-rgb: 38, 155, 111;
  --successLight: #E2F6EF;
  --successLight-rgb: 226, 246, 239;
  --successLightHover: #BDECDA;
  --successLightHover-rgb: 189, 236, 218;
  --successLightActive: #8BDDBE;
  --successLightActive-rgb: 139, 221, 190;
  --link: #7B67EE;
  --link-rgb: 123, 103, 238;
  --linkHover: #6653D1;
  --linkHover-rgb: 102, 83, 209;
  --linkActive: #5342B4;
  --linkActive-rgb: 83, 66, 180;
  --linkVisted: #A697FB;
  --linkVisted-rgb: 166, 151, 251;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --fill2: #C9C9C9;
  --fill2-rgb: 201, 201, 201;
  --fill1: #E0E0E0;
  --fill1-rgb: 224, 224, 224;
  --fill0: #F5F7FA;
  --fill0-rgb: 245, 247, 250;
  --defaultTag: #E0E0E0;
  --defaultTag-rgb: 224, 224, 224;
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #FFFFFF;
  --highestBg-rgb: 255, 255, 255;
  --highBg: #FFFFFF;
  --highBg-rgb: 255, 255, 255;
  --errorLightHover: #FFD1C8;
  --errorLightHover-rgb: 255, 209, 200;
  --errorLightActive: #FFB4AF;
  --errorLightActive-rgb: 255, 180, 175;
  --errorLight: #FBECEB;
  --errorLight-rgb: 251, 236, 235;
  --errorHover: #C42E23;
  --errorHover-rgb: 196, 46, 35;
  --errorActive: #B12319;
  --errorActive-rgb: 177, 35, 25;
  --primaryLight: #EDEAFF;
  --primaryLight-rgb: 237, 234, 255;
  --primaryLightActive: #EDEAFF;
  --primaryLightActive-rgb: 237, 234, 255;
  --primaryLightHover: #DCD6FF;
  --primaryLightHover-rgb: 220, 214, 255;
  --primaryActive: #5342B4;
  --primaryActive-rgb: 83, 66, 180;
  --primaryHover: #6653D1;
  --primaryHover-rgb: 102, 83, 209;
  --fc19: rgba(220, 214, 255, 0.4);
  --fc18: #FFE5B7;
  --fc18-rgb: 255, 229, 183;
  --fc17: rgba(242, 244, 246, 0.4);
  --shadowBg: #262626;
  --shadowBg-rgb: 38, 38, 38;
  --enterpriseFg: #406DDD;
  --enterpriseFg-rgb: 64, 109, 221;
  --enterpriseBg: #E0E0E0;
  --enterpriseBg-rgb: 224, 224, 224;
  --bronzeFg: #AB5C00;
  --bronzeFg-rgb: 171, 92, 0;
  --bronzeBg: #E0E0E0;
  --bronzeBg-rgb: 224, 224, 224;
  --silverFg: #5586FF;
  --silverFg-rgb: 85, 134, 255;
  --silverBg: #E0E9FF;
  --silverBg-rgb: 224, 233, 255;
  --goldenFg: #FFAB00;
  --goldenFg-rgb: 255, 171, 0;
  --goldenBg: #FFF2C2;
  --goldenBg-rgb: 255, 242, 194;
  --or400: #FFBA2E;
  --or400-rgb: 255, 186, 46;
  --fc12: rgba(38, 38, 38, 0.5);
  --fc2: #636363;
  --fc2-rgb: 99, 99, 99;
  --fc1: #262626;
  --fc1-rgb: 38, 38, 38;
  --fc10: #E33E38;
  --fc10-rgb: 227, 62, 56;
  --fc0: #7B67EE;
  --fc0-rgb: 123, 103, 238;
  --fc3: #8C8C8C;
  --fc3-rgb: 140, 140, 140;
  --fc4: #C9C9C9;
  --fc4-rgb: 201, 201, 201;
  --fc8: #FFFFFF;
  --fc8-rgb: 255, 255, 255;
  --fc14: #FFAB00;
  --fc14-rgb: 255, 171, 0;
  --fc16: #EDEAFF;
  --fc16-rgb: 237, 234, 255;
  --fc13: #3C3C3C;
  --fc13-rgb: 60, 60, 60;
  --fc15: #30C28B;
  --fc15-rgb: 48, 194, 139;
  --fc9: #DCD6FF;
  --fc9-rgb: 220, 214, 255;
  --fc5: #E9E9F5;
  --fc5-rgb: 233, 233, 245;
  --fc11: #E0E0E0;
  --fc11-rgb: 224, 224, 224;
  --fc7: #F5F7FA;
  --fc7-rgb: 245, 247, 250;
  --fc6: #F5F7FA;
  --fc6-rgb: 245, 247, 250;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(220, 214, 255, 0.4);
  --currentSearch: #FFE5B7;
  --currentSearch-rgb: 255, 229, 183;
  --calendarWeekend: rgba(242, 244, 246, 0.4);
  --folderNodeDefaultColor: #FFBA2E;
  --folderNodeDefaultColor-rgb: 255, 186, 46;
  --deepMaskColor: rgba(38, 38, 38, 0.5);
  --secondLevelText: #636363;
  --secondLevelText-rgb: 99, 99, 99;
  --firstLevelText: #262626;
  --firstLevelText-rgb: 38, 38, 38;
  --errorColor: #E33E38;
  --errorColor-rgb: 227, 62, 56;
  --primaryColor: #7B67EE;
  --primaryColor-rgb: 123, 103, 238;
  --thirdLevelText: #8C8C8C;
  --thirdLevelText-rgb: 140, 140, 140;
  --fourthLevelText: #C9C9C9;
  --fourthLevelText-rgb: 201, 201, 201;
  --defaultBg: #FFFFFF;
  --defaultBgGradientEnd: rgba(255, 255, 255, 0);
  --defaultBg-rgb: 255, 255, 255;
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
  --warningColor: #FFAB00;
  --warningColor-rgb: 255, 171, 0;
  --treeSelectedBg: #EDEAFF;
  --treeSelectedBg-rgb: 237, 234, 255;
  --tooltipBg: #3C3C3C;
  --tooltipBg-rgb: 60, 60, 60;
  --successColor: #30C28B;
  --successColor-rgb: 48, 194, 139;
  --cellSelectedColor: #DCD6FF;
  --cellSelectedColor-rgb: 220, 214, 255;
  --lineColor: #E9E9F5;
  --lineColor-rgb: 233, 233, 245;
  --sheetLineColor: #E0E0E0;
  --sheetLineColor-rgb: 224, 224, 224;
  --shadowColor: #E0E0E0;
  --shadowColor-rgb: 224, 224, 224;
  --rowSelectedBg: #F5F7FA;
  --rowSelectedBg-rgb: 245, 247, 250;
  --lowestBg: #F5F7FA;
  --lowestBg-rgb: 245, 247, 250;
  --bgBglessSolidActive: #e6e6e6;
  --bgBglessSolidHover: #f3f3f3;
  --bgStaticLightDisabled: rgba(255, 255, 255, 0.5);
  --bgStaticLightActive: rgba(255, 255, 255, 0.68);
  --bgStaticLightHover: rgba(255, 255, 255, 0.84);
  --bgControlsDegradeHigh: rgba(51, 51, 51, 0.08);
  --bgControlsDegradeDefault: rgba(51, 51, 51, 0.04);
  --bgControlsDefaultSolid: #f5f5f5;
  --bgControlsHoverSolid: #e8e8e8;
  --bgControlsActiveSolid: #dbdbdb;
  --bgBrandLightActiveSolid: #c5bcf7;
  --bgBrandLightHoverSolid: #e1dcfc;
  --bgBrandLightDefaultSolid: #f4f2ff;
  --bgLogoText: #000650;
  --bgLogoIcon: #7b67ee;
  --rainbowGray4: #c2c2c2;
  --rainbowGray3: #cfcfcf;
  --rainbowGray2: #e8e8e8;
  --rainbowGray5: #b5b5b5;
  --rainbowGray1: #f5f5f5;
  --borderOnwarnLight: #ffe7c4;
  --borderOnwarnDefault: #e0901f;
  --borderWarnDisabled: #ffd79e;
  --borderWarnActive: #c27a15;
  --borderWarnHover: #e0901f;
  --borderWarnDefault: #ffa62a;
  --borderOnsuccessLight: #baf5e1;
  --borderOnsuccessDefault: #12b881;
  --borderSuccessDisabled: #8debcb;
  --borderSuccessActive: #0da371;
  --borderSuccessHover: #12b881;
  --borderSuccessDefault: #18cc90;
  --borderOndangerLight: #fccdca;
  --borderOndangerDefault: #d13d32;
  --borderDangerDisabled: #faafaa;
  --textReverseDefault: #ffffff;
  --textStaticDisabled: rgba(255, 255, 255, 0.3);
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow1: #fff9e5;
  --rainbowYellow3: #ffd966;
  --rainbowYellow2: #ffeebd;
  --rainbowYellow4: #ffce3b;
  --rainbowYellow5: #ffc310;
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #4f4f4f;
  --bgGradientHorizontal: 270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --bgGradientVertical: 0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --borderCommonHover: #ced3db;
  --borderCommonActive: #bec4cf;
  --borderCommonDisabled: #f0f2f5;
  --borderGridVertical: #e1e4ea;
  --borderGridHorizontal: #ced3db;
  --borderBrandDefault: #7b67ee;
  --borderBrandHover: #5e4ad4;
  --borderBrandActive: #321fa1;
  --borderBrandDisabled: #c0b6fa;
  --borderOnbrandDefault: #5e4ad4;
  --borderOnbrandLight: #d8d2fc;
  --borderDangerDefault: #ee5347;
  --borderDangerHover: #d13d32;
  --borderDangerActive: #b52b21;
  --borderCommonDefault: #e1e4ea;
  --textCommonSecondary: #696969;
  --textCommonTertiary: #9c9c9c;
  --textCommonQuaternary: #c2c2c2;
  --textCommonDisabled: #cfcfcf;
  --textBrandDefault: #7b67ee;
  --textBrandHover: #5e4ad4;
  --textBrandActive: #4632ba;
  --textBrandDisabled: #c0b6fa;
  --textDangerDefault: #ee5347;
  --textDangerHover: #d13d32;
  --textDangerActive: #b52b21;
  --textDangerDisabled: #faafaa;
  --textSuccessDefault: #18cc90;
  --textSuccessHover: #12b881;
  --textSuccessActive: #0da371;
  --textSuccessDisabled: #8debcb;
  --textWarnDefault: #ffa62a;
  --textWarnHover: #e0901f;
  --textWarnActive: #c27a15;
  --textWarnDisabled: #ffd79e;
  --textLinkDefault: #7b67ee;
  --textLinkHover: #5e4ad4;
  --textLinkActive: #4632ba;
  --textLinkVisted: #a89af5;
  --textLinkDisabled: #c0b6fa;
  --textCommonPrimary: #333333;
  --bgBrandLightHover: #d8d2fc;
  --bgBrandLightActive: #c0b6fa;
  --bgBrandLightDisabled: #eeebff;
  --bgDangerDefault: #ee5347;
  --bgDangerHover: #d13d32;
  --bgDangerActive: #b52b21;
  --bgDangerDisabled: #faafaa;
  --bgDangerLightDefault: #ffeceb;
  --bgDangerLightHover: #fccdca;
  --bgDangerLightActive: #faafaa;
  --bgDangerLightDisabled: #ffeceb;
  --bgSuccessDefault: #18cc90;
  --bgSuccessHover: #12b881;
  --bgSuccessActive: #0da371;
  --bgSuccessDisabled: #8debcb;
  --bgSuccessLightDefault: #e5fff6;
  --bgSuccessLightHover: #c6f5e3;
  --bgSuccessLightActive: #8debcb;
  --bgSuccessLightDisabled: #e5fff6;
  --bgWarnDefault: #ffa62a;
  --bgWarnHover: #e0901f;
  --bgWarnActive: #c27a15;
  --bgWarnDisabled: #ffd79e;
  --bgWarnLightDefault: #fff4e5;
  --bgWarnLightHover: #ffe7c4;
  --bgWarnLightActive: #ffd79e;
  --bgWarnLightDisabled: #fff4e5;
  --bgStaticLightDefault: #ffffff;
  --bgStaticDarkLow: #282c33;
  --bgStaticDarkMedium: #3b3f47;
  --bgBrandLightDefault: #eeebff;
  --bgCommonHigh: #ffffff;
  --bgCommonHighest: #ffffff;
  --bgBglessHover: rgba(51, 51, 51, 0.06);
  --bgBglessActive: #f2f3f7;
  --bgControlsDefault: #f5f5f5;
  --bgControlsHover: #e8e8e8;
  --bgControlsActive: #dbdbdb;
  --bgControlsDisabled: #f5f5f5;
  --bgControlsElevateDefault: #ffffff;
  --bgControlsElevateHigh: #ffffff;
  --bgTagDefault: rgba(51, 51, 51, 0.12);
  --bgTagHover: rgba(51, 51, 51, 0.18);
  --bgTagActive: rgba(51, 51, 51, 0.24);
  --bgTagDisabled: rgba(51, 51, 51, 0.06);
  --bgScrollbarDefault: #dbdbdb;
  --bgScrollbarHover: #cfcfcf;
  --bgScrollbarActive: #c2c2c2;
  --bgMaskDefault: rgba(0, 0, 0, 0.5);
  --bgBrandDefault: #7b67ee;
  --bgBrandHover: #5e4ad4;
  --bgBrandActive: #4632ba;
  --bgBrandDisabled: #c0b6fa;
  --bgCommonDefault: #ffffff;
  --bgCommonLower: #f0f2f5;
  --rainbowTangerine5: #ff7a00;
  --rainbowTangerine1: #fff2e5;
  --rainbowTangerine2: #ffdab8;
  --rainbowTangerine3: #ffab5c;
  --rainbowTangerine4: #ff932e;
  --rainbowPink1: #ffebee;
  --rainbowPink2: #ffcfd7;
  --rainbowPink3: #ff96aa;
  --rainbowPink4: #ff7a93;
  --rainbowPink5: #ff627f;
  --rainbowGreen1: #eeffe5;
  --rainbowGreen2: #c9f2b6;
  --rainbowGreen3: #89d962;
  --rainbowGreen4: #6dcc3d;
  --rainbowGreen5: #52bf1d;
  --rainbowBrown1: #fff3eb;
  --rainbowBrown2: #f2d9c7;
  --rainbowBrown3: #d9a986;
  --rainbowBrown4: #cc936a;
  --rainbowBrown5: #bf7c4c;
  --rainbowBlue2: #c7eeff;
  --rainbowBlue3: #80d9ff;
  --rainbowBlue4: #5ccfff;
  --rainbowBlue1: #ebf9ff;
  --rainbowBlue5: #33c3ff;
  --rainbowOrange1: #fff4e5;
  --rainbowOrange2: #ffe7c4;
  --rainbowOrange3: #ffc778;
  --rainbowOrange4: #ffb752;
  --rainbowOrange5: #ffa62a;
  --rainbowRed1: #ffeceb;
  --rainbowRed2: #fccdca;
  --rainbowRed3: #f59089;
  --rainbowRed4: #f07369;
  --rainbowRed5: #ee5347;
  --rainbowIndigo1: #ebf0ff;
  --rainbowIndigo2: #cfddff;
  --rainbowIndigo3: #91affa;
  --rainbowIndigo4: #7298f7;
  --rainbowIndigo5: #5684f5;
  --rainbowTeal1: #e5fff6;
  --rainbowTeal2: #bcf7e4;
  --rainbowTeal3: #66e8bd;
  --rainbowTeal4: #3edea9;
  --rainbowTeal5: #19d797;
  --rainbowPurple5: #7b67ee;
  --rainbowPurple4: #907ff0;
  --rainbowPurple3: #a89af5;
  --rainbowPurple2: #d8d2fc;
  --rainbowPurple1: #eeebff;
  --shadowCommonHigh: 0px 2px 4px rgba(20, 20, 20, 0.1), 0px 6px 12px rgba(20, 20, 20, 0.06);
  --shadowCommonDefault: 0px 1px 2px rgba(20, 20, 20, 0.1), 0px 3px 6px rgba(20, 20, 20, 0.06);
  --shadowSideRightDefault: 1px 0px 2px rgba(20, 20, 20, 0.1), 4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowSideLeftDefault: -1px 0px 2px rgba(20, 20, 20, 0.1), -4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowSideLeftHigh: -2px 0px 4px rgba(20, 20, 20, 0.1), -6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowSideRightHigh: 2px 0px 4px rgba(20, 20, 20, 0.1), 6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowCommonHighest: 0px 3px 6px rgba(20, 20, 20, 0.1), 0px 8px 16px rgba(20, 20, 20, 0.08);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
  --menuSelectedItemTextColor: #FF0032;
  --templateBgColor: #f2f3f7;
  --inactiveColor: #626C77;
  --mts-inactive-bg: #BCC3D050;
  --borderStroke: #BCC3D080;
  --exportBackgroundColor: rgba(255, 255, 255, 0.6);
  --timeMachinePrimary: #282c33;
  --timeMachineSecondary: #6d7482;
}

.style_trigger__yCtHS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  color: var(--black_1000);
  cursor: pointer;
}
.style_trigger__yCtHS[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_placeholder__U5aGe {
  color: #999;
}
.style_triggerValue__wStNF {
  display: inline-flex;
}
.style_triggerValue__wStNF[data-with-arrow="true"] {
  margin-right: 2px;
}
.style_triggerIcon__2yMJZ {
  color: var(--black_300) !important;
  transition: transform 0.3s ease-out;
}
.style_triggerIconOpen__KuGYi {
  transform: rotate(180deg);
}
.style_selectPanel__DjXdo {
  margin: 0;
  padding: 4px 8px;
  max-height: 296px;
  overflow-y: auto;
  background: var(--lowestBg);
  box-shadow: 0 0px 12px 0 rgba(26, 26, 26, 0.16);
  border-radius: 4px;
  list-style: none;
}
.style_selectPanel__DjXdo::-webkit-scrollbar {
  width: 0;
}
.style_selectPanel__DjXdo[data-hide="true"] {
  display: none;
}
.style_selectPanel__DjXdo li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 9px 8px;
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
}
.style_selectPanel__DjXdo li:hover,
.style_selectPanel__DjXdo li[data-active="true"] {
  background: var(--defaultBg);
}

.style_iconWrap__lHmn6 {
  display: inline-flex;
  width: 21px;
}
.style_hotkey__bmjhc {
  display: inline-block;
  font-size: 12px;
  margin-left: 16px;
  color: var(--black_400);
}
.style_iconAndLabel__8A5_7 {
  display: inline-flex;
  align-items: center;
}
.style_iconAndHotkeyWrap__D9MOk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.style_trigger__sIPN0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.style_trigger__sIPN0:hover,
.style_trigger__sIPN0[data-active="true"] {
  background: var(--defaultBg);
}
.style_trigger__sIPN0[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_colorPanel__fQBLV {
  display: flex;
  align-items: center;
  width: 273px;
  padding: 10px 16px;
  background: var(--defaultBg);
  border-radius: 4px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.style_colorPanel__fQBLV li {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 16px;
  border-radius: 2px;
  list-style: none;
  position: relative;
}
.style_colorPanel__fQBLV li[data-active="true"]::before {
  content: " ";
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 2px;
}
.style_colorPanel__fQBLV .style_none__gngs5 {
  border: 1px solid #e8eaed;
  position: relative;
  margin-left: 0;
}
.style_colorPanel__fQBLV .style_none__gngs5::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 1px;
  transform: rotate(45deg);
  transform-origin: left top;
  background: #e8eaed;
}

.link_input_trigger__odMgs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.link_input_trigger__odMgs:hover,
.link_input_trigger__odMgs[data-active="true"] {
  background: var(--defaultBg);
}
.link_input_trigger__odMgs[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.link_input_linkInputPanel__AiW55 {
  padding: 4px;
  background: var(--defaultBg);
  border-radius: 4px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.link_input_linkInputPanel__AiW55 input {
  flex: 1;
}
.link_input_linkInputPanelInline__dTYwO {
  display: flex;
  align-items: center;
  width: 258px;
}
.link_input_linkInputPanelInline__dTYwO input {
  height: 32px;
  margin-right: 8px;
  background: none;
  border: none;
}
.link_input_inputGroup__csGbL {
  margin-bottom: 16px;
}
.link_input_footer__RHYut {
  text-align: right;
}
.link_input_footer__RHYut button + button {
  margin-left: 8px;
}

.style_toolbarWrap__5tIM9 {
  display: flex;
  align-items: center;
  height: 36px;
  border: 1px solid var(--black_200);
  border-radius: 8px;
}
.style_toolbarWrap__5tIM9[data-border-less="true"] {
  border: none;
}
.style_toolbarItem__R17aE {
  display: inline-flex;
  padding: 4px;
  margin-right: 8px;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.style_toolbarItem__R17aE:hover,
.style_toolbarItem__R17aE.style_toolbarItemActive__AeWn0 {
  background-color: var(--bg-color-hover);
}
.style_toolbarItem__R17aE[data-active="true"] {
  color: var(--primaryColor);
}
.style_toolbarItem__R17aE:last-child {
  margin-right: 0;
}
.style_divider__uZGhC {
  top: 0 !important;
  height: 36px !important;
  margin: 0 !important;
}
.style_markTooltip__RN6b5 {
  display: inline-block;
  text-align: center;
}

.style_wrap__OZreS {
  position: fixed;
  left: -99999px;
  top: -99999px;
  opacity: 0;
  background: var(--lowestBg);
  box-shadow: 0 0px 12px 0 rgba(26, 26, 26, 0.16);
  border-radius: 8px;
  padding: 0 8px;
  overflow: hidden;
}

.code_codeWrap__kLBL9 {
  position: relative;
  padding: 24px;
  background: var(--bgCommonLower);
  border-radius: 8px;
}
.code_codeBlock__T_EpF {
  display: block;
  font-size: 13px;
  font-family: Consolas, "SFMono-Regular", "Liberation Mono", Menlo, Courier, monospace;
}
.code_codeBlock__T_EpF .token.operator {
  background: none;
}
.code_codeWrapToolbar__o7zGz {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  display: flex;
  align-items: center;
  background-color: var(--bgMaskDefault);
  color: var(--textCommonQuaternary);
  font-size: 12px;
}
.code_codeWrapToolbar__o7zGz[contentEditable="false"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.code_codeWrapToolbar__o7zGz .code_operationBtn__UbsEj {
  margin-left: 8px;
  cursor: pointer;
}
.code_languageSelect__RnSwL {
  color: var(--textCommonQuaternary);
}

.decorate_elementDecorate__e8cGv {
  position: relative;
  text-align: left;
}
.decorate_elementDecorate__e8cGv[data-align="alignCenter"] {
  text-align: center;
}
.decorate_elementDecorate__e8cGv[data-align="alignRight"] {
  text-align: right;
}
.decorate_placeholder__5yGIz {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--black_500);
  display: none;
  pointer-events: none;
}
.decorate_placeholder__5yGIz[data-visible="true"] {
  display: inline-block;
}
.decorate_placeholder__5yGIz[contentEditable] {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.divider_wrap__UjVkk {
  margin: 24px 0;
  border-radius: 4px;
}
.divider_wrap__UjVkk:hover {
  background: var(--bgBglessHover);
}
.divider_divider__j7bqo {
  position: relative;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.divider_divider__j7bqo[contentEditable="true"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.divider_divider__j7bqo .divider_dot__yiMX1 {
  width: 6px;
  height: 6px;
  background: #8C8C8C;
  border-radius: 3px;
  margin: 0 21px;
}
.divider_divider__j7bqo .divider_deleteBtn__QC_5G {
  display: none;
  position: absolute;
  right: 4px;
  cursor: pointer;
  color: var(--black_400);
}
.divider_divider__j7bqo:hover .divider_deleteBtn__QC_5G {
  display: inline-block;
}

.style_heading__2aFsu {
  margin: 0;
  padding: 0;
}
.style_heading1__5g_bc {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
.style_heading2__gIYml {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
.style_heading3__pGqCS {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}
.style_heading4__7Bqzf {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.style_heading5__fVefE {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
.style_heading6__f2M99 {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.style_imagePickerWrap__VOrPL {
  position: relative;
}
.style_imagePickerWrap__VOrPL[data-align="alignLeft"] {
  text-align: left;
}
.style_imagePickerWrap__VOrPL[data-align="alignCenter"] {
  text-align: center;
}
.style_imagePickerWrap__VOrPL[data-align="alignRight"] {
  text-align: right;
}
.style_imagePickerWrap__VOrPL .style_loadingMask__lkuNV {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.8);
}
.style_imagePickerWrap__VOrPL .style_imgPicker__xbZB6 {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 8px;
  background-color: var(--bg-color-purple);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--black_400);
  overflow: hidden;
  box-shadow: 0 0 0 2px var(--bgBrandDisabled);
  border-radius: 4px;
}
.style_imagePickerWrap__VOrPL .style_imgPicker__xbZB6:hover,
.style_imagePickerWrap__VOrPL .style_imgPicker__xbZB6[data-focused="true"] {
  box-shadow: 0 0 0 2px var(--primaryColor);
}
.style_imagePickerWrap__VOrPL .style_imgPicker__xbZB6 .style_deleteBtn__AdIkb {
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 14px;
  margin-top: -8px;
  display: none;
}
.style_imagePickerWrap__VOrPL .style_imgPicker__xbZB6:hover .style_deleteBtn__AdIkb {
  display: inline-block;
}
.style_imagePickerWrap__VOrPL .style_imgPlaceholder__gmaTD {
  padding-left: 8px;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g {
  position: relative;
  display: inline-block;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_imageOperationMask__CjOxr {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND {
  position: absolute;
  right: 8px;
  top: 8px;
  display: none;
  background: var(--defaultBg);
  border-radius: 8px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 4px;
  z-index: 9;
  overflow: hidden;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND dd {
  display: flex;
  margin: 0;
  margin-right: 4px;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND dd[data-active="true"],
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND dd:hover {
  background: var(--defaultBg);
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND dd:last-child {
  margin-right: 0;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_embedToolbar__v_NND .style_divider__aHbAC {
  width: 1px;
  border-left: 1px solid var(--black_200);
  padding: 0;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_moveHandle__2yez0 {
  position: absolute;
  display: block;
  height: 8px;
  width: 8px;
  z-index: 8;
  opacity: 0;
  will-change: opacity;
  transition: opacity cubic-bezier(0.175, 0.885, 0.32, 1) 0.3s;
  background: var(--primaryColor);
  border-radius: 2px;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_moveHandle__2yez0[data-placement="tl"] {
  top: -8px / 2;
  left: -8px / 2;
  cursor: nwse-resize;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_moveHandle__2yez0[data-placement="tr"] {
  top: -8px / 2;
  right: -8px / 2;
  cursor: nesw-resize;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_moveHandle__2yez0[data-placement="bl"] {
  bottom: -8px / 2;
  left: -8px / 2;
  cursor: nesw-resize;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g .style_moveHandle__2yez0[data-placement="br"] {
  bottom: -8px / 2;
  right: -8px / 2;
  cursor: nwse-resize;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g:hover,
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g[data-focused="true"] {
  box-shadow: 0 0 0 2px var(--primaryColor);
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g:hover .style_moveHandle__2yez0,
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g[data-focused="true"] .style_moveHandle__2yez0 {
  opacity: 1;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g:hover .style_embedToolbar__v_NND {
  display: flex;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g[data-read-only="true"] .style_imageOperationMask__CjOxr {
  display: none;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g[data-read-only="true"]:hover {
  box-shadow: none;
}
.style_imagePickerWrap__VOrPL .style_imageWrap__g1t4g img {
  -webkit-user-select: none;
          user-select: none;
}
.style_imgWrapper__l7QqK > span {
  position: unset !important;
}
.style_imgWrapper__l7QqK .style_img__Nay56 {
  position: relative !important;
  width: unset !important;
  height: unset !important;
}

.link_linkPanel__fcfLQ {
  padding: 4px 8px;
  background: var(--defaultBg);
  border-radius: 4px;
  box-shadow: 0 0px 12px 0 rgba(26, 26, 26, 0.16);
}
.link_linkPanelInline__X7Nwz {
  display: flex;
  align-items: center;
}
.link_linkPanelInline__X7Nwz input {
  background: none;
  border: none;
}
.link_linkPanelInline__X7Nwz .link_divider__UPt0M {
  display: inline-block;
  height: 24px;
  width: 1px;
  margin-left: 8px;
  background-color: var(--bg-color-hover);
}
.link_linkOptBtn__Z4Rvc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: var(--defaultBg);
  overflow: hidden;
}
.link_linkOptBtn__Z4Rvc:hover {
  background: var(--defaultBg);
}
.link_linkInputGroup__GIwTk {
  margin-bottom: 16px;
}
.link_footer__iElSa {
  text-align: right;
}
.link_footer__iElSa button + button {
  margin-left: 8px;
}
.link_link__QKrw1 {
  text-decoration: none;
  border-bottom: 1px solid;
}
.link_link__QKrw1:hover {
  text-decoration: none;
}

.list_item_listItem__m3olI {
  line-height: 180%;
  font-size: 16px;
  margin-bottom: 8px;
  padding-left: 24px;
}
.list_item_listItem__m3olI::before {
  -webkit-user-select: none;
          user-select: none;
  color: var(--black_700);
  min-width: 24px;
  margin-left: -24px;
  margin-right: 4px;
  text-align: right;
  display: inline-block;
}
.list_item_listItem__m3olI.list_item_ordered1__X4vTt::before {
  content: counter(ordered-1, lower-alpha) ".";
  counter-increment: ordered-1;
}
.list_item_listItem__m3olI.list_item_ordered2__Oh5_b::before {
  content: counter(ordered-2, lower-roman) ".";
  counter-increment: ordered-2;
}
.list_item_listItem__m3olI.list_item_ordered3__qUW5K::before {
  content: counter(ordered-3) ".";
  counter-increment: ordered-3;
}
.list_item_listItem__m3olI.list_item_ordered4__iQ1zr::before {
  content: counter(ordered-4, lower-alpha) ".";
  counter-increment: ordered-4;
}
.list_item_listItem__m3olI.list_item_ordered5__vMpR3::before {
  content: counter(ordered-5, lower-roman) ".";
  counter-increment: ordered-5;
}
.list_item_listItem__m3olI.list_item_ordered6__v_1XZ::before {
  content: counter(ordered-6) ".";
  counter-increment: ordered-6;
}
.list_item_listItem__m3olI.list_item_ordered7__ehA_e::before {
  content: counter(ordered-7, lower-alpha) ".";
  counter-increment: ordered-7;
}
.list_item_listItem__m3olI.list_item_ordered8__kkMC6::before {
  content: counter(ordered-8, lower-roman) ".";
  counter-increment: ordered-8;
}
.list_item_listItem__m3olI.list_item_ordered9__hEw0d::before {
  content: counter(ordered-9) ".";
  counter-increment: ordered-9;
}
.list_item_listItem__m3olI.list_item_ordered10__ilDR4::before {
  content: counter(ordered-10, lower-alpha) ".";
  counter-increment: ordered-10;
}
ul .list_item_listItem__m3olI[data-list-type]::before {
  content: ' ';
  background: var(--black_700);
  -webkit-clip-path: circle(3px at 60% 50%);
          clip-path: circle(3px at 60% 50%);
}
ol .list_item_listItem__m3olI::before {
  content: counter(ordered-0) ".";
  counter-increment: ordered-0;
  white-space: nowrap;
}

.mention_wrap__Nramj {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  margin: 0 4px;
}
.mention_wrap__Nramj .mention_mention__QeBdo {
  display: inline-block;
  position: relative;
  top: 4px;
}
.mention_wrap__Nramj .mention_mention__QeBdo[contentEditable="true"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.ordered_list_orderedList__1pabq {
  padding: 0;
  margin: 0;
  list-style: none;
}

.style_paragraph__aZFWU[data-node-type] {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 180%;
}

.quote_quote__brgV_ {
  position: relative;
  padding: 0;
  margin: 0;
  padding-left: 19px;
}
.quote_quote__brgV_::before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--black_700);
}

.quote_item_quoteItem__LJb4x {
  margin: 0;
  padding: 0;
  line-height: 180%;
  font-size: 16px;
}
.quote_item_quoteItemOpt__AfadB {
  left: -44px;
}

.style_section___hP8F {
  position: relative;
  text-align: left;
  margin-bottom: 24px;
}
div[data-section-spacing="small"] .style_section___hP8F {
  margin-bottom: 8px;
}
div[data-section-spacing="middle"] .style_section___hP8F {
  margin-bottom: 16px;
}

.style_underline__tWUu5 {
  text-decoration: none;
  border-bottom: 1px solid;
}
.style_code__cFZbL {
  color: #D53D32;
  padding: 4px;
  background: #f2f4f6;
  font-size: 0.8125em;
  font-family: Consolas, "SFMono-Regular", "Liberation Mono", Menlo, Courier, monospace;
  border-radius: 2px;
  line-height: normal;
}

.task_task__Le5js {
  position: relative;
  padding: 0;
  margin: 0;
}

.checkbox_wrap__YJg3v {
  cursor: pointer;
}
.checkbox_wrap__YJg3v[data-disabled="true"] {
  cursor: not-allowed;
}
.checkbox_wrap__YJg3v svg {
  will-change: fill;
  transition: fill 0.3s ease-out;
}

.task_item_taskItem__Klwwy {
  position: relative;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
  line-height: 180%;
  font-size: 16px;
  padding-left: 24px;
}
.task_item_taskItem__Klwwy[data-completed="true"] {
  text-decoration: line-through;
  color: var(--black_500);
}
.task_item_checkboxWrap__gqGVc {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
}
.task_item_checkboxWrap__gqGVc[contentEditable="false"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.unordered_list_unorderedList__3L2wY {
  padding: 0;
  margin: 0;
  list-style: none;
}

.style_wrap__4GlLC {
  position: fixed;
  left: -99999px;
  top: -99999px;
  opacity: 0;
  margin: 0;
  max-height: 224px;
  padding: 4px 0;
  background: var(--lowestBg);
  box-shadow: 0 0px 12px 0 rgba(26, 26, 26, 0.16);
  border-radius: 4px;
  overflow: auto;
  list-style: none;
  will-change: left, top;
  transition: top cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, left cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.style_wrap__4GlLC::-webkit-scrollbar {
  width: 0;
}
.style_menuWrap__vWjeT {
  min-width: 160px;
  margin: 0;
  padding: 0 8px;
}
.style_menuWrap__vWjeT dd {
  margin: 0;
}
.style_menuWrap__vWjeT .style_menuTitle__bVMhw {
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  color: var(--black_400);
}
.style_menuWrap__vWjeT .style_menuGroup__43OAY {
  margin: 0;
  padding: 0;
  list-style: none;
}
.style_menuWrap__vWjeT .style_menuGroup__43OAY .style_menuItem__kyGGU {
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
}
.style_menuWrap__vWjeT .style_menuGroup__43OAY .style_menuItem__kyGGU[data-active="true"],
.style_menuWrap__vWjeT .style_menuGroup__43OAY .style_menuItem__kyGGU:hover {
  background: var(--defaultBg);
}

.mention_wrap__sjS56 {
  position: fixed;
  left: -99999px;
  top: -99999px;
  opacity: 0;
}
.mention_loading__zlS6U {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  box-shadow: 1px 1px 14px #e5e5e5;
  background: var(--defaultBg);
}

.editor_editor__HkHmk {
  padding: 0 24px;
}
.editor_editor__HkHmk[data-has-operation="true"] {
  padding: 0 36px;
}
.editor_editor__HkHmk span[data-has-bg="true"] span[data-slate-string="true"]::selection {
  background-color: rgba(0, 0, 0, 0.1);
}
.editor_header__VAkHu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-tooltip .ant-tooltip-inner {
  padding: 8px 16px;
}

/* Auto Layout */
.styles_magicVariableBox__Sl8VO {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 4px;
  line-height: 28px;
  background: var(--fill0);
  border-radius: 4px;
  position: relative;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.styles_magicVariableBox__Sl8VO p {
  margin-bottom: 0 !important;
}
.styles_magicVariableBox__Sl8VO p span[data-slate-node='text'] {
  vertical-align: middle;
}
.styles_add__oREyB {
  position: absolute;
  top: 4px;
  left: 4px;
}
.styles_magicVariable__gDrPz {
  /* Color/Black/Black200 */
  background: var(--fill0);
  border-radius: 2px;
  margin: 0px 4px;
}
.styles_editor__Or7bc {
  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__yAX5y {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__kH6gS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__h4VFd ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__h4VFd ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__h4VFd 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__h4VFd ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__h4VFd li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__h4VFd .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__h4VFd .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__h4VFd .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__h4VFd .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GthmJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__o_zgG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zwZTH .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zwZTH .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zwZTH .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__zwZTH .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__zwZTH .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zwZTH .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zwZTH .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zwZTH .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zwZTH .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zwZTH .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zwZTH .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zwZTH .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__zwZTH .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zwZTH .editBgColor::before,
.style_tree__zwZTH .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zwZTH .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zwZTH .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zwZTH .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__zwZTH .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zwZTH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zwZTH .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zwZTH .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zwZTH .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zwZTH .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__BoFX_ .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__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__BoFX_ .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__BoFX_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__BoFX_ .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__BoFX_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__BoFX_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__iuCYo .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__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__iuCYo .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__iuCYo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__iuCYo .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__iuCYo .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__iuCYo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__iuCYo .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__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__iuCYo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aUh83::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aUh83::-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__aUh83:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4Onts::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4Onts::-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__4Onts:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__dN4E1 {
  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__y5wV1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__y5wV1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__y5wV1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__y5wV1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__y5wV1 {
    flex: 0 0 100%;
  }
}
.style_historyDetailList__b_a4i > div {
  margin-bottom: 8px;
}
.style_historyDetailList__b_a4i > div:last-child {
  margin-bottom: 0;
}
.style_arrowIcon__PKYYQ {
  transition: transform 0.3s;
  cursor: pointer;
}
.style_arrowIcon__PKYYQ.style_rotated__dX7JE {
  transform: rotate(180deg);
}
.style_dropIcon__ZGRXQ {
  vertical-align: middle;
}
.style_historyTitle__2cP7h a {
  color: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__qKWPK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__EoybF {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__TcTNe ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__TcTNe ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__TcTNe 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__TcTNe ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__TcTNe li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__TcTNe .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__TcTNe .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__TcTNe .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__TcTNe .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__OYzff {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__sOZ_T {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___29Cr .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___29Cr .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___29Cr .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___29Cr .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___29Cr .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___29Cr .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___29Cr .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___29Cr .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___29Cr .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___29Cr .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___29Cr .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___29Cr .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___29Cr .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___29Cr .editBgColor::before,
.style_tree___29Cr .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___29Cr .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___29Cr .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___29Cr .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___29Cr .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___29Cr .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___29Cr .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___29Cr .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___29Cr .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___29Cr .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__aFS4r .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__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__aFS4r .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__aFS4r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__aFS4r .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__aFS4r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__aFS4r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__x0dkf .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__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__x0dkf .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__x0dkf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__x0dkf .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__x0dkf .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__x0dkf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__x0dkf .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__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__x0dkf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___cBTY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___cBTY::-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___cBTY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ZZv4f::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ZZv4f::-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__ZZv4f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__gDcPe {
  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__RRVCQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RRVCQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RRVCQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RRVCQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RRVCQ {
    flex: 0 0 100%;
  }
}
:root {
  --zIndex-1: 100;
  --zIndex-2: 200;
  --zIndex-3: 300;
  --zIndex-4: 400;
  --zIndex-5: 500;
  --zIndex-6: 600;
  --zIndex-7: 700;
  --zIndex-8: 800;
  --zIndex-9: 900;
  --zIndex-10: 1000;
  --zIndex-11: 1100;
  --zIndex-12: 1200;
  --viewSortBoxIndex: 10;
  --changRowHeightBox: 10;
  --dragColumnWidthAfter: 1;
  --viewFilterBox: 10;
  --previewFile: 1001;
  --changeMemberDeptModal: 99;
  --userMenu: 2;
  --spaceMenu: 2;
  --catalogCloseBtn: 13;
  --viewSwitchItem: -1;
  --grid: 1;
  --catalogShortMenu: 5;
  --container: 11;
  --fillHandleZIndex: 12;
  --scrollBar: 11;
  --contextmenu: 100;
  --image: 1;
  /* Menu on the left side of the page */
  --navigation: 2;
  /* ant design modal z-index is 1000, here and it is the same, to ensure that whoever comes out after, is on top */
  --overAntModal: 1000;
  /* Render the alert in document.body, the same as the display position of the message */
  --funcAlert: 1000;
  --searchMemberList: 2;
  --group: 1;
  --shallow: 100;
  /* Border circle when dragging and dropping nodes */
  --drag-line-circle: 2;
  --tabButton: 10;
  --tabButtonSvg: 1;
  --tabBlank: 5;
  --tabAddNewIcon: 10;
  --shareMask: 2;
  /* Drag lines in splitPane component */
  --splitPaneResizer: 3;
  /* In the new link invitation popup, the switch in the treeSelect component */
  --switchIcon: -1;
  /* New link invitation pop-up window, treeSelect component in the hover and select when the background color */
  --beforeContent: -2;
  --emojiPicker: 10;
  --triggerIndex: 10000;
  --catalogSearchGlass: 10;
  --vikaby: 999;
  --contextMenuZIndex: 10000;
  --memberOptionListZIndex: 1000;
  --linkEditorZIndex: 999;
  --expandWidget: 999;
  /* # 1 */
  --zIndex-1-mobileFriendlyTip: var(--zIndex-1);
  --zIndex-1-shareMobileSide: var(--zIndex-1);
  --zIndex-1-sideMaskZIndex: var(--zIndex-1);
  --zIndex-1-viewListMaskZIndex: var(--zIndex-1);
  --zIndex-1-previewMainFIleContainer: var(--zIndex-1);
  --zIndex-1-expandMultiTipTransition: var(--zIndex-1);
  --zIndex-1-statusbar: var(--zIndex-1);
  /* # 2 */
  --zIndex-2-wechatShareGuideZIndex: var(--zIndex-2);
  --zIndex-2-previewMainPageButton: var(--zIndex-2);
  --zIndex-2-statusbarHover: var(--zIndex-2);
  /* # 3 */
  --zIndex-3-previewToolBar: var(--zIndex-3);
  --zIndex-3-previewDisplayList: var(--zIndex-3);
  --zIndex-3-uploadDeleteIcon: var(--zIndex-3);
  /* # 10 */
  --zIndex-10-viewListZIndex: var(--zIndex-10);
  --zIndex-10-sideMaskZIndex: var(--zIndex-10);
  --zIndex-10-previewFileMaskZIndex: var(--zIndex-10);
  --zIndex-10-uploadZoneOpacity: var(--zIndex-10);
  --zIndex-10-fieldDescBox: var(--zIndex-10);
  /* # 12 */
  --zIndex-12-mobileBackZIndex: var(--zIndex-12);
  /* Template */
  --template_navigation: 3;
  --template_category_scroll_area: 0;
  --template_tip: 10;
  /* View tab bar */
  --splitMenuContent: 15;
  --tabbarNav: 14;
  --splitCloseBtn: 16;
  /* Magic Form Upload Attachment */
  --formAttachment: 10;
}
.style_dataspace__ixpXP {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.style_dataspace__ixpXP .style_Pane2___lHhj:first-child {
  overflow: hidden;
}
.style_dataspace__ixpXP .style_splitRight__OhOPL {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L {
  height: 100%;
  position: relative;
  background-color: #fff;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_menuWrap__BVy3v {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  transition: width 0.2s;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_menuWrap__BVy3v.style_animationOpen__2AxDr {
  box-shadow: var(--shadowSideRightHigh);
  z-index: var(--splitMenuContent);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_menuWrap__BVy3v.style_animationClose___hQPD {
  animation: style_animationClose___hQPD 0.5s ease-in-out;
  opacity: 0;
  transition-delay: 0.51s;
  overflow: hidden;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_menuWrap__BVy3v.style_animationClose___hQPD > div:first-child {
  width: 0;
  overflow: hidden;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_wrapper__ZkBz2 {
  height: 100%;
  overflow: hidden;
  flex: 1;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F {
  position: absolute;
  top: 57px;
  right: 0px;
  transform: translateX(50%);
  z-index: var(--splitCloseBtn);
  width: 24px;
  height: 24px;
  border: 1px solid var(--lineColor);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--staticWhite0);
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F svg {
  fill: var(--thirdLevelText);
  pointer-events: none;
  transform: translateX(-1px);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F:hover {
  border-color: var(--primaryColor);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F:hover svg {
  fill: var(--primaryColor);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F.style_isPanelClose__m9Zsd {
  transform: translateX(100%);
  box-shadow: 0px 1px 6px 0px #d6daee;
  border: none;
  transition: all 0.3s;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F.style_isPanelClose__m9Zsd svg {
  fill: var(--primaryColor);
  pointer-events: none;
  transform: translateX(1px);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F.style_isPanelClose__m9Zsd:hover {
  box-shadow: 0px 1px 6px 0px rgba(123, 103, 238, 0.4);
  background-color: var(--primaryColor);
}
.style_dataspace__ixpXP .style_splitLeft__yvO6L .style_closeBtn__Z6C3F.style_isPanelClose__m9Zsd:hover svg {
  fill: var(--staticWhite0);
}
.style_dataspace__ixpXP .ant-modal-header {
  display: none !important;
}
@keyframes style_animationClose___hQPD {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.style_nickNameWrapper___u8Xf form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_nickNameWrapper___u8Xf .style_nickNameImg__brq_N {
  width: 210px;
  margin: 0 auto;
}
.style_nickNameWrapper___u8Xf .style_nickNameImg__brq_N img {
  width: 100%;
}
.style_nickNameWrapper___u8Xf .style_err__UiT_A {
  width: 330px;
  font-size: 12px;
  color: var(--errorColor);
  margin-top: 8px;
  height: 12px;
  line-height: 12px;
}
.style_nickNameWrapper___u8Xf .style_tip__Y5lrT {
  text-align: center;
  color: var(--firstLevelText);
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0 50px 0;
}
.style_nickNameWrapper___u8Xf .style_nickName__MtH4c,
.style_nickNameWrapper___u8Xf .style_submit__p0vB9 {
  width: 330px;
  height: 50px;
}
.style_nickNameWrapper___u8Xf .style_submit__p0vB9 {
  margin-top: 30px;
}

/**
* 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__p3e9n {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ipUT_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__SNQY2 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__SNQY2 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__SNQY2 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__SNQY2 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__SNQY2 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__SNQY2 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__SNQY2 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__SNQY2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__SNQY2 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__I0Pkm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ocjYB {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__NqPt_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__NqPt_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__NqPt_ .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__NqPt_ .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__NqPt_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__NqPt_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__NqPt_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__NqPt_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__NqPt_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__NqPt_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__NqPt_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__NqPt_ .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__NqPt_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__NqPt_ .editBgColor::before,
.style_tree__NqPt_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__NqPt_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__NqPt_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__NqPt_ .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__NqPt_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__NqPt_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__NqPt_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__NqPt_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__NqPt_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__NqPt_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__nahpk .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__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__nahpk .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__nahpk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__nahpk .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__nahpk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__nahpk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7Kvro .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__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7Kvro .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__7Kvro .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7Kvro .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__7Kvro .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__7Kvro .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7Kvro .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__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7Kvro .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__u_UJV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__u_UJV::-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__u_UJV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__woKUT::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__woKUT::-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__woKUT:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__r6jk2 {
  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__gZ3dp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__gZ3dp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__gZ3dp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__gZ3dp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__gZ3dp {
    flex: 0 0 100%;
  }
}
.style_filterValue__0o2Nr {
  flex: 1;
  width: 0;
  height: 40px;
  margin-right: 8px;
}
.style_filterValue__0o2Nr input {
  color: var(--textCommonPrimary);
}
.style_filterValue__0o2Nr .style_inputContainer__Sh9fB {
  height: 100%;
}
.style_filterValue__0o2Nr .style_inputContainer__Sh9fB .style_input__nkBbr {
  border: none;
  background: var(--lowestBg);
  height: 100%;
  flex: 1;
  width: 100%;
}
.style_filterValue__0o2Nr .style_inputContainer__Sh9fB .style_input__nkBbr:hover,
.style_filterValue__0o2Nr .style_inputContainer__Sh9fB .style_input__nkBbr:focus {
  outline: none;
  border: none;
}
.style_filterValue__0o2Nr .style_cascaderEditorContainer__uDHt8 {
  background: var(--lowestBg);
  border-radius: 4px;
}
.style_filterValue__0o2Nr .style_cascaderEditorContainer__uDHt8 .mobileCascaderText {
  line-height: 38px;
  padding-left: 8px;
}
.style_filterValue__0o2Nr .style_cascaderEditorContainer__uDHt8 .ant-select-selector .ant-select-selection-item {
  line-height: 38px !important;
}
.style_filterValue__0o2Nr .numberEditorInput {
  min-height: 40px;
}
.style_select__TNZsD {
  height: 40px;
  background: var(--lowestBg);
  padding: 8px 10px 8px 0;
  position: relative;
  border-radius: 4px;
}
.style_select__TNZsD > div:last-child {
  position: unset;
}
.style_select__TNZsD .style_displayBox__nAZjR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  cursor: pointer;
}
.style_select__TNZsD .style_displayBox__nAZjR.style_disabled__hoKEl {
  cursor: not-allowed;
  opacity: 0.5;
}
.style_select__TNZsD .style_displayBox__nAZjR .style_content__VRVIN {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_select__TNZsD .style_displayBox__nAZjR .style_content__VRVIN .style_items__8mtev {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_select__TNZsD .style_displayBox__nAZjR .style_iconArrow__pxMtP {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.style_select__TNZsD .style_displayBox__nAZjR .style_placeholder__NY_JA {
  color: #9FA1BB;
  font-size: 13px;
  margin-left: 8px;
}
.style_select__TNZsD .style_selectList__IFnlQ {
  top: 36px;
  left: 0;
  max-height: 500px;
  overflow-y: auto;
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
}
.style_select__TNZsD .style_selectList__IFnlQ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_select__TNZsD .style_selectList__IFnlQ::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_select__TNZsD .style_selectList__IFnlQ::-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_select__TNZsD .style_selectList__IFnlQ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_filterDate__a_8BL {
  display: flex;
  align-items: center;
}
.style_filterDate__a_8BL > div:nth-child(1) {
  margin-right: 10px;
}
.style_filterDate__a_8BL > div:nth-child(2) {
  box-shadow: none;
}
.style_filterDate__a_8BL > div:nth-child(2) input {
  background: var(--lowestBg);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding-left: 8px;
}
.style_filterDate__a_8BL:focus {
  outline: none !important;
  border: none !important;
}
.style_numberContainer__jj_o3 {
  height: 100%;
}
.style_numberContainer__jj_o3 > div {
  width: 100%;
  box-shadow: none;
}
.style_numberContainer__jj_o3 > div input {
  background: var(--lowestBg) !important;
  border-radius: 4px;
  height: 100% !important;
  line-height: 100% !important;
}
.style_numberContainer__jj_o3 > div input:focus {
  outline: none;
  border: none;
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
  background: var(--defaultBg) !important;
}
@media screen and (max-width: 767.98px) {
  .style_numberContainer__jj_o3 > div input:focus {
    -webkit-appearance: none;
            appearance: none;
  }
}
.style_ratingContainer__cOeS8 {
  background: var(--lowestBg);
  border-radius: 4px;
  height: 100%;
  padding-top: 4px;
}
.style_checkboxContainer__tb7HX {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--lowestBg);
  border-radius: 4px;
  height: 40px;
}
.style_option__BMMGr > div {
  flex-wrap: nowrap !important;
  align-self: auto;
}
.style_dataDuration__g5h_6 {
  width: 104px;
}
.style_dataDuration__g5h_6 > div {
  height: 100% !important;
  border: none !important;
}
.style_dataDuration__g5h_6 > div:focus {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_dataDuration__g5h_6 > div > div {
  line-height: 100% !important;
}
.style_dataDuration__g5h_6 > div > div svg {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .style_cascaderEditorContainer__uDHt8 {
    min-height: 48px;
  }
  .style_ratingContainer__cOeS8 {
    padding-top: 0;
  }
  .style_filterValue__0o2Nr {
    width: 100%;
    height: 48px;
    margin: 0;
    margin-top: 8px;
  }
  .style_filterValue__0o2Nr .style_select__TNZsD {
    height: 100%;
  }
  .style_filterValue__0o2Nr .numberEditorInput {
    min-height: 48px;
  }
  .style_filterDate__a_8BL {
    height: 100%;
  }
  .style_checkboxContainer__tb7HX {
    height: 100%;
  }
  .style_wrapper__odGiO {
    height: 100%;
    background: var(--lowestBg);
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex: 1;
  }
  .style_wrapper__odGiO .pickerChildrenWrapper {
    padding-right: 12px;
  }
  .style_wrapper__odGiO .pickerChildrenWrapper > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.style_dateRange__5MYom {
  background: var(--lowestBg) !important;
  border: none !important;
  height: 40px !important;
  width: 220px;
  padding: 0 8px;
}
.style_dateRange__5MYom .ant-picker-input input {
  padding-left: 0 !important;
}
.style_dateRange__5MYom .ant-picker-input input::-webkit-input-placeholder {
  color: var(--thirdLevelText) !important;
}
.style_mobileRangePicker__uDh2U {
  display: flex;
  width: 220px;
}

/**
* 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_groupWrapper__ICv79 {
  display: grid;
  grid-template-columns: [boolean-start] 80px [boolean-end property-start] 120px [property-end opererator-start] 110px [operator-end value-start] auto [value-end menu-start] 32px [menu-end];
  grid-auto-rows: minmax(32px, auto);
  gap: 8px;
  place-items: start stretch;
  align-items: center;
}
.styles_groupWrapperWithAdd__DO_qU {
  padding: 8px;
  border: 1px solid var(--lineColor);
  overflow: auto;
  border-radius: 4px;
}
.styles_addFilterWrapper__AV5IK {
  margin-top: 8px;
}
.styles_addFilterSelectTrigger__Qp2zE {
  color: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__FnSdt {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Pqzdu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__iUvBC ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__iUvBC ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__iUvBC 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__iUvBC ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__iUvBC li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__iUvBC .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__iUvBC .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__iUvBC .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__iUvBC .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__N0Ve8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__TEV3h {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Yi60o .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Yi60o .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Yi60o .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__Yi60o .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__Yi60o .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Yi60o .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Yi60o .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Yi60o .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Yi60o .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Yi60o .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Yi60o .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Yi60o .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__Yi60o .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Yi60o .editBgColor::before,
.style_tree__Yi60o .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Yi60o .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Yi60o .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Yi60o .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__Yi60o .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Yi60o .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Yi60o .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Yi60o .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Yi60o .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Yi60o .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__wHRsr .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__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__wHRsr .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__wHRsr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__wHRsr .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__wHRsr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__wHRsr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__U3HBn .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__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__U3HBn .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__U3HBn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__U3HBn .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__U3HBn .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__U3HBn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__U3HBn .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__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__U3HBn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__D4Tis::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__D4Tis::-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__D4Tis:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Z_IEN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Z_IEN::-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__Z_IEN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Q_lvA {
  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__N5O2W {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__N5O2W {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__N5O2W {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__N5O2W {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__N5O2W {
    flex: 0 0 100%;
  }
}
.style_createSpaceWrapper__Bo6Le {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_createSpaceWrapper__Bo6Le .style_logo__KqE2E {
  margin: 40px 0 0 40px;
}
.style_createSpaceWrapper__Bo6Le .style_logo__KqE2E img {
  height: 32px;
  width: auto;
}
.style_createSpaceWrapper__Bo6Le .style_errorMsg__YAYAg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_createSpaceWrapper__Bo6Le .style_formBox__cilaG {
  width: 390px;
  margin: 100px auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-height: 700px) {
  .style_createSpaceWrapper__Bo6Le .style_formBox__cilaG {
    margin-top: 0;
  }
}
@media screen and (max-height: 600px) {
  .style_createSpaceWrapper__Bo6Le .style_formBox__cilaG {
    margin-top: -45px;
  }
}
.style_createSpaceWrapper__Bo6Le .style_createSpaceIcon__ZQbqt {
  height: 200px;
  width: auto;
}
.style_createSpaceWrapper__Bo6Le .style_createSpaceBtn__I_mv8,
.style_createSpaceWrapper__Bo6Le .style_spaceNameInput__7w9KW {
  width: 390px;
  height: 50px;
}
.style_createSpaceWrapper__Bo6Le .style_createSpaceBtn__I_mv8 {
  margin-top: 25px;
}
.style_createSpaceWrapper__Bo6Le .style_spaceNameInput__7w9KW {
  margin-top: 30px;
}
.style_createSpaceWrapper__Bo6Le .style_tip__39fMs {
  color: var(--thirdLevelText);
  font-size: 12px;
  margin-top: 15px;
}
.style_createSpaceWrapper__Bo6Le .style_title__C50F_ {
  margin-top: 18px;
  color: var(--firstLevelText);
  font-size: 26px;
  font-weight: bold;
}
.style_createSpaceWrapper__Bo6Le .style_subTitle__Q45_T {
  color: var(--secondLevelText);
  font-size: 16px;
  font-weight: lighter;
  margin-top: 15px;
  margin-bottom: 50px;
}

/**
* 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__TcKvx {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Q0YEs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__79LCU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__79LCU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__79LCU 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__79LCU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__79LCU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__79LCU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__79LCU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__79LCU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__79LCU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__nm9jm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__VXE6G {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__bP3pB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__bP3pB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__bP3pB .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__bP3pB .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__bP3pB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__bP3pB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__bP3pB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__bP3pB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__bP3pB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__bP3pB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__bP3pB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__bP3pB .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__bP3pB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__bP3pB .editBgColor::before,
.style_tree__bP3pB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__bP3pB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__bP3pB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__bP3pB .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__bP3pB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__bP3pB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__bP3pB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__bP3pB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__bP3pB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__bP3pB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2UnHQ .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__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2UnHQ .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__2UnHQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2UnHQ .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__2UnHQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2UnHQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__tPLOS .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__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__tPLOS .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__tPLOS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__tPLOS .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__tPLOS .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__tPLOS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__tPLOS .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__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__tPLOS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Se6H_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Se6H_::-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__Se6H_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__I9UIy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__I9UIy::-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__I9UIy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JbxCc {
  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__3eWNs {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3eWNs {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3eWNs {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3eWNs {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3eWNs {
    flex: 0 0 100%;
  }
}
.style_spaceListContainer__mFrWm .ant-modal-body {
  padding-right: 0;
}
.style_spaceListContainer__mFrWm .style_buttonWrapper__URUuk {
  padding-right: 24px;
}
.style_noSpaceTip__2pcxe .style_desc__wx0_f {
  font-size: 15px;
  color: var(--secondLevelText);
  margin-bottom: 48px;
}
.style_noSpaceTip__2pcxe .style_desc__wx0_f span {
  font-size: 12px;
}
.style_noSpaceTip__2pcxe .style_tip__FERc4 {
  font-size: 14px;
  color: var(--firstLevelText);
  text-align: center;
  margin-bottom: 28px;
}
.style_noSpaceTip__2pcxe .style_button__e_ovv {
  display: block;
  margin: 0 auto;
  margin-bottom: 43px;
}
.style_spaceList__R9hFP .style_listContainer__bxTqH {
  min-height: 10vh;
  max-height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.style_spaceList__R9hFP .style_listItem__goWsT {
  height: 48px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding-left: 8px;
}
.style_spaceList__R9hFP .style_listItem__goWsT:hover {
  background: var(--lowestBg);
}
.style_spaceList__R9hFP .style_listItem__goWsT span:last-child {
  flex: 1;
}
.style_spaceList__R9hFP .style_listItem__goWsT .style_content__tHNAZ {
  display: flex;
  align-items: center;
}
.style_spaceList__R9hFP .style_listItem__goWsT .style_name__L2R8z {
  flex: 1;
  width: 0;
  padding-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_spaceList__R9hFP .style_desc__wx0_f {
  font-size: 15px;
  color: var(--secondLevelText);
  margin-bottom: 24px;
}
.style_spaceList__R9hFP .style_desc__wx0_f span {
  font-size: 12px;
}
.style_spaceList__R9hFP label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_buttonWrapper__URUuk {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.style_logo__M36_M {
  height: 36px;
  width: auto;
  margin-bottom: 32px;
}

/**
* 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_operationCard__xxTHY {
  position: relative;
  width: 100%;
  background: var(--defaultBg);
  padding: 24px 40px;
  border-radius: 16px;
  margin-top: 24px;
}
.style_operationCard__xxTHY.style_compact__PYVDq {
  padding: 0;
  background: transparent;
  width: 200px;
  margin: 24px auto 0;
  display: none;
  position: absolute;
  bottom: 24px;
}
.style_operationCard__xxTHY .style_closeBtn__ysDiC {
  position: absolute;
  top: 16px;
  right: 16px;
}
.style_operationCard__xxTHY .style_closeBtn__ysDiC svg {
  color: var(--fc3);
}
.style_operationCard__xxTHY .style_paint__ZUERy {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.style_operationCard__xxTHY .style_saveDesc__ldBnQ {
  font-size: 14px;
  text-align: center;
  margin: 20px 0;
}
.style_operationCard__xxTHY .style_button__sBloa {
  margin: 0 auto;
  display: block;
  height: unset;
}
@keyframes style_looseAnimation__IiFuN {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(100px) scale(0.2);
    height: 0;
  }
}
@keyframes style_compactAnimation__th5uK {
  0% {
    opacity: 0.5;
    transform: translateY(100px);
  }
  40% {
    opacity: 1;
    transform: translateY(-5px);
  }
  70% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.style_toggleAnimation__tfkEU {
  display: flex;
  justify-content: center;
}
.style_toggleAnimation__tfkEU .style_loose__ySSkQ {
  transform-origin: center bottom;
  opacity: 1;
  display: block;
  animation: style_looseAnimation__IiFuN 0.3s ease-out forwards;
}
.style_toggleAnimation__tfkEU .style_compact__PYVDq {
  display: block;
  opacity: 0;
  animation: style_compactAnimation__th5uK 0.4s ease-in-out 0.2s forwards;
}

/**
* 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__A2Twk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__VvxAB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__KNimp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__KNimp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__KNimp 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__KNimp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__KNimp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__KNimp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__KNimp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__KNimp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__KNimp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__oY99e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__pkBCX {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__oQyeR .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__oQyeR .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__oQyeR .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__oQyeR .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__oQyeR .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__oQyeR .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__oQyeR .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__oQyeR .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__oQyeR .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__oQyeR .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__oQyeR .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__oQyeR .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__oQyeR .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__oQyeR .editBgColor::before,
.style_tree__oQyeR .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__oQyeR .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__oQyeR .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__oQyeR .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__oQyeR .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__oQyeR .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__oQyeR .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__oQyeR .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__oQyeR .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__oQyeR .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__e25rS .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__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__e25rS .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__e25rS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__e25rS .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__e25rS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__e25rS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__35vJf .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__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__35vJf .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__35vJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__35vJf .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__35vJf .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__35vJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__35vJf .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__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__35vJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__NBn5q::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__NBn5q::-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__NBn5q:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iJg_p::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iJg_p::-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__iJg_p:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__a4sPP {
  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__lgDuP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lgDuP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lgDuP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lgDuP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lgDuP {
    flex: 0 0 100%;
  }
}
.style_shareMenu__C86Q_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--primaryColor);
  width: 100%;
  padding: 24px;
}
.style_shareMenu__C86Q_ .style_logo__nPnuu {
  height: 32px;
  cursor: pointer;
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr {
  padding: 32px 0;
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_avatar__VLS_c {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  position: relative;
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_avatar__VLS_c > span {
  border-color: var(--staticWhite0);
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_avatar__VLS_c .style_littleTip__QnED_ {
  padding: 3px 4px;
  font-size: 8px;
  display: inline-block;
  background: var(--warningColor);
  position: absolute;
  bottom: -4px;
  right: -4px;
  border-radius: 3px;
  color: var(--staticWhite0);
  -webkit-user-select: none;
          user-select: none;
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_customerBane__iZnd8 {
  font-size: 16px;
  color: var(--staticWhite0);
  text-align: center;
  padding-top: 16px;
}
.style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_spaceName__nYz_x {
  width: 152px;
  height: 32px;
  line-height: 32px;
  margin: 0 auto;
  font-size: 13px;
  color: #d5c9ff;
  text-align: center;
  background: #7657e6;
  border-radius: 19px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w {
  overflow: auto;
  flex: 1;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .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_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .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_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .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_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_shareMenu__C86Q_ .style_treeWrapper__vjF2w::-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_shareMenu__C86Q_ .style_treeWrapper__vjF2w:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_shareMenu__C86Q_ .ant-tree-title {
  color: rgba(255, 255, 255, 0.85);
}
.style_shareMenu__C86Q_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--primaryColor) !important;
}
.style_shareMenu__C86Q_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_shareMenu__C86Q_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--primaryColor) !important;
}
@media (max-height: 800px) {
  .style_shareMenu__C86Q_ .style_shareInfo__ubiIr {
    padding: 24px 0;
  }
  .style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_customerBane__iZnd8 {
    font-size: 14px;
  }
  .style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_spaceName__nYz_x {
    height: 28px;
    line-height: 28px;
  }
  .style_shareMenu__C86Q_ .style_tree__oQyeR {
    padding-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .style_shareMenu__C86Q_ {
    box-shadow: -9px 0px 14px -17px black inset;
  }
  .style_shareMenu__C86Q_ .style_shareInfo__ubiIr .style_avatar__VLS_c {
    transform: scale(0.8);
  }
  .style_shareMenu__C86Q_ .style_tree__oQyeR {
    padding-top: 8px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__m49aH {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__YTdcP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__oWYyj ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__oWYyj ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__oWYyj 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__oWYyj ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__oWYyj li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__oWYyj .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__oWYyj .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__oWYyj .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__oWYyj .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__2f0EC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__gwLfe {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__yD52g .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__yD52g .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__yD52g .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__yD52g .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__yD52g .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__yD52g .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__yD52g .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__yD52g .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__yD52g .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__yD52g .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__yD52g .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__yD52g .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__yD52g .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__yD52g .editBgColor::before,
.style_tree__yD52g .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__yD52g .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__yD52g .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__yD52g .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__yD52g .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__yD52g .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__yD52g .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__yD52g .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__yD52g .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__yD52g .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Yr7yW .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__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Yr7yW .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__Yr7yW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Yr7yW .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__Yr7yW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Yr7yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__wjntJ .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__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__wjntJ .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__wjntJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__wjntJ .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__wjntJ .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__wjntJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wjntJ .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__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__wjntJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__DGqZr::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__DGqZr::-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__DGqZr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__GjYpv::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__GjYpv::-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__GjYpv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__CbkyE {
  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__5589N {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__5589N {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__5589N {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__5589N {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__5589N {
    flex: 0 0 100%;
  }
}
.style_logo__mgLY4 {
  margin-top: 57px;
  margin-left: 49px;
}
.style_main__lnNBA {
  width: 240px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_desc___J8oU {
  margin-top: 45px;
  margin-bottom: 48px;
}

.styles_overlayStyle___DO9e {
  background: var(--highestBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
  border: 1px solid var(--borderCommonDefault);
}

.styles_modalContent__1qLRC {
  height: 100%;
  background: var(--bgCommonDefault) !important;
  border: 1px solid var(--borderCommonDefault);
  overflow: hidden;
  border-radius: 8px;
}

.styles_nodeLogo__KYuOO {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 4px;
}

.style_errorMsg__2kZdK {
  height: 14px;
  font-size: 10px;
  color: var(--errorColor);
  margin: 4px 0 6px;
}

/**
* 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__R2fSG {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__6diZW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Lv1R7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Lv1R7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Lv1R7 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__Lv1R7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Lv1R7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Lv1R7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Lv1R7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Lv1R7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Lv1R7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__VmEWe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__98Ppa {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__EDj3x .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__EDj3x .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__EDj3x .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__EDj3x .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__EDj3x .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__EDj3x .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__EDj3x .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__EDj3x .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__EDj3x .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__EDj3x .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__EDj3x .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__EDj3x .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__EDj3x .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__EDj3x .editBgColor::before,
.style_tree__EDj3x .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__EDj3x .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__EDj3x .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__EDj3x .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__EDj3x .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__EDj3x .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__EDj3x .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__EDj3x .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__EDj3x .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__EDj3x .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__JsyaY .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__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__JsyaY .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__JsyaY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__JsyaY .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__JsyaY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__JsyaY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__M_t7D .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__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__M_t7D .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__M_t7D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__M_t7D .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__M_t7D .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__M_t7D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__M_t7D .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__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__M_t7D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__v1K7x::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__v1K7x::-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__v1K7x:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__evZPs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__evZPs::-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__evZPs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__p9SNT {
  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__2_X3S {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2_X3S {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2_X3S {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2_X3S {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2_X3S {
    flex: 0 0 100%;
  }
}
.style_unitItem__hkacd {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_unitItem__hkacd .style_unitInfo__AG9IB {
  flex: 1;
  overflow: hidden;
}
.style_unitItem__hkacd .style_unitInfo__AG9IB .style_role__EcBk2 {
  display: flex;
  align-items: center;
}
.style_unitItem__hkacd .style_permission__aPHBj {
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: var(--secondLevelText);
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  margin-left: 32px;
}
.style_unitItem__hkacd .style_closeBtn__s158k {
  margin-left: 5px;
}
.style_unitItem__hkacd .ant-select {
  color: var(--rowSelectedBg);
  width: 94px;
}
.style_unitItem__hkacd .ant-select-selector {
  background: var(--lowestBg) !important;
  border: 0 !important;
  color: var(--firstLevelText) !important;
}
.style_unitItem__hkacd .ant-select-dropdown {
  box-shadow: var(--shadowCommonHighest);
}
.style_unitItem__hkacd .ant-select-show-arrow .ant-select-selection-item {
  padding-right: 8px !important;
}
.style_unitItem__hkacd .ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background: var(--lowestBg);
  color: var(--firstLevelText);
  cursor: default;
}
.style_unitItem__hkacd .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  box-shadow: none;
  color: var(--firstLevelText);
}
.style_unitItem__hkacd .ant-select-single.ant-select-open .ant-select-selection-item {
  opacity: 1;
}
.style_unitItem__hkacd .ant-select-selection__rendered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 32px !important;
}
.style_unitItem__hkacd .ant-select-arrow {
  margin-top: 0px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}
.style_unitItem__hkacd .ant-select-arrow > span {
  padding-left: 4px;
}
.style_unitItem__hkacd .ant-select-arrow .ant-select-arrow-icon {
  display: flex;
  align-items: center;
}
.style_unitItem__hkacd .ant-select-arrow .ant-select-arrow-icon svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
}
.style_selectDropdown__sB7MP .ant-select-dropdown-menu-item {
  line-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  color: var(--secondLevelText);
  text-align: center;
}
.style_selectDropdown__sB7MP .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
}
.style_selectDropdown__sB7MP .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
@media screen and (max-width: 767.98px) {
  .style_unitItem__hkacd {
    height: 64px;
  }
  .style_unitItem__hkacd .ant-select {
    width: auto;
  }
  .style_unitItem__hkacd .ant-select-selector {
    padding: 0 !important;
    background: transparent !important;
  }
  .style_unitItem__hkacd .style_selectBtn__2SAmD.style_appoint__drZwB {
    position: relative;
    padding-right: 24px;
    display: flex;
    align-items: center;
  }
  .style_unitItem__hkacd .style_selectBtn__2SAmD.style_appoint__drZwB .style_arrowIcon__o5IK0 {
    position: absolute;
    right: 0;
  }
}
.style_permissionList__JMqiu {
  padding: 0 8px;
}
.style_permissionList__JMqiu .style_item__rKiag {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.style_permissionList__JMqiu .style_item__rKiag.style_itemDisabled__t51gf {
  color: var(--fourthLevelText);
  cursor: not-allowed;
}
@media (any-hover: hover) {
  .style_permissionList__JMqiu .style_item__rKiag:hover {
    background: var(--rowSelectedBg);
    border-radius: 4px;
  }
}
.style_delete__4dyUL {
  position: relative;
  margin-top: 8px !important;
}
.style_delete__4dyUL .optionLabel {
  color: var(--errorColor) !important;
}
.style_delete__4dyUL:before {
  content: " ";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--lineColor);
}
.style_delete__4dyUL.style_disabled__MbE7P {
  opacity: 0.5 !important;
}
.style_onlyShowPermission__K_rOw {
  width: 75px;
  font-size: 14px;
  color: var(--firstLevelText);
  padding-right: 28px;
}
.style_selectWrapper__6rsDv {
  display: flex;
  align-items: center;
}
.style_mobileOption__s1RzD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  line-height: 48px;
}
.style_mobileOption__s1RzD:not(:first-child) {
  border-top: 1px solid var(--lineColor);
}
.style_mobileRoleSelect__lkzDj {
  display: flex;
  align-items: center;
}
.style_mobileRoleSelect__lkzDj svg {
  margin-left: 10px;
}
.style_deleteItem__GVFwL {
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: var(--errorColor);
}
.style_group__UoAN9 {
  border-radius: 8px;
  background: var(--defaultBg);
  padding: 0 16px;
}
.style_group__UoAN9:not(:nth-child(1)) {
  margin-top: 24px;
}
.style_mobileWrapper__gr3Mg {
  background: var(--defaultBg);
  border-radius: 8px;
  padding: 0 16px;
}
.style_hoverBg__AZzuP:not(:hover) {
  background: none !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_membersDetail__BCWAK {
  background: var(--primaryColor);
  min-height: 30vh;
  max-height: 60vh;
  padding-top: 6px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
}
.style_membersDetail__BCWAK .style_container__PyNa9 {
  flex: 1;
  background: var(--defaultBg);
  padding: 18px 0 24px 24px;
  display: flex;
  flex-direction: column;
}
.style_membersDetail__BCWAK .style_container__PyNa9 .style_title__YGglB {
  font-size: 16px;
  font-weight: bold;
  height: 56px;
  color: var(--firstLevelText);
  padding-bottom: 32px;
}
.style_membersDetail__BCWAK .style_container__PyNa9 .style_scrollWrapper__iyK5A {
  flex: 1;
  max-height: calc(60vh - 104px);
  overflow-y: scroll;
  overflow-x: visible;
  padding-right: 12px;
}

/**
* 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__B29ai {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__1gp_G {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__9PvPM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__9PvPM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__9PvPM 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__9PvPM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__9PvPM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__9PvPM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__9PvPM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__9PvPM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__9PvPM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Xl4Qb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__OVaLx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__72JxL .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__72JxL .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__72JxL .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__72JxL .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__72JxL .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__72JxL .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__72JxL .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__72JxL .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__72JxL .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__72JxL .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__72JxL .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__72JxL .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__72JxL .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__72JxL .editBgColor::before,
.style_tree__72JxL .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__72JxL .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__72JxL .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__72JxL .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__72JxL .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__72JxL .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__72JxL .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__72JxL .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__72JxL .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__72JxL .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__v0i2r .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__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__v0i2r .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__v0i2r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__v0i2r .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__v0i2r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__v0i2r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__3zKQo .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__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__3zKQo .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__3zKQo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__3zKQo .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__3zKQo .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__3zKQo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3zKQo .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__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__3zKQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__gyc_s::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__gyc_s::-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__gyc_s:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__DArDZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__DArDZ::-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__DArDZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__23q2b {
  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__ILwrh {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ILwrh {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ILwrh {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ILwrh {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ILwrh {
    flex: 0 0 100%;
  }
}
.style_permission__zheYw {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_permission__zheYw .style_permissionHeader__qMkzZ {
  padding: 0 24px;
}
.style_permission__zheYw .style_toggleSwitchWrapper__2jkR8 {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--lineColor);
}
.style_permission__zheYw .style_toggleSwitchWrapper__2jkR8 .style_switchText__4DUUV {
  padding-left: 8px;
}
.style_permission__zheYw .style_permissionSelect__8xUb2 {
  margin-bottom: 16px;
}
.style_permission__zheYw .style_addBtnWrapper__uQhre {
  position: relative;
  margin: 16px 0;
}
.style_permission__zheYw .style_addBtnWrapper__uQhre .style_addBtn__UMZOO {
  display: flex;
  align-items: center;
}
.style_permission__zheYw .style_scrollContainer___eSQO {
  padding: 0 4px 0 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  flex: 1;
}
.style_permission__zheYw .ant-radio-wrapper-checked > span:last-child span {
  font-weight: bold;
  color: var(--firstLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_permission__zheYw .style_addBtnWrapper__uQhre {
    margin-top: 0;
    margin-bottom: 16px;
  }
  .style_permission__zheYw .style_memberDetail__z7moK {
    text-decoration: underline;
  }
  .style_permission__zheYw .style_memberDetail__z7moK.style_appointMemberDetail__0UzM3 {
    display: inline-block;
  }
  .style_permission__zheYw .style_scrollContainer___eSQO {
    padding: 0 16px;
  }
  .style_permission__zheYw .style_inviteBtn__4cOsh {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--primaryColor);
  }
  .style_permission__zheYw .style_inviteBtn__4cOsh svg {
    width: 16px;
    height: 16px;
    fill: var(--primaryColor);
    margin-right: 4px;
  }
  .style_item__QULp3 {
    height: 64px;
    display: flex;
    align-items: center;
  }
  .style_item__QULp3:not(:last-child) {
    position: relative;
  }
  .style_item__QULp3:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--lineColor);
    transform: scaleY(0.5);
  }
  .style_item__QULp3 .style_title__kVuBY {
    font-size: 15px;
    color: var(--firstLevelText);
    padding-bottom: 4px;
  }
  .style_item__QULp3 .style_desc__tEg__ {
    font-size: 12px;
    color: var(--thirdLevelText);
  }
}
.style_permissionSettingMenuItem__y8OP5 {
  line-height: 22px;
  border-radius: 4px;
  padding: 9px 8px;
  cursor: pointer;
}
.style_permissionSettingMenuItem__y8OP5:hover {
  background: var(--rowSelectedBg);
  cursor: pointer;
  position: relative;
}
.style_permissionSettingMenuItem__y8OP5.style_active__oQR3B {
  color: var(--primaryColor);
}
.style_permissionSettingMenu__9hjBJ {
  padding: 8px;
  background-color: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 8px;
  color: var(--fc1);
}
.style_permissionSettingMenu__9hjBJ .style_permissionSettingMenuItemActive__he27F {
  color: var(--primaryColor);
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi {
  padding-bottom: 8px;
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_tipIcon__ZDRQS {
  vertical-align: text-bottom;
  line-height: 20px;
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_tip__wTjkS {
  display: inline;
  margin-left: 4px;
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_hasSettingBox__uOv14 {
  width: 100%;
  display: flex;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--bgBrandLightDefault);
  color: var(--textBrandDefault);
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_hasSettingBox__uOv14 .style_hasSettingIcon__4Nk0S {
  margin-top: 2px;
  min-width: 16px;
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_hasSettingBox__uOv14 div {
  margin: 0 4px;
  color: var(--textBrandDefault);
  font-size: 13px;
  line-height: 20px;
}
.style_permissionInfoSetting__jYla0 .style_tipContainer__5FuYi .style_hasSettingBox__uOv14 div a {
  margin-left: 4px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  color: var(--primaryColor);
}
.style_permissionInfoSetting__jYla0 .style_settingLine__bzBn5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_permissionInfoSetting__jYla0 .style_settingLine__bzBn5 .style_viewByPersonBtn__mPG7w {
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: underline;
  color: var(--thirdLevelText);
}
.style_batchDeleteItem__uIlnY {
  position: relative;
  color: var(--errorColor);
  margin-top: 8px;
}
.style_batchDeleteItem__uIlnY:before {
  content: " ";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--lineColor);
}

/**
* 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__JKeEi {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__j_Cx3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__sYyGF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__sYyGF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__sYyGF 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__sYyGF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__sYyGF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__sYyGF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__sYyGF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__sYyGF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__sYyGF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__HJglQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__naUA3 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__2X1xe .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__2X1xe .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__2X1xe .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__2X1xe .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__2X1xe .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__2X1xe .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__2X1xe .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__2X1xe .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__2X1xe .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__2X1xe .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__2X1xe .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__2X1xe .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__2X1xe .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__2X1xe .editBgColor::before,
.style_tree__2X1xe .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__2X1xe .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__2X1xe .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__2X1xe .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__2X1xe .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__2X1xe .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__2X1xe .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__2X1xe .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__2X1xe .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__2X1xe .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Imkqp .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__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Imkqp .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__Imkqp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Imkqp .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__Imkqp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Imkqp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__GxdmQ .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__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__GxdmQ .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__GxdmQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__GxdmQ .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__GxdmQ .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__GxdmQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GxdmQ .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__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__GxdmQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__xzd1k::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__xzd1k::-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__xzd1k:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__D4Rs2::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__D4Rs2::-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__D4Rs2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__GPVuh {
  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__vEZhJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__vEZhJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__vEZhJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__vEZhJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__vEZhJ {
    flex: 0 0 100%;
  }
}
.style_unitItem__rj8Ft {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 9px 24px 9px 8px;
  border-radius: 4px;
  width: 100%;
}
.style_unitItem__rj8Ft:hover {
  background: var(--bgBglessHover);
}
.style_unitItem__rj8Ft .style_unitInfo__JqI6r {
  flex: 1;
  overflow: hidden;
}
.style_unitItem__rj8Ft .style_unitInfo__JqI6r .style_infoCard__nThpd div {
  max-width: 100%;
}
.style_unitItem__rj8Ft .style_unitInfo__JqI6r .style_role__jkHoX {
  display: flex;
  align-items: center;
}
.style_unitItem__rj8Ft .style_unitInfo__JqI6r .style_identifyTag__xJx9N {
  padding: 0 4px;
  font-size: 12px;
  border-radius: 2px;
}
.style_unitItem__rj8Ft .style_unitInfo__JqI6r .style_identifyTag__xJx9N .style_tagContent__2RoJx {
  white-space: nowrap;
  font-weight: normal;
}
.style_unitItem__rj8Ft .style_permission__V0jH6 {
  display: flex;
  align-items: center;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: var(--secondLevelText);
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  padding-left: 16px;
}
.style_unitItem__rj8Ft .style_closeBtn__3wBUx {
  margin-left: 5px;
}
.style_itemContent__tlWK7 {
  width: 100%;
}
.style_unitItemOperation__0RZcZ {
  cursor: pointer;
}
.style_unitItemOperation__0RZcZ:active {
  background: var(--bgBglessActive);
}
.style_unitItemMobile__gwLAV:hover,
.style_unitItemMobile__gwLAV:active {
  background: transparent;
}
@media screen and (max-width: 767.98px) {
  .style_unitItem__rj8Ft {
    height: 64px;
  }
  .style_unitItem__rj8Ft .ant-select {
    width: auto;
  }
  .style_unitItem__rj8Ft .ant-select-selector {
    padding: 0 !important;
    background: transparent !important;
  }
  .style_unitItem__rj8Ft .style_selectBtn__s5CQl.style_appoint__pDAhE {
    position: relative;
    padding-right: 24px;
    display: flex;
    align-items: center;
  }
  .style_unitItem__rj8Ft .style_selectBtn__s5CQl.style_appoint__pDAhE .style_arrowIcon__UYz4C {
    position: absolute;
    right: 0;
  }
  .style_onlyShowPermissionDisabled__GJXk4 {
    padding-right: 20px !important;
  }
}
.style_permissionList__BSSSv {
  padding: 0 8px;
}
.style_permissionList__BSSSv .style_item__IxdZp {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.style_permissionList__BSSSv .style_item__IxdZp.style_itemDisabled__woZGi {
  color: var(--fourthLevelText);
  cursor: not-allowed;
}
@media (any-hover: hover) {
  .style_permissionList__BSSSv .style_item__IxdZp:hover {
    background: var(--rowSelectedBg);
    border-radius: 4px;
  }
}
.style_delete__GKumf {
  position: relative;
  margin-top: 8px !important;
  color: var(--errorColor) !important;
}
.style_delete__GKumf:before {
  content: " ";
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--lineColor);
}
.style_delete__GKumf.style_disabled__a21Q8 {
  opacity: 0.5 !important;
}
.style_onlyShowPermission__vSZzM {
  padding-right: 4px;
  font-size: 13px;
  color: var(--textCommonPrimary);
}
.style_onlyShowPermissionDisabled__GJXk4 {
  padding-right: 16px;
  opacity: 0.5;
}
.style_selectWrapper__qFA3A {
  display: flex;
  align-items: center;
}
.style_mobileOption__XAVOu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  line-height: 48px;
}
.style_mobileOption__XAVOu:not(:first-child) {
  border-top: 1px solid var(--lineColor);
}
.style_mobileRoleSelect__sS_ka {
  display: flex;
  align-items: center;
}
.style_mobileRoleSelect__sS_ka .style_itemContent__tlWK7 {
  width: 100%;
}
.style_deleteItem__wzeMp {
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: var(--errorColor);
}
.style_group__kGliI {
  border-radius: 8px;
  background: var(--defaultBg);
  padding: 0 16px;
}
.style_group__kGliI:not(:nth-child(1)) {
  margin-top: 24px;
}
.style_mobileWrapper__9R75D {
  background: var(--defaultBg);
  border-radius: 8px;
  padding: 0 16px;
}
.style_hoverBg__ABNgw:not(:hover) {
  background: none !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
**/
.styles_antiEllipsis__fuSY9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__uSRi7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__iplA7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__iplA7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__iplA7 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__iplA7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__iplA7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__iplA7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__iplA7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__iplA7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__iplA7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__W5YXl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__0t7uO {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__YTaYQ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__YTaYQ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__YTaYQ .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__YTaYQ .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__YTaYQ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__YTaYQ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__YTaYQ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__YTaYQ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__YTaYQ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__YTaYQ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__YTaYQ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__YTaYQ .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__YTaYQ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__YTaYQ .editBgColor::before,
.styles_tree__YTaYQ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__YTaYQ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__YTaYQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__YTaYQ .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__YTaYQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__YTaYQ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__YTaYQ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__YTaYQ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__YTaYQ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__YTaYQ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__JRzo6 .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__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__JRzo6 .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__JRzo6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__JRzo6 .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__JRzo6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__JRzo6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ZkPvG .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__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ZkPvG .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__ZkPvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ZkPvG .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__ZkPvG .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__ZkPvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZkPvG .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__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ZkPvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__LfUaK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__LfUaK::-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__LfUaK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__hBSAZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__hBSAZ::-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__hBSAZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__DYCy6 {
  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__6Wrzm {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__6Wrzm {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__6Wrzm {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__6Wrzm {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__6Wrzm {
    flex: 0 0 100%;
  }
}
.styles_fieldPermissionModalWrap__N4cu3 {
  border-radius: 8px;
  padding-bottom: 0 !important;
}
.styles_fieldPermissionModalWrap__N4cu3 .ant-modal-body {
  height: 552px;
}
.styles_fieldPermissionModalWrap__N4cu3 .ant-modal-close {
  display: block !important;
}
.styles_fieldPermissionModal__CLjd6 .ant-modal-close {
  display: none;
}
.styles_fieldPermissionModal__CLjd6 .ant-modal-header {
  padding-bottom: 0;
}
.styles_fieldPermissionModal__CLjd6 .ant-modal-body {
  padding: 0 0 24px 0;
}
.styles_unOpenPermissionWrapper__xW2pL {
  font-size: 14px;
}
.styles_unOpenPermissionWrapper__xW2pL .styles_lockIconWrapper__Y0W_1 {
  margin-top: 24px;
  margin-bottom: 4px;
  display: flex;
  width: 100%;
  justify-content: center;
}
.styles_unOpenPermissionWrapper__xW2pL p {
  font-size: 13px;
  color: var(--firstLevelText);
  margin-top: 8px;
  text-align: center;
  margin-bottom: 40px;
}
.styles_unOpenPermissionWrapper__xW2pL button {
  display: block;
  margin: 0 auto;
}
.styles_openPermissionWrapper__GHw34 .styles_switchWrapper__81WZ8 {
  padding-bottom: 16px;
  margin: 0 24px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.styles_openPermissionWrapper__GHw34 .styles_permissionStatus__jNPcn {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
  height: 20px;
  border-color: transparent;
}
.styles_openPermissionWrapper__GHw34 .styles_permissionSelect__jYxtr {
  border-top: 1px solid var(--lineColor);
  padding: 16px 24px 0;
  border-color: transparent !important;
}
.styles_openPermissionWrapper__GHw34 .styles_collaboratorTip__5WUxi {
  margin: 16px 24px;
  font-size: 12px;
  color: var(--thirdLevelText) !important;
  display: flex;
  justify-content: space-between;
}
.styles_openPermissionWrapper__GHw34 .styles_collaboratorTip__5WUxi .styles_leftTip__qzQZR svg {
  margin-right: 4px;
}
.styles_openPermissionWrapper__GHw34 .styles_collaboratorTip__5WUxi span {
  display: flex;
  align-items: center;
}
.styles_openPermissionWrapper__GHw34 .styles_collaboratorTip__5WUxi span:nth-child(2) {
  cursor: pointer;
}
.styles_openPermissionWrapper__GHw34 .styles_unitPermissionList__EL7hf {
  width: 100%;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
  padding: 0 4px 0 24px;
}
.styles_openPermissionWrapper__GHw34 .styles_unitPermissionList__EL7hf .ant-skeleton {
  margin-bottom: 8px;
  width: 100%;
}
.styles_unitPermissionSelectWrapper__0tTKi {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_addBtn__kM1EF {
  flex-shrink: 0;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitValueWrapper__ra0Ca {
  width: 0;
  flex: 1;
  margin-right: 16px;
  min-height: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px 8px;
  background: var(--lowestBg);
  border-radius: 4px;
  position: relative;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitValueWrapper__ra0Ca:focus-within {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
  background: var(--defaultBg);
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitValueWrapper__ra0Ca .styles_unitValue__jHQz2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  max-height: 88px;
  width: 100%;
  min-height: 28px;
  overflow: auto;
  overflow-x: hidden;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitValueWrapper__ra0Ca .styles_memberListWrapper__c4dKo {
  width: 100%;
  position: absolute;
  left: 0;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitValueWrapper__ra0Ca .styles_memberList__wbmAu {
  position: absolute;
  width: 100%;
  z-index: var(--memberOptionListZIndex);
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_unitPermission__1pjIC {
  height: 28px;
  display: flex;
  align-items: center;
}
.styles_unitPermissionSelectWrapper__0tTKi .styles_permissionSelect__jYxtr {
  height: 20px;
  padding-top: 0px;
  padding-bottom: 0;
  border: none;
  background: transparent;
}
.styles_warningUl__03DIe p {
  margin-bottom: 16px;
  font-size: 12px;
  color: var(--firstLevelText);
}
.styles_warningUl__03DIe p .styles_bold__UO6e1 {
  font-weight: bold;
}
.styles_openFormPermission__pynfm {
  display: flex;
  align-items: center;
  padding: 16px 24px 0;
}
.styles_placeholder__RdOv6 {
  line-height: 28px !important;
  height: 28px !important;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_openPermissionWrapper__GHw34 {
    height: 100% !important;
  }
  .styles_mobileMemberList__37jgh {
    color: var(--secondLevelText);
    font-size: 12px;
    border-bottom: 1px solid var(--thirdLevelText);
  }
  .styles_unitValue__jHQz2 {
    height: 27px !important;
    flex-wrap: nowrap !important;
    width: 0 !important;
    flex: 1;
  }
  .styles_unitValue__jHQz2 > span {
    margin-bottom: 0px !important;
  }
  .styles_collaboratorTip__5WUxi {
    margin-bottom: 4px !important;
  }
  .styles_unOpenPermissionWrapper__xW2pL p {
    font-size: 14px;
  }
  .styles_fieldPermissionWrapper__r8Rh6 .styles_unitPermissionList__EL7hf {
    padding: 0 16px !important;
  }
}
.styles_permissionDrawer__NTZDG .ant-drawer-header {
  padding-bottom: 0;
}
.styles_permissionDrawer__NTZDG .ant-drawer-body {
  padding: 0 0 24px;
}
.styles_mobileOption__sFJaM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  border-bottom: 1px solid var(--lineColor);
}
.styles_mobileOption__sFJaM:last-child {
  border-bottom: none;
}
.styles_mobileOption__sFJaM p {
  margin-bottom: 0;
}
.styles_mobileOption__sFJaM p:nth-child(2) {
  color: var(--thirdLevelText);
}
.styles_mobileRoleSelect__HIY6Q {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--shadowColor);
  padding-left: 10px;
}
.styles_helpIcon__yZxHd {
  display: flex;
  align-items: center;
}
.styles_customColor__O3cGL {
  color: var(--thirdLevelText) !important;
}
.styles_mobileMemberList__37jgh {
  margin: 0 24px;
}
.styles_doubleSelect__L6kvn {
  border: none !important;
}
.styles_fieldPermissionWrapper__r8Rh6 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_switchWrapper__81WZ8 {
  padding-bottom: 16px;
  margin: 0 24px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_permissionStatus__jNPcn {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0;
  height: 20px;
  border-color: transparent;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_permissionSelect__jYxtr {
  margin-bottom: 16px;
  border-top: 1px solid var(--lineColor);
  padding: 0 24px;
  border-color: transparent !important;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_collaboratorTip__5WUxi {
  margin: 16px 24px;
  font-size: 12px;
  color: var(--thirdLevelText) !important;
  display: flex;
  justify-content: space-between;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_collaboratorTip__5WUxi .styles_leftTip__qzQZR svg {
  margin-right: 4px;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_collaboratorTip__5WUxi span {
  display: flex;
  align-items: center;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_collaboratorTip__5WUxi span:nth-child(2) {
  cursor: pointer;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_unitPermissionList__EL7hf {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 4px 0 16px;
  flex: 1;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_unitPermissionList__EL7hf .ant-skeleton {
  margin-bottom: 8px;
  width: 100%;
}
.styles_fieldPermissionWrapper__r8Rh6 .styles_permissionInfoSetting__y8ogS {
  padding: 0 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_container__qltIh .style_content__QszsZ {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: var(--fc3);
}
.style_container__qltIh .style_left__jbbGx {
  margin-right: 4px;
}
.style_container__qltIh .style_right__5tnGn {
  flex: 1;
  overflow: hidden;
}
.style_container__qltIh .style_btnGroup__udpn5 {
  padding-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.style_container__qltIh .style_content__QszsZ.style_indent__v_5er {
  padding-left: 20px;
}
.style_container__qltIh .style_content__QszsZ.style_accent__mW4v0 {
  color: var(--fc1);
}
.style_container__qltIh .style_title__QlFzJ {
  font-size: 14px;
  font-weight: bold;
  color: var(--fc1);
  padding-bottom: 4px;
}
.style_container__qltIh .ant-popover-inner {
  padding: 16px;
}
.style_container__qltIh .ant-popover-inner-content {
  padding: 0;
  display: flex;
  max-width: 320px;
  min-width: 248px;
}

/**
* 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__SHAne {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__XkBjO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Na4Ta ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Na4Ta ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Na4Ta 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__Na4Ta ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Na4Ta li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Na4Ta .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Na4Ta .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Na4Ta .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Na4Ta .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__TaWDe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__8RgX6 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__HFnQ9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__HFnQ9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__HFnQ9 .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__HFnQ9 .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__HFnQ9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__HFnQ9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__HFnQ9 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__HFnQ9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__HFnQ9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__HFnQ9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__HFnQ9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__HFnQ9 .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__HFnQ9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__HFnQ9 .editBgColor::before,
.styles_tree__HFnQ9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__HFnQ9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__HFnQ9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__HFnQ9 .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__HFnQ9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__HFnQ9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__HFnQ9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__HFnQ9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__HFnQ9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__HFnQ9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__X4Zx_ .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__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__X4Zx_ .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__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__X4Zx_ .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__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__X4Zx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__zPKG5 .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__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__zPKG5 .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__zPKG5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__zPKG5 .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__zPKG5 .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__zPKG5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__zPKG5 .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__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__zPKG5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__bj1e6::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__bj1e6::-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__bj1e6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__RIh9J::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__RIh9J::-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__RIh9J:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__ZqUv6 {
  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__o0OAj {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__o0OAj {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__o0OAj {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__o0OAj {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__o0OAj {
    flex: 0 0 100%;
  }
}
.styles_flexAlign__Enwm6 {
  display: flex;
  align-items: center;
}
.styles_modalHeader__OS5YH {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.styles_modalHeader__OS5YH svg {
  cursor: pointer;
}
.styles_text__MHzfY {
  white-space: nowrap;
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: max-content;
  margin-right: 8px !important;
}
.styles_leftWrapper__V5msU {
  display: flex;
  align-items: center;
  flex: 1;
  width: 0;
}
.styles_leftWrapper__V5msU .styles_infoIcon__vKnoi {
  margin-left: 4px;
}
.styles_targetClx__LWhWY {
  margin: 0 4px;
  display: flex;
  align-items: center;
}
.styles_targetClx__LWhWY svg {
  margin-right: 4px;
  cursor: default !important;
}
.styles_targetClx__LWhWY .emoji-mart-emoji {
  display: flex;
  align-items: center;
}

/**
* 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__nKqRq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__T2bVf {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__7Hb7q ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__7Hb7q ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__7Hb7q 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__7Hb7q ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__7Hb7q li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__7Hb7q .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__7Hb7q .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__7Hb7q .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__7Hb7q .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__awylp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__PvE1i {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__znT1e .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__znT1e .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__znT1e .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__znT1e .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__znT1e .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__znT1e .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__znT1e .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__znT1e .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__znT1e .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__znT1e .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__znT1e .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__znT1e .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__znT1e .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__znT1e .editBgColor::before,
.styles_tree__znT1e .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__znT1e .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__znT1e .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__znT1e .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__znT1e .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__znT1e .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__znT1e .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__znT1e .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__znT1e .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__znT1e .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__NR6Vl .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__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__NR6Vl .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__NR6Vl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__NR6Vl .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__NR6Vl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__NR6Vl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__XzAYN .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__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__XzAYN .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__XzAYN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__XzAYN .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__XzAYN .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__XzAYN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__XzAYN .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__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__XzAYN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__bsfp2::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__bsfp2::-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__bsfp2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__hgVld::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__hgVld::-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__hgVld:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__U83nR {
  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__bdClf {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__bdClf {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__bdClf {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__bdClf {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__bdClf {
    flex: 0 0 100%;
  }
}
.styles_formatFormula__JiH73 > input {
  cursor: pointer;
}
.styles_formulaModalWrapper__yahPT .ant-modal-content {
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.styles_formulaModal__ap13P h2 {
  font-size: 16px;
  line-height: 1.375em;
  color: var(--firstLevelText);
}
.styles_formulaModal__ap13P .styles_formulaInput__HmlPm {
  position: relative;
  max-height: 204px;
  text-indent: 0;
  padding: 8px 5px;
  line-height: 1.5;
  transition: all 0.3s, height 0s;
  font-size: 13px;
  background-color: var(--fc6);
  border: 1px solid transparent;
  border-radius: 4px;
  font-feature-settings: 'tnum', "tnum";
  display: inline-block;
  width: 100%;
  font-variant: tabular-nums;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  -webkit-text-fill-color: transparent;
  -webkit-user-modify: read-write-plaintext-only;
}
.styles_formulaModal__ap13P .styles_formulaInput__HmlPm::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__ap13P .styles_formulaInput__HmlPm::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__ap13P .styles_formulaInput__HmlPm::-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_formulaModal__ap13P .styles_formulaInput__HmlPm:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_formulaModal__ap13P .styles_formulaInput__HmlPm:focus {
  box-shadow: none;
  border-color: #7b67ee !important;
  outline: none;
  background-color: var(--fc6);
}
.styles_formulaModal__ap13P .styles_formulaColorant__oagaM {
  position: absolute;
  top: 54px;
  height: 39px;
  max-height: 204px;
  left: 24px;
  right: 24px;
  text-indent: 0;
  padding: 8px 5px;
  border: solid 1px transparent;
  font-size: 13px;
  pointer-events: none;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  line-height: 1.5;
  overflow: auto;
  font-feature-settings: 'tnum', "tnum";
  font-variant: tabular-nums;
  list-style: none;
}
.styles_formulaModal__ap13P .styles_formulaColorant__oagaM::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__ap13P .styles_formulaColorant__oagaM::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__ap13P .styles_formulaColorant__oagaM::-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_formulaModal__ap13P .styles_formulaColorant__oagaM:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
@media (any-hover: hover) {
  .styles_formulaModal__ap13P .styles_formulaColorant__oagaM:hover::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 3px solid rgba(0, 0, 0, 0);
  }
}
.styles_formulaModal__ap13P .styles_error__PZ3iC {
  height: 20px;
  margin-bottom: 3px;
  font-size: 12px;
  color: var(--errorColor);
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU {
  height: 367px;
  display: flex;
  flex-direction: row;
  margin: 0 -24px;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_leftPane__W_iNm {
  position: relative;
  height: 100%;
  width: 218px;
  border-right: solid 2px var(--rowSelectedBg);
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR {
  height: 100%;
  width: 300px;
  padding: 0 12px 0 16px;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR::-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_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR .styles_summary__QtVi_ {
  display: flex;
  flex-direction: column;
  color: var(--thirdLevelText);
  margin-bottom: 24px;
  font-size: 12px;
  white-space: pre-wrap;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR .styles_summary__QtVi_ .styles_linkUrl__ZWQvK {
  margin-top: 8px;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR .styles_subTitle__bvzq6 {
  font-size: 14px;
  margin-bottom: 4px;
}
.styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_rightPane__ZkeFR > code {
  display: block;
  font-size: 12px;
  background-color: var(--rowSelectedBg);
  border-radius: 4px;
  padding: 8px 12px;
  margin-bottom: 24px;
  white-space: pre-wrap;
}
.styles_formulaModal__ap13P .styles_listGroup__riIGI {
  color: var(--firstLevelText);
}
.styles_formulaModal__ap13P .styles_listGroup__riIGI h3 {
  color: var(--thirdLevelText);
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  padding: 0px 24px;
  margin: 4px 0 0;
}
.styles_formulaModal__ap13P .styles_listGroup__riIGI .styles_listItem__xGz0o {
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding: 0 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_formulaModal__ap13P .styles_listGroup__riIGI .styles_listItem__xGz0o .styles_fieldName__GGg0n {
  margin-left: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formulaModal__ap13P .styles_listGroup__riIGI .styles_listItem__xGz0o.styles_active__pacFd {
  background-color: var(--rowSelectedBg);
}
.styles_formulaModal__ap13P .styles_tips__XnGZl {
  float: left;
  margin-top: 5px;
}
.styles_formulaModal__ap13P .styles_tips__XnGZl a {
  color: var(--fourthLevelText);
  font-size: 13px;
  text-decoration: underline;
}
.styles_formulaModal__ap13P .styles_btnGroup__UfGbW {
  text-align: right;
  margin-top: 8px;
}
.styles_formulaModal__ap13P .styles_btnGroup__UfGbW button {
  margin-left: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 767.98px) {
  .styles_formulaModal__ap13P {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
  .styles_formulaModal__ap13P > * {
    flex-shrink: 0;
  }
  .styles_formulaModal__ap13P .styles_pickerContainer__FLnVU {
    height: unset;
    flex: 1;
    overflow: auto;
  }
  .styles_formulaModal__ap13P .styles_pickerContainer__FLnVU .styles_leftPane__W_iNm {
    overflow: auto;
  }
  .styles_formulaModal__ap13P .styles_formulaColorant__oagaM {
    top: 70px;
    height: unset !important;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__3B8Gd {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__wp65E {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__mB8jk ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__mB8jk ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__mB8jk 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__mB8jk ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__mB8jk li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__mB8jk .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__mB8jk .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__mB8jk .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__mB8jk .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__rZHLN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__RwkHk {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__6S7Vn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__6S7Vn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__6S7Vn .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__6S7Vn .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__6S7Vn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__6S7Vn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__6S7Vn .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__6S7Vn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__6S7Vn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__6S7Vn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__6S7Vn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__6S7Vn .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__6S7Vn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__6S7Vn .editBgColor::before,
.styles_tree__6S7Vn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__6S7Vn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__6S7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__6S7Vn .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__6S7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__6S7Vn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__6S7Vn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__6S7Vn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__6S7Vn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__6S7Vn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__mM_yW .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__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__mM_yW .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__mM_yW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__mM_yW .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__mM_yW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__mM_yW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__gvgxU .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__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__gvgxU .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__gvgxU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__gvgxU .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__gvgxU .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__gvgxU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gvgxU .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__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__gvgxU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__OT5Sh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__OT5Sh::-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__OT5Sh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__qqzwy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__qqzwy::-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__qqzwy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__in4Ob {
  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__kMgqn {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__kMgqn {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__kMgqn {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__kMgqn {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__kMgqn {
    flex: 0 0 100%;
  }
}
.styles_datasheetInfo__6zfBV {
  display: flex !important;
  align-items: center;
}
.styles_datasheetInfo__6zfBV.styles_iconEditable__3LBBY .emoji-mart-emoji {
  cursor: pointer;
}
.styles_datasheetInfo__6zfBV .emoji-mart-emoji {
  margin-right: 2px;
  line-height: 0;
}
.styles_name__cE30d {
  -webkit-user-select: text;
          user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__0qkso {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AbId3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6LAH5 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6LAH5 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6LAH5 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__6LAH5 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6LAH5 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6LAH5 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6LAH5 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6LAH5 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6LAH5 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__w4mZp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__hsPzb {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ninyc .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ninyc .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ninyc .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__ninyc .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__ninyc .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ninyc .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ninyc .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ninyc .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ninyc .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ninyc .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ninyc .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ninyc .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__ninyc .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ninyc .editBgColor::before,
.style_tree__ninyc .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ninyc .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ninyc .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ninyc .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__ninyc .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ninyc .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ninyc .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ninyc .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ninyc .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ninyc .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__sfckX .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__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__sfckX .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__sfckX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__sfckX .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__sfckX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__sfckX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__eOfdX .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__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__eOfdX .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__eOfdX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__eOfdX .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__eOfdX .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__eOfdX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__eOfdX .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__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__eOfdX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__pU_Vj::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__pU_Vj::-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__pU_Vj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__kJpyY::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__kJpyY::-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__kJpyY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__b_Y60 {
  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__3fD_0 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3fD_0 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3fD_0 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3fD_0 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3fD_0 {
    flex: 0 0 100%;
  }
}
.style_closeSyncViewTip__OsKT6 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.style_closeSyncViewTip__OsKT6 svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.style_closeSyncViewTip__OsKT6 .style_text__KH62x {
  color: var(--thirdLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__9zW19 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__OwzNT {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__zTm_0 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__zTm_0 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__zTm_0 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__zTm_0 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__zTm_0 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__zTm_0 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__zTm_0 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__zTm_0 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__zTm_0 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__VdkC9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__pwF60 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CkvX2 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CkvX2 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CkvX2 .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__CkvX2 .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__CkvX2 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CkvX2 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CkvX2 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CkvX2 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CkvX2 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CkvX2 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CkvX2 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CkvX2 .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__CkvX2 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CkvX2 .editBgColor::before,
.style_tree__CkvX2 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CkvX2 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CkvX2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CkvX2 .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__CkvX2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CkvX2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CkvX2 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CkvX2 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CkvX2 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CkvX2 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Rw2DG .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__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Rw2DG .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__Rw2DG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Rw2DG .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__Rw2DG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Rw2DG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__k9P52 .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__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__k9P52 .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__k9P52 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__k9P52 .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__k9P52 .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__k9P52 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k9P52 .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__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__k9P52 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8LW8h::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8LW8h::-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__8LW8h:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gPrLS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gPrLS::-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__gPrLS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__zurez {
  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__fmEEj {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fmEEj {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fmEEj {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fmEEj {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fmEEj {
    flex: 0 0 100%;
  }
}
.style_invalidValue__orwds {
  flex: 1;
  height: 40px;
  background: var(--lowestBg);
  border-radius: 4px;
  text-align: center;
}
.style_invalidValue__orwds > p {
  line-height: 40px;
  color: var(--thirdLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__h8f8d {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Kr_fQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__b4eLq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__b4eLq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__b4eLq 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__b4eLq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__b4eLq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__b4eLq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__b4eLq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__b4eLq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__b4eLq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__9p4ZK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__O6Zh7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__1dj7G .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__1dj7G .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__1dj7G .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__1dj7G .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__1dj7G .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__1dj7G .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__1dj7G .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__1dj7G .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__1dj7G .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__1dj7G .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__1dj7G .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__1dj7G .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__1dj7G .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__1dj7G .editBgColor::before,
.style_tree__1dj7G .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__1dj7G .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__1dj7G .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__1dj7G .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__1dj7G .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__1dj7G .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__1dj7G .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__1dj7G .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__1dj7G .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__1dj7G .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__teErC .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__teErC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__teErC .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__teErC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__teErC .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__teErC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__teErC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___HFIM .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___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___HFIM .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___HFIM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___HFIM .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___HFIM .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___HFIM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___HFIM .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___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___HFIM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__gAh1y::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__gAh1y::-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__gAh1y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__pJ_S_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__pJ_S_::-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__pJ_S_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qSAhQ {
  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__8dgDn {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__8dgDn {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__8dgDn {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__8dgDn {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__8dgDn {
    flex: 0 0 100%;
  }
}
.style_junction__rJ6uv {
  width: 64px;
  height: 40px;
  line-height: 40px !important;
  margin-right: 24px !important;
  background: var(--lowestBg);
  border-radius: 4px;
  justify-content: flex-start;
  display: flex !important;
  background-color: var(--lowestBg) !important;
}
.style_options__sg_Us ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__sg_Us ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__sg_Us 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_options__sg_Us ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__sg_Us li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__sg_Us .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__sg_Us .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__sg_Us .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__sg_Us .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
@media screen and (max-width: 767.98px) {
  .style_junction__rJ6uv {
    flex-shrink: 0;
    background: none;
    margin: 0 !important;
    width: 100%;
  }
}

.styles_antiEllipsis__TLDE3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__pmn1F {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__ryUfc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__ryUfc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__ryUfc 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__ryUfc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__ryUfc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__ryUfc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__ryUfc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__ryUfc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__ryUfc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__qQo7N {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__EWQWi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__KXOln .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__KXOln .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__KXOln .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__KXOln .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__KXOln .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__KXOln .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__KXOln .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__KXOln .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__KXOln .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__KXOln .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__KXOln .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__KXOln .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__KXOln .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__KXOln .editBgColor::before,
.styles_tree__KXOln .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__KXOln .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__KXOln .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__KXOln .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__KXOln .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__KXOln .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__KXOln .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__KXOln .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__KXOln .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__KXOln .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__cND3K .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__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__cND3K .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__cND3K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__cND3K .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__cND3K .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__cND3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree___j8sS .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___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree___j8sS .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___j8sS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree___j8sS .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___j8sS .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___j8sS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree___j8sS .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___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree___j8sS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__9EpzC::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__9EpzC::-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__9EpzC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__kuffG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__kuffG::-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__kuffG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Sgxm7 {
  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__n_z1B {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__n_z1B {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__n_z1B {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__n_z1B {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__n_z1B {
    flex: 0 0 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
**/
.styles_fieldHeader__5pmZ4 {
  display: flex;
  align-items: center;
  flex: 1 1;
  padding: 0 10px;
  box-sizing: border-box;
  height: 100%;
  background: var(--defaultBg);
  border-bottom: 1px solid var(--shadowColor);
  border-right: 1px solid var(--shadowColor);
  border-top: 1px solid var(--shadowColor);
  width: calc(100% - 70px);
  position: relative;
}
.styles_fieldHeader__5pmZ4 .styles_dotOperate__aaRpP {
  display: none;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  transform: rotate(90deg) translateX(4px);
  width: 16px;
}
.styles_fieldHeader__5pmZ4:hover .styles_dotOperate__aaRpP,
.styles_fieldHeader__5pmZ4:hover .styles_fieldDescIcon__omjfB {
  display: flex;
}
.styles_fieldHeader__5pmZ4 .styles_addIcon__V29Vc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.styles_fieldHeader__5pmZ4 .styles_iconType__0MlTU {
  display: flex;
  align-items: center;
}
.styles_fieldHeader__5pmZ4 .styles_fieldName___RYBt {
  font-size: 13px;
  color: var(--firstLevelText);
  margin-left: 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_fieldHeader__5pmZ4 .styles_opacityLine__bjgVd {
  width: 6px;
  position: absolute;
  background: transparent;
  height: 100%;
  right: -2px;
  z-index: var(--dragColumnWidthAfter);
}
.styles_fieldHeader__5pmZ4 .styles_opacityLine__bjgVd:hover {
  cursor: col-resize;
}
.styles_select__8ySRY {
  background: var(--cellSelectedColor);
}
.styles_highLight__sa8tw {
  position: relative;
}
.styles_highLight__sa8tw:after {
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--primaryColor);
  position: absolute;
  top: 0;
  left: 0;
}
.styles_fieldDescIcon__omjfB {
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  background: var(--bgBrandLightDefault);
  margin-right: 6px;
  margin-left: 8px;
}
.styles_fieldDescIcon__omjfB svg {
  fill: var(--primaryColor);
  vertical-align: -0.125em;
}
.styles_fieldDescIcon__omjfB .styles_focus__IGOio svg {
  fill: var(--bgBrandDisabled);
}
.styles_tipPre__tKbhd {
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 320px;
  margin-bottom: 0;
}
.styles_warningIcon__NgoHU {
  cursor: pointer;
}
.styles_fieldNameWrapper__hxQYL {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .styles_errorTip__w2MNY {
    left: 24px !important;
  }
}
.styles_firstHeaderTip__eojL5 {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 5px;
  border-color: var(--indigo_100) transparent transparent var(--indigo_100);
  border-style: solid;
  left: 0;
  top: 0;
  z-index: 1;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis___Szxy {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ZSpDY {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__WF7xY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__WF7xY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__WF7xY 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__WF7xY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__WF7xY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__WF7xY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__WF7xY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__WF7xY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__WF7xY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8md56 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__HojJa {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__l1dUd .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__l1dUd .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__l1dUd .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__l1dUd .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__l1dUd .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__l1dUd .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__l1dUd .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__l1dUd .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__l1dUd .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__l1dUd .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__l1dUd .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__l1dUd .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__l1dUd .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__l1dUd .editBgColor::before,
.style_tree__l1dUd .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__l1dUd .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__l1dUd .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__l1dUd .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__l1dUd .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__l1dUd .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__l1dUd .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__l1dUd .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__l1dUd .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__l1dUd .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__S3_LA .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__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__S3_LA .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__S3_LA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__S3_LA .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__S3_LA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__S3_LA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__NXleh .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__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__NXleh .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__NXleh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__NXleh .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__NXleh .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__NXleh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NXleh .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__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__NXleh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__5pSj3::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__5pSj3::-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__5pSj3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__GnVNa::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__GnVNa::-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__GnVNa:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Ayixd {
  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__XxTwI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__XxTwI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__XxTwI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__XxTwI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__XxTwI {
    flex: 0 0 100%;
  }
}
.style_field__rec7L {
  width: 128px;
  margin-right: 8px !important;
  background-color: var(--lowestBg) !important;
}
.style_options__hl5Pq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__hl5Pq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__hl5Pq 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_options__hl5Pq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__hl5Pq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__hl5Pq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__hl5Pq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__hl5Pq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__hl5Pq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_optionItemWrapper__ssQFm {
  display: flex;
  align-items: center;
}
.style_optionItem__Krt7I {
  display: flex;
  align-items: center;
  width: 100%;
}
.style_optionItem__Krt7I svg {
  flex-shrink: 0;
}
.style_optionItem__Krt7I svg:nth-of-type(1) {
  margin-right: 4px;
}
.style_optionItem__Krt7I svg:nth-of-type(2) {
  margin-left: 4px;
  fill: var(--warningColor) !important;
}
.style_label__vfFoB {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select .ant-select-selection-item {
  line-height: 40px !important;
}
.style_trigger__xHxRh {
  margin-right: 8px;
  background: var(--lowestBg);
  padding: 12px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.style_trigger__xHxRh.style_error__TQmlp span {
  color: var(--fourthLevelText);
}

/**
* 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__4or2Q {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__TE3zc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__AbHtl ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__AbHtl ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__AbHtl 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__AbHtl ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__AbHtl li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__AbHtl .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__AbHtl .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__AbHtl .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__AbHtl .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__kGwHP {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__9BT3v {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zySmB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zySmB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zySmB .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__zySmB .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__zySmB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zySmB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zySmB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zySmB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zySmB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zySmB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zySmB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zySmB .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__zySmB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zySmB .editBgColor::before,
.style_tree__zySmB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zySmB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zySmB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zySmB .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__zySmB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zySmB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zySmB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zySmB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zySmB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zySmB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__aXKai .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__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__aXKai .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__aXKai .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__aXKai .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__aXKai .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__aXKai .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__aiNS2 .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__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__aiNS2 .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__aiNS2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__aiNS2 .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__aiNS2 .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__aiNS2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aiNS2 .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__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__aiNS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__9SS9W::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__9SS9W::-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__9SS9W:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__cEw8m::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__cEw8m::-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__cEw8m:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__anqKv {
  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__7RbiH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__7RbiH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__7RbiH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__7RbiH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__7RbiH {
    flex: 0 0 100%;
  }
}
.style_field__2ivPY {
  width: 129px;
  height: 40px;
  line-height: 40px !important;
  margin-right: 10px !important;
  background: var(--lowestBg);
  border-radius: 2px;
}
.style_options__ykkow ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__ykkow ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__ykkow 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_options__ykkow ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__ykkow li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__ykkow .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__ykkow .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__ykkow .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__ykkow .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_iconType__LIWeX {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_optionItemWrapper__WjlMU {
  display: flex;
  align-items: center;
}
.style_optionItemWrapper__WjlMU .style_label__v5S_m {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionItem__9dZf0 {
  display: flex;
  width: 100%;
}
.style_con__7hdoY {
  width: 80px;
  height: 40px;
  line-height: 40px !important;
  background: var(--lowestBg) !important;
  border-radius: 4px;
  margin-right: 8px !important;
}
.style_con__7hdoY > div {
  height: 40px !important;
  line-height: 40px !important;
}
.style_con__7hdoY .ant-select-selection-item {
  line-height: 40px !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__3AN0z {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__h15Ip {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__r_DxX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__r_DxX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__r_DxX 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__r_DxX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__r_DxX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__r_DxX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__r_DxX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__r_DxX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__r_DxX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__N1Us4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__r2H_7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8vkfu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8vkfu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8vkfu .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__8vkfu .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__8vkfu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8vkfu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8vkfu .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8vkfu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8vkfu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8vkfu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8vkfu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8vkfu .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__8vkfu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8vkfu .editBgColor::before,
.style_tree__8vkfu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8vkfu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8vkfu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8vkfu .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__8vkfu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8vkfu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8vkfu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8vkfu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8vkfu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8vkfu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__WXPcy .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__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__WXPcy .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__WXPcy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__WXPcy .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__WXPcy .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__WXPcy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__SVo04 .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__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__SVo04 .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__SVo04 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__SVo04 .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__SVo04 .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__SVo04 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SVo04 .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__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__SVo04 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Lsv0v::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Lsv0v::-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__Lsv0v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__jqU5E::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__jqU5E::-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__jqU5E:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__U2fIi {
  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__EUznP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__EUznP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__EUznP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__EUznP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__EUznP {
    flex: 0 0 100%;
  }
}
.ant-modal-body .style_viewFilter__rTuhf {
  background-color: var(--bgCommonDefault);
}
.style_viewFilter__rTuhf {
  overflow: auto;
  box-sizing: border-box;
  background: var(--highBg);
  z-index: var(--viewFilterBox);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_viewFilter__rTuhf h4 {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_viewFilter__rTuhf .style_addNewButton__FGIfJ {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content;
  color: var(--secondLevelText);
}
.style_viewFilter__rTuhf .style_addNewButton__FGIfJ.style_disabled__k5ari {
  color: var(--textCommonDisabled) !important;
  cursor: not-allowed;
}
.style_viewFilter__rTuhf .style_addNewButton__FGIfJ.style_disabled__k5ari svg {
  fill: var(--textCommonDisabled) !important;
}
.style_viewFilter__rTuhf .style_addNewButton__FGIfJ.style_disabled__k5ari > * {
  opacity: 0.5;
}
.style_viewFilter__rTuhf .style_addNewButton__FGIfJ .style_iconAdd__KmXsK {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
@media (any-hover: hover) {
  .style_viewFilter__rTuhf .style_addNewButton__FGIfJ:hover {
    color: var(--primaryColor);
  }
  .style_viewFilter__rTuhf .style_addNewButton__FGIfJ:hover svg {
    fill: var(--primaryColor);
  }
}
.style_viewFilter__rTuhf .style_condition__gegjb {
  padding-top: 2px;
}
.style_viewFilter__rTuhf .style_condition__gegjb .style_conditionItem__v5Dos {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 16px;
}
.style_viewFilter__rTuhf .style_condition__gegjb .style_conditionWarn__Q933s {
  position: absolute;
  left: 8px;
}
.style_viewFilter__rTuhf .style_condition__gegjb .style_conditionWarn__Q933s svg {
  cursor: pointer;
  display: block;
}
.ant-select-selection-selected-valueP {
  display: none;
}
.style_ant-select-selection-selected-value__RPiAi {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .style_viewFilter__rTuhf {
    width: 100%;
    height: 100%;
    box-shadow: none;
    padding: 0;
    background: var(--defaultBg);
  }
  .style_viewFilter__rTuhf .style_condition__gegjb {
    max-height: calc(100% - 48px);
  }
  .style_viewFilter__rTuhf .style_condition__gegjb .style_conditionItem__v5Dos {
    flex-direction: column;
    font-size: 14px;
  }
  .style_addNewButton__FGIfJ {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    padding: 12px 8px;
  }
  .style_addNewButton__FGIfJ span {
    margin-right: 8px;
  }
  .style_addNewButton__FGIfJ:active {
    color: var(--primaryColor);
  }
  .style_addNewButton__FGIfJ:active svg {
    fill: var(--primaryColor);
  }
}
.style_boxTop__YZ9YZ {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  justify-content: space-between;
}
.style_boxTop__YZ9YZ svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_boxTop__YZ9YZ a {
  display: flex;
  align-items: center;
}
.style_scrollShadow__Xg1Hj {
  position: absolute;
  left: 0;
  bottom: 46px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__o0oCI {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__DI08_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZyiAC ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZyiAC ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZyiAC 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__ZyiAC ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZyiAC li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZyiAC .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZyiAC .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZyiAC .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZyiAC .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__jT695 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__W8LMi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8Iv6y .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8Iv6y .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8Iv6y .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__8Iv6y .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__8Iv6y .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8Iv6y .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8Iv6y .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8Iv6y .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8Iv6y .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8Iv6y .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8Iv6y .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8Iv6y .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__8Iv6y .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8Iv6y .editBgColor::before,
.style_tree__8Iv6y .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8Iv6y .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8Iv6y .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8Iv6y .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__8Iv6y .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8Iv6y .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8Iv6y .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8Iv6y .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8Iv6y .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8Iv6y .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__4zApu .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__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__4zApu .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__4zApu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__4zApu .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__4zApu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__4zApu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__C_K7_ .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__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__C_K7_ .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__C_K7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__C_K7_ .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__C_K7_ .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__C_K7_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__C_K7_ .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__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__C_K7_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Mh7L4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Mh7L4::-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__Mh7L4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__WitM1::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__WitM1::-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__WitM1:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__TnTdJ {
  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__GAUWu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__GAUWu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__GAUWu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__GAUWu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__GAUWu {
    flex: 0 0 100%;
  }
}
.style_sortOptions__jhjjE {
  width: 346px;
  height: 100%;
  line-height: 35px;
  cursor: default;
}
.style_sortOptions__jhjjE .style_select__ESZQ1 {
  width: 100%;
  line-height: 40px;
}
.style_options__lqGjZ {
  z-index: var(--group);
}
.ant-empty-small .ant-empty-image {
  width: 52px;
}
.ant-empty-small .ant-empty-image svg {
  width: 52px;
}
.ant-select-dropdown-menu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-dropdown-menu::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.ant-select-dropdown-menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_optionItem__KfMT3 {
  display: flex;
  width: 100%;
  align-items: center;
}
.style_optionItem__KfMT3 > svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.style_optionItem__KfMT3 .style_iconType__VjWoO {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_optionItem__KfMT3 .style_label__utS9k {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.style_optionItem__KfMT3 .style_label__utS9k span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionItem__KfMT3 .style_label__utS9k svg {
  margin-left: 4px;
  flex-shrink: 0;
}
.style_addOption__k9WdF {
  margin-left: 18px;
}
.style_addOption__k9WdF.style_blankField__8ftrS {
  margin-left: 0px;
}
main {
  border-radius: 4px;
}
@media screen and (max-width: 767.98px) {
  .style_addOption__k9WdF {
    padding: 0;
  }
  .style_addSortRules__nCe3T {
    width: 100%;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--lowestBg);
    border-radius: 4px;
    padding: 12px 8px;
  }
  .style_addSortRules__nCe3T span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .style_addSortRules__nCe3T .style_arrow__Sc3NO {
    margin-left: 4px;
  }
  .style_optionsListMenu__Vr3Rv {
    z-index: 9999;
  }
  .style_optionsListMenu__Vr3Rv .style_optionItem__KfMT3 {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--lineColor);
  }
  .style_optionsListMenu__Vr3Rv .style_fieldItem__MTfte {
    display: flex;
    align-items: center;
  }
  .style_optionsListMenu__Vr3Rv .style_fieldItem__MTfte .style_fieldName__7ok8w {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.style_addSortRules__nCe3T.style_disabled__B1Wtw > * {
  opacity: 0.5;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_rules__edBd2 {
  width: 278px;
  height: 100%;
  background: var(--lowestBg);
  padding: 5px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 4px;
}
.style_rules__edBd2.style_disabled__FFEkr > * {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_rules__edBd2 .style_asc__dUyDq,
.style_rules__edBd2 .style_desc__1dBoZ {
  border-radius: 4px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 133px;
  height: 32px;
  line-height: 25px;
  box-sizing: border-box;
}
.style_rules__edBd2 .style_asc__dUyDq .style_iconArrow__yr0Fi,
.style_rules__edBd2 .style_desc__1dBoZ .style_iconArrow__yr0Fi {
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.style_active__H25yg {
  color: var(--staticWhite0);
  background: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_rules__edBd2 {
    width: 100%;
    height: 48px;
    margin-left: 0;
    flex-grow: 1;
  }
  .style_rules__edBd2 .style_asc__dUyDq,
  .style_rules__edBd2 .style_desc__1dBoZ {
    width: 50%;
    min-width: 40px;
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 0 8px;
  }
  .style_rules__edBd2 .style_asc__dUyDq .style_iconArrow__yr0Fi,
  .style_rules__edBd2 .style_desc__1dBoZ .style_iconArrow__yr0Fi {
    margin: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__L7BOJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__GTcE2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__xJHEF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__xJHEF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__xJHEF 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__xJHEF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__xJHEF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__xJHEF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__xJHEF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__xJHEF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__xJHEF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__W_IhS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QrmFg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__sHSIx .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__sHSIx .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__sHSIx .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__sHSIx .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__sHSIx .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__sHSIx .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__sHSIx .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__sHSIx .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__sHSIx .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__sHSIx .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__sHSIx .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__sHSIx .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__sHSIx .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__sHSIx .editBgColor::before,
.style_tree__sHSIx .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__sHSIx .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__sHSIx .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__sHSIx .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__sHSIx .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__sHSIx .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__sHSIx .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__sHSIx .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__sHSIx .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__sHSIx .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__8UOz7 .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__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__8UOz7 .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__8UOz7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__8UOz7 .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__8UOz7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__8UOz7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__lD_S3 .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__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__lD_S3 .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__lD_S3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__lD_S3 .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__lD_S3 .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__lD_S3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lD_S3 .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__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__lD_S3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__HN_u8::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__HN_u8::-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__HN_u8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__NRt2Q::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__NRt2Q::-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__NRt2Q:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__4K2MA {
  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__zRXv6 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__zRXv6 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__zRXv6 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__zRXv6 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__zRXv6 {
    flex: 0 0 100%;
  }
}
.style_viewSort__gdLmG {
  width: 470px;
  box-shadow: var(--shadowCommonHighest);
  padding: 20px 0;
  box-sizing: border-box;
  background: var(--highBg);
  position: relative;
  border-radius: 4px;
  overflow: auto;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_selectField__5nOj_ {
  margin-top: 8px;
  padding-left: 6px;
}
.style_droppable__AtHJo::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_droppable__AtHJo::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_droppable__AtHJo::-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_droppable__AtHJo:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_draggable__THqMs {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 40px;
}
.style_draggable__THqMs:last-child {
  margin-bottom: 0;
}
.style_boxTop__EHodx {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  padding: 0 20px;
  justify-content: space-between;
}
.style_boxTop__EHodx svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_boxTop__EHodx a {
  display: flex;
  align-items: center;
}
.style_buttonWrapper__6rXnt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  padding-right: 20px;
}
.style_keepSort__vFkHS {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.style_HelpIcon__hpSVB {
  cursor: pointer;
  vertical-align: -0.125em;
  margin-left: 4px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .style_viewSort__gdLmG {
    width: 100%;
    height: 100%;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    background-color: transparent;
  }
  .style_viewSort__gdLmG .style_boxTop__EHodx {
    padding: 0;
    font-size: 14px;
    justify-content: flex-end;
  }
  .style_viewSort__gdLmG main {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }
  .style_viewSort__gdLmG .style_selectField__5nOj_ {
    padding-left: 0;
  }
  .style_viewSort__gdLmG .style_buttonWrapper__6rXnt {
    justify-content: space-between;
    padding-right: 0;
  }
  .style_optionsWrapper__mX_JW {
    padding: 0!important;
    margin-right: 20px;
  }
  .style_draggable__THqMs {
    margin-top: 8px;
    height: 48px!important;
  }
  .style_draggableRow__RAKPw {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .style_keepSort__vFkHS .ant-switch {
    min-width: 34px;
  }
}
.style_delBtnWrapper__9WiQ8 {
  display: flex;
  justify-content: flex-end;
}
.style_optionsWrapper__mX_JW {
  padding-left: 8px;
  padding-right: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__4nREo {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qlqj4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0poj3 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0poj3 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0poj3 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__0poj3 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0poj3 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0poj3 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0poj3 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0poj3 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0poj3 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__6Ol3X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__rQzcd {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__aAP8y .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__aAP8y .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__aAP8y .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__aAP8y .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__aAP8y .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__aAP8y .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__aAP8y .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__aAP8y .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__aAP8y .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__aAP8y .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__aAP8y .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__aAP8y .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__aAP8y .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__aAP8y .editBgColor::before,
.style_tree__aAP8y .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__aAP8y .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__aAP8y .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__aAP8y .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__aAP8y .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__aAP8y .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__aAP8y .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__aAP8y .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__aAP8y .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__aAP8y .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__BHpbk .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__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__BHpbk .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__BHpbk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__BHpbk .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__BHpbk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__BHpbk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__oYyi4 .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__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__oYyi4 .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__oYyi4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__oYyi4 .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__oYyi4 .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__oYyi4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oYyi4 .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__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__oYyi4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__cgVRn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__cgVRn::-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__cgVRn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__6yLlN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__6yLlN::-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__6yLlN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__CPr05 {
  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__ETU7f {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ETU7f {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ETU7f {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ETU7f {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ETU7f {
    flex: 0 0 100%;
  }
}
.style_filterModal__Bx9D4 .ant-modal-body {
  padding: 24px !important;
}
.style_modalList__Aeqb0 {
  margin-bottom: 24px;
}
.style_modalList__Aeqb0 .style_title__QVfa9 {
  margin-bottom: 16px;
}
.style_modalList__Aeqb0 h3 {
  font-size: 14px;
  font-weight: bold;
  color: var(--fc1);
}
.style_modalSubtitle__3UaMN {
  font-size: 13px;
  color: var(--fc3);
}
main {
  margin-top: 0;
}
.style_optionsListMenu__Em59T {
  z-index: 9001;
}
.style_optionsListMenu__Em59T .style_optionItem__THSA6 {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.style_optionsListMenu__Em59T .style_fieldItem__iukqJ {
  display: flex;
  align-items: center;
}
.style_optionsListMenu__Em59T .style_fieldItem__iukqJ .style_fieldName__fwcG4 {
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__n7qpb {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__i6PSz {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__xrW7w ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__xrW7w ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__xrW7w 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__xrW7w ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__xrW7w li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__xrW7w .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__xrW7w .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__xrW7w .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__xrW7w .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__DmHlI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__0DoYL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jT_D8 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jT_D8 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jT_D8 .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__jT_D8 .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__jT_D8 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jT_D8 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jT_D8 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jT_D8 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jT_D8 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jT_D8 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jT_D8 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jT_D8 .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__jT_D8 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jT_D8 .editBgColor::before,
.style_tree__jT_D8 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jT_D8 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jT_D8 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jT_D8 .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__jT_D8 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jT_D8 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jT_D8 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jT_D8 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jT_D8 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jT_D8 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__qHSQN .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__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__qHSQN .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__qHSQN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__qHSQN .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__qHSQN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__qHSQN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6Ur_A .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__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6Ur_A .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__6Ur_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6Ur_A .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__6Ur_A .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__6Ur_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Ur_A .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__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6Ur_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Ky1Wa::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Ky1Wa::-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__Ky1Wa:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iIX6f::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iIX6f::-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__iIX6f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__2Kq2r {
  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__2G4XC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2G4XC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2G4XC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2G4XC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2G4XC {
    flex: 0 0 100%;
  }
}
.style_hightLight__WIbGM {
  background: none;
  color: var(--primaryColor);
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__xFOKW {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__NQqez {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__4RPCt ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__4RPCt ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__4RPCt 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__4RPCt ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__4RPCt li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__4RPCt .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__4RPCt .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__4RPCt .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__4RPCt .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__3c6rh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__MFbCV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__ZSPgl .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__ZSPgl .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__ZSPgl .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__ZSPgl .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__ZSPgl .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__ZSPgl .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__ZSPgl .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__ZSPgl .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__ZSPgl .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__ZSPgl .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__ZSPgl .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__ZSPgl .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__ZSPgl .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__ZSPgl .editBgColor::before,
.styles_tree__ZSPgl .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__ZSPgl .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__ZSPgl .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__ZSPgl .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__ZSPgl .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__ZSPgl .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__ZSPgl .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__ZSPgl .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__ZSPgl .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__ZSPgl .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__7KIoZ .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__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__7KIoZ .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__7KIoZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__7KIoZ .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__7KIoZ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__7KIoZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__QzFzL .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__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__QzFzL .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__QzFzL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__QzFzL .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__QzFzL .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__QzFzL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__QzFzL .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__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__QzFzL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__3uhdv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__3uhdv::-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__3uhdv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__07MdS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__07MdS::-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__07MdS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__XEo3h {
  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__hhPwF {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__hhPwF {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__hhPwF {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__hhPwF {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__hhPwF {
    flex: 0 0 100%;
  }
}
.styles_lookupDatasheetName__s1MV2 {
  cursor: pointer;
  font-size: 13px;
  color: var(--firstLevelText);
  margin-bottom: 8px;
  font-weight: bolder;
}
.styles_subtitle__zgnam {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
}
.styles_modalSubtitle__VtiVJ {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  font-weight: lighter;
}
.styles_warningText__cnXmA {
  font-weight: normal;
  color: var(--thirdLevelText);
}
.styles_noLinkTableTips__OqpI_ {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thirdLevelText);
}
.styles_panel__9Nh9S {
  background: var(--highBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 8px;
  z-index: 101;
  padding: 16px 16px 0 16px;
}
.styles_panel__9Nh9S .styles_title__t1IkW {
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
  line-height: 22px;
}
.styles_panel__9Nh9S .styles_searchInPut__Pd2ov {
  margin: 8px 0;
  max-width: 100%;
}
.styles_panel__9Nh9S .styles_underline__gUSPi {
  border-bottom: 1px solid var(--shadowColor);
}
.styles_panel__9Nh9S .styles_optList__JhPGC {
  margin: 0 -16px;
  padding: 0 16px;
  max-height: 400px;
  min-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.styles_panel__9Nh9S .styles_optList__JhPGC::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_panel__9Nh9S .styles_optList__JhPGC::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_panel__9Nh9S .styles_optList__JhPGC::-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_panel__9Nh9S .styles_optList__JhPGC:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_panel__9Nh9S .styles_activeField__1EM1y {
  color: var(--primaryColor);
}
.styles_panel__9Nh9S .styles_hover__3bk9n {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_panel__9Nh9S .styles_hover__3bk9n:after {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -16px;
}
.styles_panel__9Nh9S .styles_hover__3bk9n:before {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -16px;
}
.styles_panel__9Nh9S .styles_fieldItem__zqpV8 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.styles_panel__9Nh9S .styles_fieldItem__zqpV8.styles_disabled__bXzTg {
  cursor: not-allowed;
}
.styles_panel__9Nh9S .styles_fieldItem__zqpV8:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_panel__9Nh9S .styles_fieldItem__zqpV8:hover:after {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -16px;
}
.styles_panel__9Nh9S .styles_fieldItem__zqpV8:hover:before {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -16px;
}
.styles_fieldIconAndTitle__rHUHt {
  display: flex;
  align-items: center;
  width: 100%;
}
.styles_iconWithFieldNote__JonTa {
  display: flex;
  align-items: center;
  margin-right: 4px;
  align-self: flex-start;
  padding-top: 3px;
}
.styles_iconType__tbSuI {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_fieldName__2zfpV {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_relatedSheetName__Oad5R {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 20px;
  color: var(--black_500);
}
.styles_fieldNote__LbabR {
  font-size: 13px;
  font-weight: normal;
  color: var(--textCommonPrimary);
  line-height: 24px;
}
.styles_fieldNameText__CArEE {
  font-size: 12px;
  line-height: 18px;
  color: var(--textCommonTertiary);
}
.styles_funcOptLabel__ftsox {
  color: var(--thirdLevelText);
}
.styles_funcLabelName__YOIzv {
  font-size: 14px;
  font-weight: bold;
  text-align: start;
}
.styles_funcLabel__hGal7 {
  font-size: 12px;
  font-weight: normal;
  opacity: 0.7;
  text-align: start;
}
.styles_notFoundSearchKeyword__KUINj {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_plzSelectFieldText__weNW7 {
  color: var(--thirdLevelText);
  opacity: 0.5;
}
@media screen and (max-width: 767.98px) {
  .styles_panel__9Nh9S {
    padding: 24px;
    box-shadow: none;
  }
}
.styles_cryptoLinkField__ul3vf {
  display: flex;
  align-items: center;
  color: var(--thirdLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__XNs7L {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__nFquy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__LUdKl ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__LUdKl ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__LUdKl 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__LUdKl ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__LUdKl li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__LUdKl .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__LUdKl .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__LUdKl .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__LUdKl .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__6t2_r {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Wl5WA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__uA0FN .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__uA0FN .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__uA0FN .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__uA0FN .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__uA0FN .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__uA0FN .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__uA0FN .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__uA0FN .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__uA0FN .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__uA0FN .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__uA0FN .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__uA0FN .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__uA0FN .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__uA0FN .editBgColor::before,
.styles_tree__uA0FN .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__uA0FN .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__uA0FN .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__uA0FN .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__uA0FN .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__uA0FN .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__uA0FN .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__uA0FN .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__uA0FN .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__uA0FN .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__F8OUM .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__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__F8OUM .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__F8OUM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__F8OUM .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__F8OUM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__F8OUM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__9iApT .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__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__9iApT .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__9iApT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__9iApT .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__9iApT .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__9iApT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__9iApT .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__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__9iApT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__m_zy7::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__m_zy7::-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__m_zy7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__eC1Cy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__eC1Cy::-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__eC1Cy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__MRDcU {
  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__RFVfY {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__RFVfY {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__RFVfY {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__RFVfY {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__RFVfY {
    flex: 0 0 100%;
  }
}
.styles_sectionWrapper__BAaSZ {
  display: flex;
}
.styles_requiredTip__A1m6o {
  display: inline-flex;
  margin-left: 8px;
  color: var(--black_500);
  vertical-align: -0.25em;
}
.styles_requiredTip__A1m6o:hover {
  color: var(--primaryColor);
}
.styles_subscription__4uVqf {
  max-width: 256px;
  display: inline-block;
}
.styles_section__ZGyeW {
  margin-bottom: 16px;
}
.styles_section__ZGyeW.styles_sectionLeft__iGLmV {
  width: 88px;
}
.styles_section__ZGyeW.styles_sectionCenter__mOnr0 {
  width: 104px;
  margin-right: 12px;
}
.styles_section__ZGyeW.styles_sectionRight__s___O {
  position: relative;
  width: 188px;
}
.styles_section__ZGyeW .styles_sectionTitle__3hvCS {
  position: relative;
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_section__ZGyeW .styles_sectionTitle__3hvCS .styles_optional__raeLC {
  font-size: 12px;
  color: var(--fourthLevelText);
}
.styles_section__ZGyeW .styles_sectionCheckBox__cPvE6 {
  font-size: 12px;
  margin-top: 15px;
  margin-right: -15px;
}
.styles_selection__HijrG {
  padding-top: 1px;
  margin: 0 -14px 0 -20px;
  overflow: auto;
}
.styles_selection__HijrG::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_selection__HijrG::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_selection__HijrG::-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_selection__HijrG:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_selection__HijrG.styles_dragStart__dBfDa {
  padding-bottom: 40px;
}
.styles_addNewItem__ZqtOZ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 11px;
  color: var(--firstLevelText);
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: -webkit-max-content;
  width: max-content;
  -webkit-user-select: none;
          user-select: none;
  flex-shrink: 0;
}
.styles_addNewItem__ZqtOZ svg {
  margin-right: 7px;
  padding-bottom: 1px;
}
@media (any-hover: hover) {
  .styles_addNewItem__ZqtOZ:hover {
    color: var(--primaryColor);
  }
  .styles_addNewItem__ZqtOZ:hover svg {
    fill: var(--primaryColor);
  }
}
.styles_inputBlur__ac_9o {
  border: 1px solid #eee !important;
  box-shadow: none !important;
}
.styles_inputError__iTsA7 {
  border: 1px solid var(--errorColor) !important;
  box-shadow: none !important;
}
.styles_inputFocus__G4J3Q {
  border: 1px solid var(--primaryColor) !important;
  box-shadow: none !important;
}
.styles_preview__zyPuv {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-bottom: 8px;
}
.styles_ratingFormatOptionWrapper__e8fkC {
  min-height: 400px;
}
.styles_emojiPopover__RI83i .ant-popover-inner-content {
  padding: 0;
}
.styles_arrowBase__uU0iJ {
  transform-origin: center center;
  transition: transform 0.3s !important;
  height: 35px;
  display: flex !important;
  align-items: center !important;
  margin: 0;
}
.styles_arrowBase__uU0iJ svg {
  fill: var(--fourthLevelText) !important;
}
.styles_arrow__r_6s_ {
  transform-origin: center center;
  transition: transform 0.3s !important;
  height: 35px;
  display: flex !important;
  align-items: center !important;
  margin: 0;
  transform: rotate(0deg);
}
.styles_arrow__r_6s_ svg {
  fill: var(--fourthLevelText) !important;
}
.styles_arrowRotate__4otQN {
  transform-origin: center center;
  transition: transform 0.3s !important;
  height: 35px;
  display: flex !important;
  align-items: center !important;
  margin: 0;
  transform: rotate(180deg);
}
.styles_arrowRotate__4otQN svg {
  fill: var(--fourthLevelText) !important;
}
.styles_emojiBtn__R1DmO {
  height: 40px !important;
  width: 56px;
  display: flex !important;
  border-radius: 4px;
  outline: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 0px !important;
}
.styles_emojiBtn__R1DmO svg {
  margin-right: 0 !important;
  fill: var(--fourthLevelText) !important;
}
.styles_selectionItem__85dsA {
  display: flex;
  padding: 0 20px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 7px;
  height: 30px;
  z-index: 1000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_selectionItem__85dsA .styles_colorBlock__YNCJd {
  width: 7px;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.styles_selectionItem__85dsA .styles_iconMove__jgAKx,
.styles_selectionItem__85dsA .styles_iconDelete__kZPmm {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.styles_selectionItem__85dsA .styles_iconDelete__kZPmm {
  margin-left: 4px;
}
.styles_selectionItem__85dsA .styles_iconMove__jgAKx svg {
  fill: var(--thirdLevelText);
}
@media (any-hover: hover) {
  .styles_selectionItem__85dsA .styles_iconMove__jgAKx.styles_dragging__X8xCD svg,
  .styles_selectionItem__85dsA .styles_iconMove__jgAKx:hover svg {
    fill: var(--firstLevelText);
  }
}
.styles_customSelect__wuJ48 {
  height: 40px;
}
.styles_customSelect__wuJ48 > div {
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}
.styles_timeTitle__7JAwx {
  display: inline-block;
}
.styles_timeZoneSelect__g24EA {
  margin-top: 16px;
  margin-bottom: 8px;
}
.styles_showTimeZone__VvDBo {
  font-size: 13px;
  line-height: 18px;
}
.styles_showTimeZone__VvDBo span {
  color: var(--textCommonTertiary);
}
.styles_horizontalItem___ZIng {
  width: 88px;
}
.styles_horizontalItem___ZIng .styles_horizontalItemTitle__VMY87 {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_border__pWFCb {
  border-top: 1px solid var(--lineColor);
  padding-top: 16px;
}
.styles_borderTop__rgfFJ {
  border-Top: 1px solid var(--lineColor);
  padding-Top: 16px;
}
.styles_sectionTop__cg9ks {
  padding-top: 16px;
}
.styles_singleText__dKAj9 span {
  color: var(--fourthLevelText);
  font-size: 12px;
}
.styles_divider__Uvg2R {
  flex-shrink: 0;
}
.styles_selectWrap__Z7BmU {
  display: flex;
}
.styles_alignSelectWrap__mX_Qc {
  width: 104px;
  margin-right: 16px;
}
.styles_precisionSelectWrap__9To7N {
  flex: 1;
  overflow: hidden;
}
.styles_formatItemWrap__JcXaN {
  display: flex;
  justify-content: space-between;
}
.styles_formatItemWrap__JcXaN .styles_formatItemSymbol__ZtRb_ {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formatItemWrap__JcXaN .styles_formatItemPrecision__YQjEU {
  flex-shrink: 0;
}
.styles_formatItemWrap__JcXaN[data-align="default"] .styles_formatItemSymbol__ZtRb_ {
  text-align: right;
}
.styles_formatItemWrap__JcXaN[data-align="default"] .styles_formatItemPrecision__YQjEU {
  margin-left: 2px;
}
.styles_formatItemWrap__JcXaN[data-align="right"] {
  display: inline-block;
  width: 100%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_commaStyleSwitch__u3RUQ {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.styles_commaStyleText__0Uvti {
  margin-left: 4px;
  font-size: 13px;
  color: var(--thirdLevelText);
}
.styles_divider__Uvg2R {
  margin-top: 8px;
  margin-bottom: 16px;
}
.styles_defaultValueTitle__jW9BE {
  margin-bottom: 8px !important;
}
.styles_defaultValueSelect__cnQUD {
  margin-bottom: 8px;
}
.styles_selectDefault__4j32V .listBox {
  max-height: 135px;
}
.styles_selectList__zlOIY {
  max-height: 250px;
  flex-shrink: 0;
}
.styles_enhance__wY6hw {
  display: flex;
  justify-content: space-between !important;
  margin-top: 16px;
  margin-bottom: 17px!important;
}
.styles_selectText__p1DcL {
  color: var(--textCommonQuaternary);
}
.styles_sectionInfo__BBL5F {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 40px;
  position: relative;
}
.styles_warnInfo__bA_bp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--textCommonTertiary);
  margin-top: 8px;
  font-size: 13px;
}
.styles_warnInfo__bA_bp svg {
  margin-right: 5px;
}
.styles_infoTip__whFHi {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.styles_infoTip__whFHi span {
  margin-right: 5px;
}
.styles_infoTip__whFHi .styles_infoIcon__bzh5k {
  height: 16px;
}
.styles_infoTip__whFHi .styles_infoIcon__bzh5k:hover svg {
  fill: var(--textCommonTertiary);
}
.styles_filterSelected__W15AJ {
  color: var(--textCommonPrimary);
}
@media screen and (max-width: 767.98px) {
  .styles_addNewItem__ZqtOZ {
    font-size: inherit;
    padding: 0;
  }
  .styles_selection__HijrG:not(:empty) {
    min-height: 200px;
    flex: 1;
  }
  .styles_selectionItem__85dsA {
    display: block;
  }
  .styles_item__gwQBA {
    display: flex;
    align-items: center;
    height: 40px;
  }
  .styles_optName__L2Y_b {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .styles_sortableContainer__z9kxj {
    flex: 1;
    overflow: auto;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__M5d94 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__hI8Er {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__U9UA8 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__U9UA8 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__U9UA8 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__U9UA8 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__U9UA8 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__U9UA8 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__U9UA8 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__U9UA8 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__U9UA8 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ePjk9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__45syw {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__QgF0q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__QgF0q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__QgF0q .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__QgF0q .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__QgF0q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__QgF0q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__QgF0q .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__QgF0q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__QgF0q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__QgF0q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__QgF0q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__QgF0q .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__QgF0q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__QgF0q .editBgColor::before,
.style_tree__QgF0q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__QgF0q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__QgF0q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__QgF0q .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__QgF0q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__QgF0q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__QgF0q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__QgF0q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__QgF0q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__QgF0q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__BWE4n .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__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__BWE4n .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__BWE4n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__BWE4n .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__BWE4n .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__BWE4n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__SuAy5 .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__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__SuAy5 .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__SuAy5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__SuAy5 .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__SuAy5 .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__SuAy5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SuAy5 .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__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__SuAy5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__3JBQG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__3JBQG::-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__3JBQG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__MN4cO::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__MN4cO::-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__MN4cO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__61QOz {
  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__ZoDXv {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ZoDXv {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ZoDXv {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ZoDXv {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ZoDXv {
    flex: 0 0 100%;
  }
}
.style_datasheetInfo__M1m4m {
  display: flex !important;
  align-items: center;
}
.style_datasheetInfo__M1m4m.style_iconEditable__8Ltpb .emoji-mart-emoji {
  cursor: pointer;
}
.style_datasheetInfo__M1m4m .emoji-mart-emoji {
  margin-right: 2px;
  line-height: 0;
}
.style_name__JUHm4 {
  -webkit-user-select: text;
          user-select: text;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_fieldName__jSiIx {
  margin: 0;
  font-size: 12px;
  padding-left: 40px;
  color: var(--textCommonTertiary);
}
.optionLabel {
  height: 100%;
  overflow: hidden;
}

.styles_openLinkInput__2xIMY {
  position: relative;
}
.styles_switchUrl__nXT8S {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.styles_switchUrl__nXT8S .styles_divider__8hdj_ {
  width: 1px;
  height: 16px;
  margin-right: 10px;
  background-color: var(--borderCommonDefault);
}
.styles_switchUrl__nXT8S span {
  line-height: 13px;
  padding: 4px 4px;
  border-radius: 4px;
}
.styles_switchUrl__nXT8S span:hover {
  background-color: var(--bgBglessHover);
}
.ant-input-group-addon {
  padding-left: 0 !important;
  background-color: var(--lowestBg) !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__U6AeT {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QzKJE {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__OFRrG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__OFRrG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__OFRrG 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__OFRrG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__OFRrG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__OFRrG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__OFRrG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__OFRrG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__OFRrG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__VXYpB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__fidCj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__RWcud .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__RWcud .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__RWcud .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__RWcud .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__RWcud .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__RWcud .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__RWcud .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__RWcud .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__RWcud .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__RWcud .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__RWcud .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__RWcud .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__RWcud .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__RWcud .editBgColor::before,
.style_tree__RWcud .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__RWcud .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__RWcud .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__RWcud .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__RWcud .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__RWcud .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__RWcud .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__RWcud .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__RWcud .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__RWcud .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__j1usD .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__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__j1usD .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__j1usD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__j1usD .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__j1usD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__j1usD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__0g3Zg .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__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__0g3Zg .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__0g3Zg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__0g3Zg .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__0g3Zg .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__0g3Zg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0g3Zg .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__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__0g3Zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Rjl_U::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Rjl_U::-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__Rjl_U:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__xrYeZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__xrYeZ::-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__xrYeZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__dh_rj {
  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__pgu6G {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__pgu6G {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__pgu6G {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__pgu6G {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__pgu6G {
    flex: 0 0 100%;
  }
}
.style_portalContainer__PoOrm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--overAntModal);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--deepMaskColor);
}
.style_portalContainerDrawer__YSrYY {
  width: 100%;
  height: 100%;
}
.style_portalContainerDrawer__YSrYY .style_searchPanelContainer__l_1Qj {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_portalContainerDrawer__YSrYY .style_searchPanelContainer__l_1Qj .style_coverImg__XB3Z7 {
  width: 100%;
  height: 110px;
}
.style_portalContainerDrawer__YSrYY .style_searchPanelContainer__l_1Qj .style_searchPanelTitle__E17WX {
  font-size: 18px;
}
.style_portalContainerDrawer__YSrYY .style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q {
  width: 100%;
  display: flex;
  flex: 1;
}
.style_searchPanelContainer__l_1Qj {
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: var(--shadowCommonHighest);
}
.style_searchPanelContainer__l_1Qj.style_secondConfirmTypeForChat__AERvT {
  display: block;
  background: var(--bgCommonHighest);
}
.style_searchPanelContainer__l_1Qj.style_secondConfirmTypeForChat__AERvT .style_searchPanel__hac6q {
  box-shadow: unset;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q.style_searchPanelLeft__nb7CG {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_narrowBtn__guhj7 {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchPanelTitle__E17WX {
  display: flex;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchPanelTitle__E17WX .style_helpBtn__03j3Y {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_folderBreadItem__N3MkY:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH::-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_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchResult__5p3UH .style_nodeTitle__hw1HL {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchEmpty__bDImX {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchEmpty__bDImX .style_emptyImage__pw6rx {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchEmpty__bDImX .style_emptyText__Fiedz {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_searchEmpty__bDImX .style_emptyText__Fiedz span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_folderContent__N_W6J {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_breadCrumb__F8bbD {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_breadCrumb__F8bbD .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_breadCrumb__F8bbD .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_breadCrumb__F8bbD .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_breadCrumb__F8bbD .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_loading__iXXAt {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_emptyFolder__RhcH_ .style_emptyImg__e5fDw {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q .style_emptyFolder__RhcH_ p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__l_1Qj .style_searchPanel__hac6q {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__qy4NP {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__qy4NP button {
  margin-left: 8px;
}

.styles_datasourceSelect__SGnCZ {
  width: 100%;
  margin-bottom: 0;
}
.styles_datasourceSelect__SGnCZ .styles_placeholder__LBaMi {
  color: var(--textCommonQuaternary);
}
.styles_viewSelectInner__bxLF5 {
  width: 100%;
}
.styles_datasourceDropdownList__pYrS6 {
  display: none;
}

.styles_viewSelect__ont1i {
  width: 100%;
}

.styles_cascaderRulesModal__M9lv9 .ant-modal-header {
  padding-bottom: 16px;
}
.styles_cascaderRulesModal__M9lv9 .ant-modal-body {
  padding-top: 16px;
}
.styles_cascaderRulesModal__M9lv9 .ant-modal-footer {
  padding-bottom: 24px;
}
.styles_modalTitle__bLmXI {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.styles_modalTitle__bLmXI svg {
  vertical-align: -0.125em;
}
.styles_cascaderRulesContainer__Mz0zq {
  display: flex;
  flex-direction: column;
}
.styles_tipRow__Zpf9O {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
  color: var(--textCommonSecondary);
}
.styles_tipRow__Zpf9O a {
  text-decoration: underline;
}
.styles_tipRow__Zpf9O a:hover {
  text-decoration: underline;
}
.styles_refreshButton__K1gww {
  justify-content: flex-end !important;
  min-width: 132px;
  padding: 0 !important;
}
.styles_loadingContainer__VgxcM {
  align-items: center;
  justify-content: center;
}
.styles_fieldSelectsContainer__3xKkT {
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  height: 360px;
}
.styles_fieldSelectCol__wIN31 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100px;
}
.styles_fieldSelect__wa3uO {
  align-items: center;
  border-bottom: 1px solid var(--borderCommonDefault);
  border-right: 1px solid var(--borderCommonDefault);
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.styles_select___4owK {
  cursor: pointer;
  flex-grow: 1;
  max-width: calc(100% - 32px);
}
.styles_fullWidth__lq34s {
  max-width: 100%;
}
.styles_deleteButton__0LwwK {
  margin-left: 8px;
  color: var(--textCommonTertiary) !important;
}
.styles_fieldPreview__GU9wy {
  border-right: 1px solid var(--borderCommonDefault);
  flex-grow: 1;
  overflow-y: auto;
  padding: 8px;
}
.styles_buttonAddWrapper__95EEC {
  border-bottom: 1px solid var(--borderCommonDefault);
  height: 57px;
  line-height: 57px;
}
.styles_buttonAdd__2SUIw {
  margin: 0 2px;
}
.styles_previewOption__5ffjB {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 4px;
  padding: 9px 16px;
  background-color: var(--bgBrandLightDefault);
  border-radius: 4px;
  cursor: pointer;
}
.styles_previewOption__5ffjB.styles_isLeaf__m_70I {
  cursor: default;
}
.styles_previewOption__5ffjB > span {
  color: var(--primaryColor);
}
.styles_previewOption__5ffjB > span:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_previewOption__5ffjB svg {
  fill: var(--textBrandDefault);
  min-width: 20px;
}
.styles_previewOptionUnselected__PSa8F {
  background-color: transparent;
}
.styles_previewOptionUnselected__PSa8F > span {
  color: unset;
}
.styles_previewOptionUnselected__PSa8F:not(.styles_isLeaf__m_70I):hover {
  background-color: var(--bgBglessHover);
}
.styles_previewOptionUnselected__PSa8F:not(.styles_isLeaf__m_70I):active {
  background-color: var(--bgBglessActive);
}
.styles_previewOptionUnselected__PSa8F.styles_isLeaf__m_70I:hover {
  background-color: var(--bgBglessHover);
}
.styles_previewOptionUnselected__PSa8F.styles_previewOption__5ffjB {
  color: var(--textCommonPrimary);
}
.styles_previewOptionUnselected__PSa8F.styles_previewOption__5ffjB svg {
  fill: var(--textCommonTertiary);
}
.styles_cancelButton__OjQw3 {
  border: none;
  box-shadow: none;
}

.styles_sectionTitleWithTip__quCcM {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.styles_error__KHKEf {
  color: var(--errorColor);
}
.styles_datasourceSelectRow__1QyeJ {
  gap: 16px;
  margin-bottom: 16px;
}
.styles_tip__I0J__ span {
  font-size: 12px;
}
.styles_cascaderRulesShow__zOeel {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--borderCommonDefault);
  padding: 8px;
  border-radius: 4px;
}
.styles_cascaderRulesShow__zOeel .styles_rulesText__fwNjD {
  width: 220px;
  color: var(--textCommonPrimary);
}
.styles_rulesButton__wR1T1 {
  color: #949494 !important;
  pointer-events: inherit !important;
}
.styles_rulesButtonText__ts9al {
  color: var(--fc1);
}

.style_emojiPopover__17Ehu .ant-popover-inner-content {
  padding: 0;
}
.style_emojiPopover__17Ehu .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}

.style_empty__4azPR {
  margin: 45% auto 0;
  padding: 0 8px;
  text-align: center;
  max-width: 234px;
}
.style_empty__4azPR .typography {
  margin-bottom: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis___BsK3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ajDE8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___UN8M ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___UN8M ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___UN8M 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___UN8M ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___UN8M li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___UN8M .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___UN8M .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___UN8M .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___UN8M .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__aRwA0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__b4FHw {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__QLLHE .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__QLLHE .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__QLLHE .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__QLLHE .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__QLLHE .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__QLLHE .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__QLLHE .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__QLLHE .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__QLLHE .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__QLLHE .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__QLLHE .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__QLLHE .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__QLLHE .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__QLLHE .editBgColor::before,
.style_tree__QLLHE .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__QLLHE .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__QLLHE .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__QLLHE .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__QLLHE .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__QLLHE .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__QLLHE .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__QLLHE .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__QLLHE .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__QLLHE .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__p2tuY .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__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__p2tuY .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__p2tuY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__p2tuY .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__p2tuY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__p2tuY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Trcs4 .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__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Trcs4 .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__Trcs4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Trcs4 .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__Trcs4 .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__Trcs4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Trcs4 .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__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Trcs4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8pTVX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8pTVX::-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__8pTVX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__82sh1::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__82sh1::-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__82sh1:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__6BNFh {
  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___KFCF {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___KFCF {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___KFCF {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___KFCF {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___KFCF {
    flex: 0 0 100%;
  }
}
.style_nodeItemWrapper__vjMtD {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.style_nodeItemWrapper__vjMtD.style_nodeItemHover__J9PzI:hover .style_state__maHzo {
  display: none;
}
.style_nodeItemWrapper__vjMtD.style_nodeItemHover__J9PzI:hover .style_operation__DJQdy {
  display: flex;
}
.style_nodeItemWrapper__vjMtD.style_nodeMobile__VBJRV .style_state__maHzo {
  display: none;
}
.style_nodeItemWrapper__vjMtD.style_nodeMobile__VBJRV .style_operation__DJQdy {
  display: flex;
}
.style_nodeItemWrapper__vjMtD.style_nodeMobileActive__NrHpm .style_state__maHzo {
  display: inherit;
}
.style_nodeItemWrapper__vjMtD .style_nodeIcon__nAsUW {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 2px;
  cursor: pointer;
}
@media (any-hover: hover) {
  .style_nodeItemWrapper__vjMtD .style_nodeIcon__nAsUW:hover {
    background: var(--shadowColor);
  }
}
.style_nodeItemWrapper__vjMtD .style_nodeIcon__nAsUW.style_disabled__aua70 {
  background: transparent;
  cursor: default;
}
.style_nodeItemWrapper__vjMtD .style_nodeIcon__nAsUW svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
  color: var(--fourthLevelText);
}
.style_nodeItemWrapper__vjMtD .style_content__KiBXz {
  width: 0;
  margin-left: 4px;
  flex: 1;
  height: 100%;
  line-height: 36px;
  color: var(--fc1);
}
.style_nodeItemWrapper__vjMtD .style_content__KiBXz .style_nodeName__9v74A {
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
.style_nodeItemWrapper__vjMtD .style_state__maHzo {
  flex-shrink: 0;
}
.style_nodeItemWrapper__vjMtD .style_state__maHzo > div {
  display: flex;
  align-items: center;
}
.style_nodeItemWrapper__vjMtD .style_state__maHzo svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
}
.style_nodeItemWrapper__vjMtD .style_operation__DJQdy {
  flex-shrink: 0;
  display: none;
}
.style_nodeItemWrapper__vjMtD .style_operation__DJQdy > div {
  display: flex;
  align-items: center;
}
.style_nodeItemWrapper__vjMtD .style_operation__DJQdy svg {
  width: 16px;
  height: 16px;
  fill: var(--thirdLevelText);
}
.style_actived__Lv7Th .style_nodeIcon__nAsUW svg {
  fill: var(--primaryColor);
  color: var(--primaryColor);
}
.style_actived__Lv7Th .style_content__KiBXz {
  color: var(--primaryColor) !important;
  font-weight: bold;
}
.style_deleteTitle__Adhlq {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style_deleteNodeName__h2sGM {
  display: inline;
}
@media screen and (max-width: 767.98px) {
  .style_nodeItemWrapper__vjMtD .style_nodeIcon__nAsUW {
    pointer-events: none;
  }
  .style_deleteTitle__Adhlq {
    justify-content: center;
  }
}

/**
* 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__gEYTK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__q_Edx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__e11Re ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__e11Re ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__e11Re 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__e11Re ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__e11Re li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__e11Re .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__e11Re .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__e11Re .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__e11Re .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__5Hn0q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cl1O3 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__b0nPx .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__b0nPx .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__b0nPx .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__b0nPx .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__b0nPx .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__b0nPx .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__b0nPx .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__b0nPx .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__b0nPx .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__b0nPx .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__b0nPx .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__b0nPx .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__b0nPx .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__b0nPx .editBgColor::before,
.style_tree__b0nPx .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__b0nPx .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__b0nPx .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__b0nPx .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__b0nPx .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__b0nPx .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__b0nPx .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__b0nPx .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__b0nPx .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__b0nPx .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__q3MVL .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__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__q3MVL .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__q3MVL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__q3MVL .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__q3MVL .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__q3MVL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__acXT3 .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__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__acXT3 .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__acXT3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__acXT3 .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__acXT3 .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__acXT3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__acXT3 .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__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__acXT3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__frWhl::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__frWhl::-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__frWhl:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ub_2U::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ub_2U::-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__ub_2U:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__YGiuO {
  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__fqWBY {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fqWBY {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fqWBY {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fqWBY {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fqWBY {
    flex: 0 0 100%;
  }
}
.style_tree__b0nPx .style_emptyNodes__ZyKQg {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: var(--fourthLevelText);
  text-align: center;
}
.style_tree__b0nPx .style_errorTip__yU4qB {
  cursor: pointer;
  color: var(--fc3);
}
.style_tree__b0nPx .treeItem {
  height: 40px;
}
.style_tree__b0nPx .treeItem.operationBg {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_tree__b0nPx .treeItem.selected {
  border-radius: 4px;
}
.style_permissionSetBtn__Grxoo {
  cursor: pointer;
  text-decoration: underline;
}

/**
* 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__U__rq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__luwrP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__y_Oad ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__y_Oad ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__y_Oad 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__y_Oad ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__y_Oad li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__y_Oad .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__y_Oad .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__y_Oad .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__y_Oad .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__RS5TA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__hD_oZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__BA13K .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__BA13K .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__BA13K .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__BA13K .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__BA13K .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__BA13K .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__BA13K .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__BA13K .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__BA13K .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__BA13K .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__BA13K .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__BA13K .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__BA13K .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__BA13K .editBgColor::before,
.styles_tree__BA13K .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__BA13K .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__BA13K .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__BA13K .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__BA13K .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__BA13K .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__BA13K .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__BA13K .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__BA13K .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__BA13K .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__A1Fwg .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__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__A1Fwg .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__A1Fwg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__A1Fwg .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__A1Fwg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__A1Fwg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ccAOF .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__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ccAOF .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__ccAOF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ccAOF .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__ccAOF .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__ccAOF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ccAOF .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__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ccAOF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Ru0xF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Ru0xF::-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__Ru0xF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Puir1::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Puir1::-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__Puir1:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Tz40h {
  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__WU5t0 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__WU5t0 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__WU5t0 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__WU5t0 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__WU5t0 {
    flex: 0 0 100%;
  }
}
.styles_viewSelectPanel__gjJuP {
  width: 280px;
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z {
  padding: 0 8px;
  max-height: 280px;
  overflow-x: auto;
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z::-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_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z .styles_viewSelectItem___IcsP {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 18px;
  margin: 0 -8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z .styles_viewSelectItem___IcsP:hover {
  background-color: var(--rowSelectedBg);
}
.styles_viewSelectPanel__gjJuP .styles_viewSelect__CIR8z .styles_viewSelectItem___IcsP svg {
  margin-right: 3px;
  vertical-align: -0.125em;
}
.styles_text__NJI59 {
  color: var(--thirdLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_text__NJI59.styles_active__X4VV4 {
  color: var(--primaryColor);
}
.styles_modalFooter__ahy95 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_modalFooter__ahy95 .styles_left__drWyg,
.styles_modalFooter__ahy95 .styles_right__wrsF_ {
  display: flex;
}
.styles_modalFooter__ahy95 .styles_left__drWyg .styles_button__kvW4p {
  margin-left: 8px;
}
.styles_modelBody__lzTIt .styles_desc__bbf8K {
  margin-bottom: 24px;
  padding: 0 24px;
  line-height: 20px;
  font-size: 14px;
  color: var(--secondLevelText);
}
.styles_modelBody__lzTIt .styles_searchField__3nNJE {
  margin: 0 32px;
}
.styles_modelBody__lzTIt .styles_fieldListWrapper__yFU69 {
  height: 224px;
  overflow: auto;
  margin-bottom: 20px;
}
.styles_modelBody__lzTIt .styles_fieldListWrapper__yFU69 .styles_fieldList__bZz8J {
  padding: 0 24px;
}
.styles_noResult__3eQZm {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: var(--secondLevelText);
}
.styles_fieldItem__WR8_Q {
  display: flex;
  padding: 0 8px;
  height: 32px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}
.styles_fieldItem__WR8_Q .styles_fieldIconAndTitle__fMEzw {
  display: flex;
  align-items: center;
}
.styles_fieldItem__WR8_Q:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_fieldItem__WR8_Q .styles_iconType__iY8Vo {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.styles_fieldItem__WR8_Q .styles_fieldName__2shRI {
  width: 245px;
  color: var(--secondLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_selectedFieldList__J1Gas {
  max-height: 132px;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_selectedFiledItem__4QnjG {
  margin: 0 8px 8px 0;
  display: flex;
  height: 20px;
  max-width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  background-color: var(--rowSelectedBg);
}
.styles_selectedFiledItem__4QnjG .styles_selectedFieldIconAndTitle__Pr4Fb {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.styles_selectedFiledItem__4QnjG .styles_iconType__iY8Vo {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_selectedFiledItem__4QnjG .styles_fieldName__2shRI {
  max-width: 245px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_editField__Cxqda {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}
.styles_editField__Cxqda .styles_editBtn__Rdqcu {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_editField__Cxqda .styles_editBtn__Rdqcu svg {
  fill: var(--thirdLevelText) !important;
}
.styles_editField__Cxqda .styles_editBtn__Rdqcu .styles_editText__2GOVu {
  margin-left: 3px;
  font-size: 13px;
}
@media screen and (max-width: 767.98px) {
  .styles_flowBox__mUet_ {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .styles_fieldListWrapper__yFU69 {
    flex: 1;
    overflow: auto;
    min-height: 240px;
  }
  .styles_fieldItem__WR8_Q {
    height: 48px;
    font-size: 14px;
  }
  .styles_fieldItem__WR8_Q .ant-switch {
    min-width: 34px;
  }
  .styles_btnGroup__O_qio {
    display: flex;
    justify-content: space-between;
  }
  .styles_btnGroup__O_qio button:first-child {
    margin-right: 12px;
  }
  .styles_btnGroup__O_qio button:last-child {
    margin-left: 12px;
  }
}

/**
* 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__5y54m {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__ud2YX {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__nObyc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__nObyc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__nObyc 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__nObyc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__nObyc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__nObyc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__nObyc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__nObyc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__nObyc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__3uEWj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__eFgn2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__mRTyj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__mRTyj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__mRTyj .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__mRTyj .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__mRTyj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__mRTyj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__mRTyj .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__mRTyj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__mRTyj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__mRTyj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__mRTyj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__mRTyj .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__mRTyj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__mRTyj .editBgColor::before,
.styles_tree__mRTyj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__mRTyj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__mRTyj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__mRTyj .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__mRTyj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__mRTyj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__mRTyj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__mRTyj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__mRTyj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__mRTyj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__S_WyB .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__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__S_WyB .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__S_WyB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__S_WyB .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__S_WyB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__S_WyB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__L1s16 .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__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__L1s16 .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__L1s16 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__L1s16 .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__L1s16 .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__L1s16 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__L1s16 .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__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__L1s16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__siSzM::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__siSzM::-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__siSzM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__CFlAv::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__CFlAv::-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__CFlAv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__W2C8x {
  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__t_XCq {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__t_XCq {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__t_XCq {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__t_XCq {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__t_XCq {
    flex: 0 0 100%;
  }
}
.styles_searchPanel__TNvOg {
  position: relative;
  width: 540px;
  height: 630px;
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  padding-top: 24px;
  overflow: hidden;
}
.styles_searchPanel__TNvOg .styles_iconNarrow__mHQMx {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.styles_searchPanel__TNvOg .styles_searchPanelTitle__tZYuQ {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__TNvOg .styles_searchResult__cPb7N {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.styles_searchPanel__TNvOg .styles_searchResult__cPb7N::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_searchPanel__TNvOg .styles_searchResult__cPb7N::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_searchPanel__TNvOg .styles_searchResult__cPb7N::-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_searchPanel__TNvOg .styles_searchResult__cPb7N:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_searchPanel__TNvOg .styles_searchResult__cPb7N .styles_nodeTitle__vI0GZ {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.styles_searchPanel__TNvOg .styles_searchEmpty__vPFTJ {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_searchPanel__TNvOg .styles_searchEmpty__vPFTJ .styles_emptyImage__Ayg2n {
  height: 150px;
  margin-bottom: 16px;
}
.styles_searchPanel__TNvOg .styles_searchEmpty__vPFTJ .styles_emptyText__ve3WZ {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.styles_searchPanel__TNvOg .styles_searchEmpty__vPFTJ .styles_emptyText__ve3WZ span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__TNvOg .styles_folderContent__TJMEJ {
  height: 494px;
  padding-bottom: 24px;
  overflow: auto;
}
.styles_searchPanel__TNvOg .styles_folderContent__TJMEJ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_searchPanel__TNvOg .styles_folderContent__TJMEJ::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_searchPanel__TNvOg .styles_folderContent__TJMEJ::-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_searchPanel__TNvOg .styles_folderContent__TJMEJ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_searchPanel__TNvOg .styles_breadCrumb__TxeDk {
  margin-top: 8px;
  padding: 6px 24px;
}
.styles_searchPanel__TNvOg .styles_breadCrumb__TxeDk .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  padding: 0 24px;
  cursor: pointer;
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC:hover,
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC.styles_active__74b6O {
  background-color: var(--rowSelectedBg);
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC.styles_disable__B_jXb svg {
  fill: var(--shadowColor);
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC.styles_disable__B_jXb .styles_text__NTMMZ {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC svg {
  vertical-align: middle;
  font-size: 15px;
  fill: var(--fourthLevelText);
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC svg.styles_leftIcon__YghqG {
  margin-right: 10px;
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC svg.styles_rightIcon__MKcwC {
  font-size: 12px;
  margin-left: 10px;
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC .styles_text__NTMMZ {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__TNvOg .styles_nodeContainer__02UuC .styles_budget__3XgYg {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  background: var(--fourthLevelText);
  border-radius: 2px;
  font-size: 10px;
  color: white;
  line-height: 16px;
  vertical-align: middle;
}
.styles_searchPanel__TNvOg .styles_loading__vqATC {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.styles_searchPanel__TNvOg .styles_emptyFolder__o8Dxe img {
  display: block;
  height: 150px;
  margin: 72px auto 16px;
}
.styles_searchPanel__TNvOg .styles_emptyFolder__o8Dxe p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
.styles_portalContainer__VImh9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--overAntModal);
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_viewSelectPanel__vFy1W {
  width: 280px;
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi {
  padding: 0 8px;
  max-height: 280px;
  overflow-x: auto;
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi::-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_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi .styles_viewSelectItem__AS5yr {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding: 0 18px;
  margin: 0 -8px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi .styles_viewSelectItem__AS5yr:hover {
  background-color: var(--rowSelectedBg);
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi .styles_viewSelectItem__AS5yr.styles_viewSelectItemHighlight__Kji8_ {
  color: var(--primaryColor);
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi .styles_viewSelectItem__AS5yr.styles_viewSelectItemHighlight__Kji8_ svg {
  fill: var(--primaryColor);
}
.styles_viewSelectPanel__vFy1W .styles_viewSelect__oZlwi .styles_viewSelectItem__AS5yr svg {
  margin-right: 3px;
  vertical-align: -0.125em;
}
.styles_text__NTMMZ {
  color: var(--thirdLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_text__NTMMZ.styles_active__74b6O {
  color: var(--firstLevelText);
}
.styles_linkTitle__flDRk {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_foreignInfoBox__dBZnL {
  height: 48px !important;
}
.styles_foreignInfoWrapper__HiU4Y {
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_foreignInfoWrapper__HiU4Y .styles_nameWrapper__0Eatg {
  display: flex;
}
.styles_foreignInfoWrapper__HiU4Y .styles_nameWrapper__0Eatg p {
  display: flex;
  align-items: center;
  line-height: 1;
}
.styles_foreignInfoWrapper__HiU4Y .styles_nameWrapper__0Eatg p > span {
  margin-right: 4px;
}
.styles_foreignInfoWrapper__HiU4Y .styles_foreignFieldNameWrapper__gfT5w {
  font-size: 12px;
  color: var(--fc3);
  display: flex;
  align-items: center;
  max-width: 90%;
  margin-top: 4px;
}
.styles_foreignInfoWrapper__HiU4Y .styles_foreignField__rVSBq {
  display: inline-block;
}
.styles_selectView__HtsJD {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_selectView__HtsJD .styles_tooltipContainer__Qd85r {
  width: -webkit-min-content;
  width: min-content;
}

/**
* 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_bottomPageTurn__oyjHz {
  align-items: center;
  background-color: var(--white);
  border-top: 1px solid var(--lineColor);
  bottom: 0;
  display: flex;
  flex-direction: row;
  height: 48px;
  position: fixed;
  width: 100%;
  z-index: var(--zIndex-11);
}
.style_button__AaVpf {
  flex-grow: 1;
  text-align: center;
}

/**
* 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_fieldDesc__ySZgo {
  position: fixed;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  padding: 16px;
  z-index: var(--zIndex-10-fieldDescBox);
}
.styles_h3__6ueYR {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-bottom: 8px;
}
.styles_textarea__2oTlh {
  width: 100%;
  resize: none;
  max-height: 104px !important;
  min-height: 73px !important;
  text-indent: 0 !important;
}
.styles_textarea__2oTlh::placeholder {
  color: var(--fc4) !important;
}
.styles_textarea__2oTlh.styles_error__Cr2de {
  border-color: var(--errorColor);
}
.styles_count___8NvX {
  text-align: right;
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  margin-bottom: 0;
}
.styles_count___8NvX.styles_error__Cr2de {
  color: var(--errorColor);
}
.styles_mask__fLLMg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--zIndex-10);
}

/**
* 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__Bqoay {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__wvgf_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__COjWo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__COjWo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__COjWo 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__COjWo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__COjWo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__COjWo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__COjWo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__COjWo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__COjWo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__nNbpB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__KOP_Q {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__RpfXG .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__RpfXG .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__RpfXG .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__RpfXG .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__RpfXG .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__RpfXG .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__RpfXG .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__RpfXG .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__RpfXG .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__RpfXG .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__RpfXG .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__RpfXG .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__RpfXG .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__RpfXG .editBgColor::before,
.style_tree__RpfXG .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__RpfXG .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__RpfXG .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__RpfXG .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__RpfXG .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__RpfXG .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__RpfXG .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__RpfXG .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__RpfXG .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__RpfXG .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___DpVa .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___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___DpVa .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___DpVa .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___DpVa .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___DpVa .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___DpVa .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__nQxKM .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__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__nQxKM .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__nQxKM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__nQxKM .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__nQxKM .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__nQxKM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nQxKM .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__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__nQxKM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__nv208::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__nv208::-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__nv208:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__9DWQ6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__9DWQ6::-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__9DWQ6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___dDiU {
  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__fGA_O {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fGA_O {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fGA_O {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fGA_O {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fGA_O {
    flex: 0 0 100%;
  }
}
.style_con__xcgD4 {
  width: 80px;
  height: 40px;
  line-height: 40px !important;
  background: var(--lowestBg) !important;
  border-radius: 4px;
  margin-right: 8px !important;
}
.style_con__xcgD4 > div {
  height: 40px !important;
  line-height: 40px !important;
}
.style_con__xcgD4 .ant-select-selection-item {
  line-height: 40px !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__0kVCV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__nLNGh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__LruTJ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__LruTJ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__LruTJ 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__LruTJ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__LruTJ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__LruTJ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__LruTJ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__LruTJ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__LruTJ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__H2Z75 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MeXM0 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__lb_jR .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__lb_jR .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__lb_jR .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__lb_jR .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__lb_jR .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__lb_jR .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__lb_jR .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__lb_jR .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__lb_jR .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__lb_jR .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__lb_jR .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__lb_jR .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__lb_jR .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__lb_jR .editBgColor::before,
.style_tree__lb_jR .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__lb_jR .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__lb_jR .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__lb_jR .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__lb_jR .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__lb_jR .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__lb_jR .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__lb_jR .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__lb_jR .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__lb_jR .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__HyPi_ .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__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__HyPi_ .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__HyPi_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__HyPi_ .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__HyPi_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__HyPi_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Q2ifG .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__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Q2ifG .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__Q2ifG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Q2ifG .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__Q2ifG .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__Q2ifG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q2ifG .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__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Q2ifG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__uPYwE::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__uPYwE::-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__uPYwE:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4_dEK::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4_dEK::-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__4_dEK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__6pSAp {
  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__EE98W {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__EE98W {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__EE98W {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__EE98W {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__EE98W {
    flex: 0 0 100%;
  }
}
.style_filterValue__uJT2R {
  flex: 1;
  width: 0;
  height: 40px;
  margin-right: 8px;
}
.style_filterValue__uJT2R input {
  color: var(--textCommonPrimary);
}
.style_filterValue__uJT2R .style_inputContainer__Erfhi {
  height: 100%;
}
.style_filterValue__uJT2R .style_inputContainer__Erfhi .style_input__FMgoQ {
  border: none;
  background: var(--lowestBg);
  height: 100%;
  flex: 1;
  width: 100%;
}
.style_filterValue__uJT2R .style_inputContainer__Erfhi .style_input__FMgoQ:hover,
.style_filterValue__uJT2R .style_inputContainer__Erfhi .style_input__FMgoQ:focus {
  outline: none;
  border: none;
}
@media screen and (max-width: 767.98px) {
  .style_filterValue__uJT2R {
    width: 100%;
    height: 48px;
    margin: 0;
    margin-top: 8px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__24NQP {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__On33I {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__emT7F ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__emT7F ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__emT7F 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__emT7F ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__emT7F li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__emT7F .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__emT7F .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__emT7F .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__emT7F .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__23Knq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__HGkiU {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__n7hsQ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__n7hsQ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__n7hsQ .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__n7hsQ .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__n7hsQ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__n7hsQ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__n7hsQ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__n7hsQ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__n7hsQ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__n7hsQ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__n7hsQ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__n7hsQ .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__n7hsQ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__n7hsQ .editBgColor::before,
.style_tree__n7hsQ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__n7hsQ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__n7hsQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__n7hsQ .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__n7hsQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__n7hsQ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__n7hsQ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__n7hsQ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__n7hsQ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__n7hsQ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2q46v .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__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2q46v .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__2q46v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2q46v .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__2q46v .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2q46v .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__EqtHH .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__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__EqtHH .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__EqtHH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__EqtHH .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__EqtHH .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__EqtHH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EqtHH .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__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__EqtHH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__4gt8R::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__4gt8R::-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__4gt8R:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__bLOI3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__bLOI3::-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__bLOI3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qvkh8 {
  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__AW4No {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__AW4No {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__AW4No {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__AW4No {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__AW4No {
    flex: 0 0 100%;
  }
}
.style_fieldMaskJunction__I_wPU {
  width: 64px;
  height: 40px;
  line-height: 40px !important;
  margin-right: 24px !important;
  background: var(--lowestBg);
  border-radius: 4px;
  justify-content: flex-start;
  display: flex !important;
  background-color: var(--lowestBg) !important;
}
.style_fieldMaskCondition__TBeZK {
  padding-top: 2px;
}
.style_fieldMaskConditionItem__Zj62T {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_fieldMaskJunction__I_wPU {
    background: none;
    align-self: start;
    margin-bottom: 4px;
  }
  .style_fieldMaskConditionItem__Zj62T {
    flex-direction: column;
    font-size: 14px;
  }
}

/**
* 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__Ll0Cc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Q8_27 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__w8f4K ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__w8f4K ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__w8f4K 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__w8f4K ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__w8f4K li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__w8f4K .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__w8f4K .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__w8f4K .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__w8f4K .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zXLFG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__dR4cK {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__iXZ_7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__iXZ_7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__iXZ_7 .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__iXZ_7 .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__iXZ_7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__iXZ_7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__iXZ_7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__iXZ_7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__iXZ_7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__iXZ_7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__iXZ_7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__iXZ_7 .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__iXZ_7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__iXZ_7 .editBgColor::before,
.style_tree__iXZ_7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__iXZ_7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__iXZ_7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__iXZ_7 .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__iXZ_7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__iXZ_7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__iXZ_7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__iXZ_7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__iXZ_7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__iXZ_7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Duy60 .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__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Duy60 .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__Duy60 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Duy60 .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__Duy60 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Duy60 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__OuIci .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__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__OuIci .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__OuIci .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__OuIci .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__OuIci .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__OuIci .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OuIci .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__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__OuIci .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__7lCIh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__7lCIh::-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__7lCIh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Gzers::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Gzers::-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__Gzers:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__MgNRn {
  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__zuj_g {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__zuj_g {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__zuj_g {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__zuj_g {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__zuj_g {
    flex: 0 0 100%;
  }
}
.style_viewFieldMask__lnvjX {
  overflow: auto;
  box-sizing: border-box;
  background: var(--highBg);
  z-index: var(--viewFilterBox);
  cursor: default;
  min-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_viewFieldMask__lnvjX .style_addNewButton__IlKXM {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content;
  color: var(--secondLevelText);
}
.style_viewFieldMask__lnvjX .style_addNewButton__IlKXM.style_disabled__BIOAu {
  color: var(--textCommonDisabled) !important;
  cursor: not-allowed;
}
.style_viewFieldMask__lnvjX .style_addNewButton__IlKXM.style_disabled__BIOAu svg {
  fill: var(--textCommonDisabled) !important;
}
.style_viewFieldMask__lnvjX .style_addNewButton__IlKXM.style_disabled__BIOAu > * {
  opacity: 0.5;
}
.style_viewFieldMask__lnvjX .style_addNewButton__IlKXM .style_iconAdd__oEPeD {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
@media (any-hover: hover) {
  .style_viewFieldMask__lnvjX .style_addNewButton__IlKXM:hover {
    color: var(--primaryColor);
  }
  .style_viewFieldMask__lnvjX .style_addNewButton__IlKXM:hover svg {
    fill: var(--primaryColor);
  }
}
@media screen and (max-width: 767.98px) {
  .style_viewFieldMask__lnvjX {
    width: 100%;
    height: 100%;
    box-shadow: none;
    padding: 0;
    background: var(--defaultBg);
    min-width: unset;
  }
  .style_addNewButton__IlKXM {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    padding: 12px 8px;
  }
  .style_addNewButton__IlKXM span {
    margin-right: 8px;
  }
  .style_addNewButton__IlKXM:active {
    color: var(--primaryColor);
  }
  .style_addNewButton__IlKXM:active svg {
    fill: var(--primaryColor);
  }
}
.style_scrollShadow__ZnOC7 {
  position: absolute;
  left: 0;
  bottom: 46px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__XhE6R {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QFFQB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__8FHSD ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__8FHSD ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__8FHSD 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__8FHSD ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__8FHSD li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__8FHSD .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__8FHSD .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__8FHSD .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__8FHSD .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__DUwEZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__i047C {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Wg_ba .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Wg_ba .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Wg_ba .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__Wg_ba .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__Wg_ba .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Wg_ba .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Wg_ba .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Wg_ba .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Wg_ba .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Wg_ba .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Wg_ba .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Wg_ba .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__Wg_ba .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Wg_ba .editBgColor::before,
.style_tree__Wg_ba .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Wg_ba .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Wg_ba .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Wg_ba .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__Wg_ba .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Wg_ba .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Wg_ba .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Wg_ba .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Wg_ba .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Wg_ba .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__TBFlR .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__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__TBFlR .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__TBFlR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__TBFlR .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__TBFlR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__TBFlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__VfBH8 .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__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__VfBH8 .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__VfBH8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__VfBH8 .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__VfBH8 .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__VfBH8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VfBH8 .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__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__VfBH8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__MJtSM::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__MJtSM::-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__MJtSM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__NULtn::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__NULtn::-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__NULtn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__dymh2 {
  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__9MXkK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__9MXkK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__9MXkK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__9MXkK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__9MXkK {
    flex: 0 0 100%;
  }
}
.style_spaceInfo__ew9lL {
  width: 100%;
  height: 100%;
  padding: 24px;
  min-width: calc(1601px / 1.5);
  min-height: calc(773px / 1.5);
}
.style_spaceInfo__ew9lL .style_left__ZneyP,
.style_spaceInfo__ew9lL .style_right__EvaLp {
  background-color: var(--defaultBg);
}
.style_spaceInfo__ew9lL .style_left__ZneyP {
  height: 100%;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.style_spaceInfo__ew9lL .style_left__ZneyP .style_spaceTitle__pZrQd {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.style_spaceInfo__ew9lL .style_left__ZneyP .style_spaceTitle__pZrQd svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.style_spaceInfo__ew9lL .style_left__ZneyP .style_spaceLevel__C3PeJ {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.style_spaceInfo__ew9lL .style_left__ZneyP .style_moreMenuWrap__6jaAo {
  position: absolute;
  right: 16px;
}
.style_spaceLevelTag__7ZuJQ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 2px;
}
.style_spaceLevelTag__7ZuJQ.style_bronzeTag__qQMDW {
  background: var(--rainbowBrown1);
}
.style_spaceLevelTag__7ZuJQ.style_bronzeTag__qQMDW .style_text__Zl4Ui {
  color: var(--rainbowBrown5);
}
.style_spaceLevelTag__7ZuJQ.style_silverTag__ZATsf {
  background: var(--rainbowIndigo1);
}
.style_spaceLevelTag__7ZuJQ.style_silverTag__ZATsf .style_text__Zl4Ui {
  color: var(--indigo_400);
}
.style_spaceLevelTag__7ZuJQ.style_goldTag__z7G8w {
  background: var(--rainbowOrange1);
}
.style_spaceLevelTag__7ZuJQ.style_goldTag__z7G8w .style_text__Zl4Ui {
  color: var(--rainbowOrange5);
}
.style_spaceLevelTag__7ZuJQ.style_enterpriseTag__r0VjI {
  background: var(--rainbowIndigo1);
}
.style_spaceLevelTag__7ZuJQ.style_enterpriseTag__r0VjI .style_text__Zl4Ui {
  color: var(--rainbowIndigo5);
}
.style_spaceLevelTag__7ZuJQ .style_text__Zl4Ui {
  font-size: 12px;
}
.style_spaceLevelTag__7ZuJQ .style_icon__JfU9M {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  font-size: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__Jmm2V {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__mpnzW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__p8Uim ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__p8Uim ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__p8Uim 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__p8Uim ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__p8Uim li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__p8Uim .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__p8Uim .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__p8Uim .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__p8Uim .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GQDXa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ESr_p {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__wYQWn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__wYQWn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__wYQWn .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__wYQWn .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__wYQWn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__wYQWn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__wYQWn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__wYQWn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__wYQWn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__wYQWn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__wYQWn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__wYQWn .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__wYQWn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__wYQWn .editBgColor::before,
.style_tree__wYQWn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__wYQWn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__wYQWn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__wYQWn .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__wYQWn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__wYQWn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__wYQWn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__wYQWn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__wYQWn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__wYQWn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__yE8TV .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__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__yE8TV .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__yE8TV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__yE8TV .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__yE8TV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__yE8TV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___Oi3K .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___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___Oi3K .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___Oi3K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___Oi3K .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___Oi3K .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___Oi3K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___Oi3K .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___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___Oi3K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__FpZXo::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__FpZXo::-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__FpZXo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__HILpz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__HILpz::-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__HILpz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__rxJUk {
  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__yzLkl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__yzLkl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__yzLkl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__yzLkl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__yzLkl {
    flex: 0 0 100%;
  }
}
.style_slateEditor__1XGQZ {
  border-radius: 4px;
  width: 100%;
  word-break: normal;
  word-wrap: break-word;
}
.style_slateEditor__1XGQZ .DraftEditor-root {
  height: 100%;
}
.style_seeMore___CMtV {
  text-align: center;
  color: var(--secondLevelText);
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}
.style_loading__cb3pj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  box-shadow: var(--shadowCommonHighest);
  background: var(--defaultBg);
}
.style_emojiWrapper__Li6Ej {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
.style_emojiWrapper__Li6Ej .style_emojiUser__P9MJY {
  margin-right: 4px;
  margin-bottom: 4px;
}
.style_emojiWrapper__Li6Ej .style_emojiUser__P9MJY:last-child {
  margin-right: 0;
}
.style_emojiUser__P9MJY {
  display: flex;
  align-items: center;
  background-color: var(--fill0);
  border-radius: 2px;
  padding: 1px 8px;
  font-size: 12px;
  color: var(--fc3);
  flex-basis: auto;
}
.style_emojiUser__P9MJY > span {
  padding-right: 4px;
}
.style_emojiUser__P9MJY .style_emojiToggle__1eM95 {
  cursor: pointer;
  display: flex;
}
.style_emojiUser__P9MJY .style_emojiCount__ICIdu {
  padding-right: 0;
  padding-left: 4px;
  cursor: pointer;
}
.style_wrap__3JO6_ {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  margin: 0 4px;
  line-height: 24px;
}
.style_wrap__3JO6_ .style_mention__ilifm,
.style_wrap__3JO6_ .style_link__evaP_ {
  display: inline-block;
  position: relative;
  top: 4px;
}
.style_wrap__3JO6_ .style_mention__ilifm[contentEditable="true"],
.style_wrap__3JO6_ .style_link__evaP_[contentEditable="true"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.style_link__evaP_ a {
  -webkit-user-select: text;
          user-select: text;
  -webkit-user-drag: none;
  color: var(--primaryColor);
}
.style_link__evaP_ a:hover {
  text-decoration: underline;
}
.style_members__YJUUb {
  max-width: 280px;
  bottom: -9999px;
  left: -9999px;
  position: absolute;
  z-index: 1060;
  background-color: var(--highestBg);
  border-radius: 4px;
  box-shadow: var(--shadowCommonHighest);
  height: auto!important;
}
.style_members__YJUUb .memberOptionList {
  height: calc(100% - 30px);
}
.style_members__YJUUb .memberOptionList > div {
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__LJlwK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__gy7D2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__gwMQv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__gwMQv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__gwMQv 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__gwMQv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__gwMQv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__gwMQv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__gwMQv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__gwMQv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__gwMQv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__wtdmz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Q8w5Q {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ray_K .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ray_K .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ray_K .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__ray_K .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__ray_K .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ray_K .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ray_K .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ray_K .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ray_K .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ray_K .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ray_K .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ray_K .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__ray_K .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ray_K .editBgColor::before,
.style_tree__ray_K .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ray_K .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ray_K .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ray_K .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__ray_K .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ray_K .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ray_K .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ray_K .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ray_K .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ray_K .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__I9wNQ .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__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__I9wNQ .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__I9wNQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__I9wNQ .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__I9wNQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__I9wNQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__wLsYv .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__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__wLsYv .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__wLsYv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__wLsYv .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__wLsYv .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__wLsYv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wLsYv .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__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__wLsYv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__B1UuG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__B1UuG::-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__B1UuG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__XEHGw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__XEHGw::-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__XEHGw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__mVJ22 {
  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__CxsYC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CxsYC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CxsYC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CxsYC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CxsYC {
    flex: 0 0 100%;
  }
}
.style_reply__dtz64 {
  display: flex;
  justify-content: space-between;
  background-color: var(--fc11);
  padding: 4px 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  color: var(--fc3);
  min-height: 28px;
}
.style_reply__dtz64.style_static__PdbHG {
  background-color: var(--fc6);
}
.style_reply__dtz64 p {
  color: var(--fc3) !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__Ituvl {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__O_bjt {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___JuLX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___JuLX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___JuLX 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___JuLX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___JuLX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___JuLX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___JuLX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___JuLX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___JuLX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__C5L7E {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__UETa7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__vA_GM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__vA_GM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__vA_GM .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__vA_GM .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__vA_GM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__vA_GM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__vA_GM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__vA_GM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__vA_GM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__vA_GM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__vA_GM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__vA_GM .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__vA_GM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__vA_GM .editBgColor::before,
.style_tree__vA_GM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__vA_GM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__vA_GM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__vA_GM .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__vA_GM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__vA_GM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__vA_GM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__vA_GM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__vA_GM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__vA_GM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0ilkm .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__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0ilkm .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__0ilkm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0ilkm .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__0ilkm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0ilkm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__wcg5f .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__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__wcg5f .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__wcg5f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__wcg5f .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__wcg5f .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__wcg5f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wcg5f .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__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__wcg5f .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__iWjuy::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__iWjuy::-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__iWjuy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__k6YxL::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__k6YxL::-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__k6YxL:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fF6fj {
  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__G4xV_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__G4xV_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__G4xV_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__G4xV_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__G4xV_ {
    flex: 0 0 100%;
  }
}
.style_comment__LaWGf {
  width: 100%;
  background-color: var(--white);
  display: inline-block;
  border-radius: 4px;
  padding: 8px;
}
.style_comment__LaWGf .style_content__RzOuQ {
  background-color: transparent;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .style_comment__LaWGf {
    border-radius: 8px;
    border-top-left-radius: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__7OlbJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__K4oji {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__pmna0 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__pmna0 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__pmna0 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__pmna0 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__pmna0 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__pmna0 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__pmna0 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__pmna0 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__pmna0 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__ljSEb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__QcMp0 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__uuHfa .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__uuHfa .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__uuHfa .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__uuHfa .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__uuHfa .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__uuHfa .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__uuHfa .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__uuHfa .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__uuHfa .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__uuHfa .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__uuHfa .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__uuHfa .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__uuHfa .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__uuHfa .editBgColor::before,
.styles_tree__uuHfa .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__uuHfa .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__uuHfa .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__uuHfa .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__uuHfa .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__uuHfa .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__uuHfa .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__uuHfa .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__uuHfa .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__uuHfa .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__8J1pE .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__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__8J1pE .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__8J1pE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__8J1pE .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__8J1pE .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__8J1pE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__LdYDS .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__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__LdYDS .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__LdYDS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__LdYDS .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__LdYDS .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__LdYDS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__LdYDS .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__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__LdYDS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__rrhow::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__rrhow::-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__rrhow:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__PdQLn::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__PdQLn::-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__PdQLn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__O3mt1 {
  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__74tZx {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__74tZx {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__74tZx {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__74tZx {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__74tZx {
    flex: 0 0 100%;
  }
}
.styles_progress__DrRnS {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 24px 0 20px;
  color: var(--fc1);
}
.styles_progress__DrRnS .styles_progressWrapper__P0vHp {
  width: 206px;
  border-radius: 3px;
  margin-right: 8px;
}
.styles_progress__DrRnS .styles_progressWrapper__P0vHp .styles_progressLine__HpEU3 {
  background: #2B68FF;
  border-radius: 3px;
  height: 100%;
}
.styles_tip__cxm8Z {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tip__cxm8Z svg {
  margin-left: 13px;
  margin-right: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__ORPcb {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__tb8KF {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__M2WEX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__M2WEX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__M2WEX 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__M2WEX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__M2WEX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__M2WEX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__M2WEX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__M2WEX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__M2WEX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__fMACn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__KynbP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__MUmx5 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__MUmx5 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__MUmx5 .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__MUmx5 .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__MUmx5 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__MUmx5 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__MUmx5 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__MUmx5 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__MUmx5 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__MUmx5 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__MUmx5 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__MUmx5 .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__MUmx5 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__MUmx5 .editBgColor::before,
.styles_tree__MUmx5 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__MUmx5 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__MUmx5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__MUmx5 .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__MUmx5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__MUmx5 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__MUmx5 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__MUmx5 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__MUmx5 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__MUmx5 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__siDoX .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__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__siDoX .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__siDoX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__siDoX .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__siDoX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__siDoX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__SsQSt .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__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__SsQSt .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__SsQSt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__SsQSt .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__SsQSt .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__SsQSt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__SsQSt .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__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__SsQSt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__MOMd_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__MOMd_::-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__MOMd_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__SQ0zV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__SQ0zV::-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__SQ0zV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard___I9SW {
  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__fpYRb {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__fpYRb {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__fpYRb {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__fpYRb {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__fpYRb {
    flex: 0 0 100%;
  }
}
.styles_footer__viLGy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 24px;
}
.styles_uploadModal__1hUGy .ant-modal-footer {
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_fieldContext__IIdB_ {
  width: 240px;
  background: var(--defaultBg);
  padding: 4px 0;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  transform: translate(8px, 8px);
  z-index: 20;
  position: fixed;
}
.styles_modal__Xk4Hb {
  width: 285px;
  height: 152px;
  background: var(--defaultBg);
  border-radius: 4px;
  padding: 20px 23px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.styles_modal__Xk4Hb h2 {
  font-size: 14px;
  margin-bottom: 16px;
}
.styles_modal__Xk4Hb main {
  font-size: 12px;
  margin-top: 16px;
  margin-bottom: 20px;
  color: #575e7b;
}
.styles_modal__Xk4Hb .styles_operate___kmbD {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.styles_modal__Xk4Hb .styles_operate___kmbD button {
  margin-left: 10px;
}
.styles_fieldMenu___xPSz {
  opacity: 1 !important;
}
.styles_mask__T0Vfu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #242533;
  opacity: 0.7;
}
.styles_menuRecord__HmxNc,
.styles_menuField__DTjdk {
  -webkit-user-select: none;
          user-select: none;
}
.styles_menuRecord__HmxNc:focus,
.styles_menuField__DTjdk:focus {
  border: none;
  outline: none;
}
.styles_requiredItem__1StaL {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_menuInputItem__tDNKr {
  display: flex;
  align-items: center;
}
.styles_menuInputItem__tDNKr .styles_menuInput__6AWxv {
  width: 48px;
  margin: 0 4px;
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__czeoB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__9xXIY {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Ofx92 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Ofx92 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Ofx92 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__Ofx92 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Ofx92 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Ofx92 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Ofx92 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Ofx92 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Ofx92 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__uFz2K {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__LNl_H {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__EnRKn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__EnRKn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__EnRKn .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__EnRKn .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__EnRKn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__EnRKn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__EnRKn .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__EnRKn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__EnRKn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__EnRKn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__EnRKn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__EnRKn .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__EnRKn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__EnRKn .editBgColor::before,
.styles_tree__EnRKn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__EnRKn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__EnRKn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__EnRKn .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__EnRKn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__EnRKn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__EnRKn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__EnRKn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__EnRKn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__EnRKn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__nTxBQ .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__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__nTxBQ .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__nTxBQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__nTxBQ .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__nTxBQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__nTxBQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__gPSNL .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__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__gPSNL .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__gPSNL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__gPSNL .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__gPSNL .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__gPSNL .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gPSNL .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__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__gPSNL .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__luLCq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__luLCq::-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__luLCq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__FuvNN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__FuvNN::-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__FuvNN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__mNepb {
  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__dEEpQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__dEEpQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__dEEpQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__dEEpQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__dEEpQ {
    flex: 0 0 100%;
  }
}
.styles_wrapper__w_ZeY {
  display: flex;
}
.styles_content__U2goD {
  cursor: move;
  border-right: 1px solid var(--sheetLineColor);
  background-color: var(--defaultBg);
}
.styles_content__U2goD .styles_head__jxf3C {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e2e9;
  padding: 12px 10px;
  box-sizing: border-box;
}
.styles_type__wE_EM {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e1e2e9;
  width: 95px;
  line-height: 1;
  box-sizing: border-box;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_iconType__cAjr8 {
  display: flex;
  align-items: center;
}
.styles_fieldName__5hye_ {
  font-size: 13px;
  color: var(--firstLevelText);
  margin-left: 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__Rm_fQ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__Bqr0j {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__hublT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__hublT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__hublT 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__hublT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__hublT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__hublT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__hublT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__hublT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__hublT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__dKDWX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__NxtFP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__DRY_q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__DRY_q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__DRY_q .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__DRY_q .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__DRY_q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__DRY_q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__DRY_q .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__DRY_q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__DRY_q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__DRY_q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__DRY_q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__DRY_q .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__DRY_q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__DRY_q .editBgColor::before,
.styles_tree__DRY_q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__DRY_q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__DRY_q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__DRY_q .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__DRY_q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__DRY_q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__DRY_q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__DRY_q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__DRY_q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__DRY_q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__RZnug .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__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__RZnug .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__RZnug .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__RZnug .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__RZnug .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__RZnug .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__wl_bb .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__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__wl_bb .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__wl_bb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__wl_bb .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__wl_bb .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__wl_bb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__wl_bb .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__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__wl_bb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__ts_Hc::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__ts_Hc::-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__ts_Hc:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__t_DCS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__t_DCS::-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__t_DCS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__ojQqA {
  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__ogxUk {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__ogxUk {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__ogxUk {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__ogxUk {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__ogxUk {
    flex: 0 0 100%;
  }
}
.styles_microRowLine__9D7qL {
  align-items: center;
  position: relative;
  max-height: 38px;
  overflow: hidden;
  border-top: 1px solid var(--lineColor);
  border-bottom: 1px solid var(--lineColor);
  border-left: 1px solid var(--lineColor);
}
.styles_microRowLine__9D7qL:nth-child(1) {
  position: absolute;
  display: flex;
  background: var(--defaultBg);
}
.styles_microRowLine__9D7qL:nth-child(2) {
  position: absolute;
  top: 5px;
  background: var(--defaultBg);
  display: flex;
  transform: rotate(-2deg);
}
.styles_microRowLine__9D7qL:nth-child(3) {
  position: absolute;
  display: flex;
  top: 10px;
  background: var(--defaultBg);
  transform: rotate(-6deg);
}
.styles_type__LQ2zj {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid var(--lineColor);
  padding: 5px 6px;
  width: 95px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_microWrapper__Qm2ag {
  position: fixed;
  background: var(--defaultBg);
  box-shadow: 1px 1px 10px #e1e2e9;
  z-index: 20;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_quickAppend__0SFC4 {
  position: absolute;
  transform: translate(-50%, calc(-50% - 1px));
  z-index: 1;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.styles_quickAppend__0SFC4 .styles_quickAppendToolsWrap__6fvkd {
  display: flex;
  align-items: center;
  width: 14px;
  height: 14px;
}
.styles_quickAppend__0SFC4 .styles_quickAppendToolsWrap__6fvkd:active .styles_iconAddWrap__BDoqy {
  background: #5f50ba;
}
.styles_quickAppend__0SFC4 .styles_quickAppendToolsWrap__6fvkd .styles_iconAddWrap__BDoqy {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--shadowColor);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--defaultBg);
  transition: transform 0.3s;
}
.styles_quickAppend__0SFC4 .styles_quickAppendToolsWrap__6fvkd .styles_iconAddWrap__BDoqy svg {
  fill: var(--shadowColor);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.styles_quickAppend__0SFC4 .styles_quickAppendToolsWrap__6fvkd .styles_quickAppendLine__VsbId {
  position: absolute;
  left: 16px;
  visibility: hidden;
  background: var(--primaryColor);
  height: 1px;
}
.styles_quickAppend__0SFC4:hover .styles_iconAddWrap__BDoqy {
  transform: scale(1.2);
  border: 1px solid transparent;
  background: var(--primaryColor);
}
.styles_quickAppend__0SFC4:hover .styles_iconAddWrap__BDoqy svg {
  fill: var(--static-white);
}
.styles_quickAppend__0SFC4:hover .styles_quickAppendLine__VsbId {
  visibility: visible;
}

/**
* 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__b_qVN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0ITOX {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Yf0tM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Yf0tM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Yf0tM 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__Yf0tM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Yf0tM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Yf0tM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Yf0tM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Yf0tM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Yf0tM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__okcUR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__JegdD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__sX1Wh .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__sX1Wh .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__sX1Wh .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__sX1Wh .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__sX1Wh .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__sX1Wh .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__sX1Wh .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__sX1Wh .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__sX1Wh .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__sX1Wh .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__sX1Wh .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__sX1Wh .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__sX1Wh .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__sX1Wh .editBgColor::before,
.style_tree__sX1Wh .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__sX1Wh .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__sX1Wh .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__sX1Wh .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__sX1Wh .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__sX1Wh .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__sX1Wh .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__sX1Wh .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__sX1Wh .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__sX1Wh .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__qMvet .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__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__qMvet .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__qMvet .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__qMvet .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__qMvet .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__qMvet .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__0_SC1 .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__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__0_SC1 .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__0_SC1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__0_SC1 .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__0_SC1 .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__0_SC1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0_SC1 .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__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__0_SC1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__rd9gW::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__rd9gW::-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__rd9gW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__2JfkQ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__2JfkQ::-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__2JfkQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8E7hH {
  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__oLOLm {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__oLOLm {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__oLOLm {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__oLOLm {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__oLOLm {
    flex: 0 0 100%;
  }
}
.style_gridViewContainer__GzLY0 {
  width: 100%;
  height: 100%;
  position: relative;
}
.style_gridViewContainer__GzLY0 canvas {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_verticalScrollBarWrapper__4wYwP,
.style_horizontalScrollBarWrapper__4Km__ {
  position: absolute;
  will-change: transform;
  cursor: pointer;
}
.style_verticalScrollBarWrapper__4wYwP .style_verticalScrollBarInner__J29XF,
.style_horizontalScrollBarWrapper__4Km__ .style_verticalScrollBarInner__J29XF,
.style_verticalScrollBarWrapper__4wYwP .style_horizontalScrollBarInner___GUuB,
.style_horizontalScrollBarWrapper__4Km__ .style_horizontalScrollBarInner___GUuB {
  position: absolute;
}
.style_verticalScrollBarWrapper__4wYwP::-webkit-scrollbar,
.style_horizontalScrollBarWrapper__4Km__::-webkit-scrollbar {
  background: transparent;
  width: 18px !important;
  height: 18px !important;
}
.style_verticalScrollBarWrapper__4wYwP::-webkit-scrollbar-thumb,
.style_horizontalScrollBarWrapper__4Km__::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: var(--bgScrollbarDefault);
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 10px;
  border: 4px solid transparent;
}
.style_verticalScrollBarWrapper__4wYwP:hover::-webkit-scrollbar-thumb,
.style_horizontalScrollBarWrapper__4Km__:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_verticalScrollBarWrapper__4wYwP {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 18px;
  right: 0;
}
.style_horizontalScrollBarWrapper__4Km__ {
  overflow-x: scroll;
  overflow-y: hidden;
  height: 18px;
  bottom: 0;
}
.style_domGrid__2DFfv {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.style_domGrid__2DFfv .multiText {
  border: 2px solid var(--primaryColor);
  box-sizing: content-box;
  margin: -2px;
  border-radius: 4px;
}
.style_domGrid__2DFfv .style_microWrapper__Rj2nv {
  position: fixed;
  background: var(--defaultBg);
  box-shadow: 1px 1px 10px #e1e2e9;
  z-index: 20;
}
.style_tooltip__LRAQv {
  display: flex;
}
.style_tooltip__LRAQv .style_frozenBtn__v9fTY {
  margin: 1px 8px 0 24px;
  height: 18px;
  color: var(--white);
  border-bottom: 1px solid var(--white);
  font-size: 12px !important;
}
.style_tooltip__LRAQv .style_closeBtn__1_5sM {
  cursor: pointer;
}

/**
* 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__myMJK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UKudR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Drcku ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Drcku ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Drcku 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__Drcku ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Drcku li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Drcku .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Drcku .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Drcku .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Drcku .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__gLkkB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__GeBqV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__FCpjq .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__FCpjq .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__FCpjq .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__FCpjq .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__FCpjq .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__FCpjq .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__FCpjq .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__FCpjq .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__FCpjq .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__FCpjq .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__FCpjq .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__FCpjq .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__FCpjq .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__FCpjq .editBgColor::before,
.style_tree__FCpjq .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__FCpjq .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__FCpjq .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__FCpjq .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__FCpjq .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__FCpjq .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__FCpjq .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__FCpjq .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__FCpjq .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__FCpjq .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__fCoyz .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__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__fCoyz .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__fCoyz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__fCoyz .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__fCoyz .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__fCoyz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__XJeoP .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__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__XJeoP .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__XJeoP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__XJeoP .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__XJeoP .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__XJeoP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__XJeoP .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__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__XJeoP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___O7S0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___O7S0::-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___O7S0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__CSREU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__CSREU::-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__CSREU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__DfHQj {
  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__KnPJp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__KnPJp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__KnPJp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__KnPJp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__KnPJp {
    flex: 0 0 100%;
  }
}
.style_single__75IHx {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_multi__7RThb {
  line-height: 24px;
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_multi__7RThb p {
  line-height: 21px;
}
.style_isVirtual__My74A {
  font-size: 13px;
}
.style_url__sreXg {
  text-decoration: underline;
  width: -webkit-max-content !important;
  width: max-content !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__RWKg2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Vtmxg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__gj4Jk ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__gj4Jk ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__gj4Jk 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__gj4Jk ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__gj4Jk li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__gj4Jk .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__gj4Jk .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__gj4Jk .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__gj4Jk .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__VNaYE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QIeEy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__XyWbo .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__XyWbo .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__XyWbo .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__XyWbo .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__XyWbo .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__XyWbo .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__XyWbo .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__XyWbo .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__XyWbo .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__XyWbo .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__XyWbo .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__XyWbo .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__XyWbo .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__XyWbo .editBgColor::before,
.style_tree__XyWbo .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__XyWbo .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__XyWbo .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__XyWbo .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__XyWbo .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__XyWbo .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__XyWbo .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__XyWbo .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__XyWbo .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__XyWbo .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__T01zg .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__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__T01zg .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__T01zg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__T01zg .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__T01zg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__T01zg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__hbWzJ .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__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__hbWzJ .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__hbWzJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__hbWzJ .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__hbWzJ .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__hbWzJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__hbWzJ .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__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__hbWzJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__nfhPP::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__nfhPP::-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__nfhPP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__97Rj6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__97Rj6::-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__97Rj6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PiW2J {
  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__pHjW8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__pHjW8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__pHjW8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__pHjW8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__pHjW8 {
    flex: 0 0 100%;
  }
}
.style_fieldItem__9f_k_ .style_fieldHead__coRI0 {
  display: flex;
  align-items: center;
}
.style_fieldItem__9f_k_ .style_fieldHead__coRI0 .style_fieldName__ljxIL {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 3px;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  color: var(--thirdLevelText);
  width: calc(100% - 12px);
}
.style_fieldItem__9f_k_ .style_fieldValue__pw5Hb {
  overflow: hidden;
  color: var(--firstLevelText);
  display: flex;
  align-items: center;
}
.style_fieldItem__9f_k_ .style_fieldValue__pw5Hb .expandWorkdoc {
  padding: 0;
  width: 218px;
}
.style_fieldItem__9f_k_ .style_fieldValue__pw5Hb .style_cellHolder__Jb_Dv {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 12px;
  border-radius: 2px;
}
.style_cellValue__DwoKz {
  padding: 4px 0px 12px 0px;
  line-height: inherit;
}
.style_ratingCell__xKA6e {
  min-height: 38px;
}
.style_checkboxCell__Y77U2 {
  justify-content: flex-start;
}
.style_multiSelectFieldCell__jH2gh {
  display: flex;
  flex-wrap: nowrap;
}
.style_cellTitle__YxbvQ {
  font-size: 16px;
  font-weight: bold;
}
.style_cellTitle__YxbvQ span {
  display: inline-block;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cellText__b2j5a {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cardCell__slDNd {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.style_newItemCard__yEWpT {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--defaultBg);
  border-radius: 8px;
  transition: all 0.1s ease;
}
.style_newItemCard__yEWpT:hover {
  cursor: pointer;
  transition-duration: 0.1s;
  box-shadow: 0 8px 18px 0 var(--shadowColor);
  transform: translate3d(-1px, -1px, 0);
}
.style_newItemBtn__U3Wqh {
  display: flex !important;
  align-items: center;
}
.style_card__K_yfa .react-contextmenu-wrapper {
  border-radius: 8px;
  overflow: hidden;
  border: none;
  transition: all 0.1s ease;
}
.style_card__K_yfa .react-contextmenu-wrapper:hover {
  cursor: pointer;
  border-color: transparent;
  transition-duration: 0.1s;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.16);
  transform: translate3d(-1px, -1px, 0);
}
.style_cardBody__lhxci {
  padding: 8px 12px 0px 12px;
}
.style_cardBody__lhxci > div:first-child > div {
  padding-left: 0;
}
.style_mobilePadding__NeHfL:nth-of-type(2n) {
  padding-left: 0 !important;
}
.style_boxWrapper__aPbcu {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_virtualGallery__Wysfx {
  padding: 8px 12px 12px;
}
.style_virtualGallery__Wysfx .style_cellTitle__YxbvQ {
  padding-top: 4px !important;
  padding-bottom: 8px;
}
.style_virtualGallery__Wysfx .style_cellTitle__YxbvQ div,
.style_virtualGallery__Wysfx .style_cellTitle__YxbvQ span {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
.style_virtualGallery__Wysfx .style_cellValue__DwoKz {
  padding: 0 0 8px 0;
  font-size: 13px;
}
.style_virtualGallery__Wysfx.style_colName__4QMsz .style_cellValue__DwoKz {
  padding-top: 4px;
}
.style_virtualGallery__Wysfx .style_fieldHead__coRI0 .style_fieldName__ljxIL {
  height: 18px;
  line-height: 18px;
}
.style_virtualGallery__Wysfx .style_ratingCell__xKA6e {
  min-height: 16px;
}
.style_virtualGallery__Wysfx .style_ratingCell__xKA6e > div {
  height: 16px;
}
.style_virtualGallery__Wysfx .style_singleCell__InAtX {
  height: 33px;
}
.style_virtualGallery__Wysfx .style_isColNameHidden__6gqGM.style_singleCell__InAtX {
  height: 29px;
}
.style_virtualGallery__Wysfx .style_fieldItem__9f_k_:last-child .style_singleCell__InAtX {
  height: 25px;
}
.style_virtualGallery__Wysfx .style_cardCell__slDNd div,
.style_virtualGallery__Wysfx .style_cardCell__slDNd span {
  margin-top: 0;
  margin-bottom: 0;
}
.style_virtualGallery__Wysfx > div:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtualGallery__Wysfx > div:last-child div,
.style_virtualGallery__Wysfx > div:last-child span {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtual__Uz3s_ .style_cellTitle__YxbvQ {
  padding: 0 !important;
  margin-bottom: 8px;
  height: 22px;
}
.style_virtual__Uz3s_ .style_cellTitle__YxbvQ div,
.style_virtual__Uz3s_ .style_cellTitle__YxbvQ span {
  line-height: 22px;
  height: 100%;
}
.style_virtual__Uz3s_ .style_cellValue__DwoKz {
  padding: 0 0 8px 0;
  font-size: 13px;
}
.style_virtual__Uz3s_.style_colName__4QMsz .style_cellValue__DwoKz {
  padding-top: 4px;
}
.style_virtual__Uz3s_ .style_fieldHead__coRI0 .style_fieldName__ljxIL {
  height: 18px;
  line-height: 18px;
}
.style_virtual__Uz3s_ .style_ratingCell__xKA6e {
  min-height: 16px;
}
.style_virtual__Uz3s_ .style_ratingCell__xKA6e > div {
  height: 16px;
}
.style_virtual__Uz3s_ .style_singleCell__InAtX {
  height: 33px;
}
.style_virtual__Uz3s_ .style_isColNameHidden__6gqGM.style_singleCell__InAtX {
  height: 29px;
}
.style_virtual__Uz3s_ .style_fieldItem__9f_k_:last-child .style_singleCell__InAtX {
  height: 25px;
}
.style_virtual__Uz3s_ .style_cardCell__slDNd div,
.style_virtual__Uz3s_ .style_cardCell__slDNd span {
  margin-top: 0;
  margin-bottom: 0;
}
.style_virtual__Uz3s_ > div:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.style_virtual__Uz3s_ > div:last-child div,
.style_virtual__Uz3s_ > div:last-child span {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767.98px) {
  .style_cellTitle__YxbvQ span {
    display: inline;
  }
}
.style_nextImage__W04MK > span {
  height: 100% !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__cZD5m {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__LB1qb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__lyxXb ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__lyxXb ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__lyxXb 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__lyxXb ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__lyxXb li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__lyxXb .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__lyxXb .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__lyxXb .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__lyxXb .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Od0TX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__56qLb {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__99eq0 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__99eq0 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__99eq0 .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__99eq0 .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__99eq0 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__99eq0 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__99eq0 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__99eq0 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__99eq0 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__99eq0 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__99eq0 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__99eq0 .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__99eq0 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__99eq0 .editBgColor::before,
.style_tree__99eq0 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__99eq0 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__99eq0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__99eq0 .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__99eq0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__99eq0 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__99eq0 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__99eq0 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__99eq0 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__99eq0 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__o3EDJ .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__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__o3EDJ .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__o3EDJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__o3EDJ .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__o3EDJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__o3EDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CzD2G .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__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CzD2G .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__CzD2G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CzD2G .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__CzD2G .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__CzD2G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CzD2G .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__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CzD2G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__IeSAn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__IeSAn::-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__IeSAn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__EBZJf::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__EBZJf::-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__EBZJf:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JgmGD {
  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__xiJhp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__xiJhp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__xiJhp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__xiJhp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__xiJhp {
    flex: 0 0 100%;
  }
}
.style_bottomWrapper__iGN9P {
  height: 80px;
  width: 100%;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.style_imageBox__e6Gmx {
  position: relative;
}
.style_indexThumbnailWrapper__PjIgI {
  display: flex;
  justify-content: center;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 48px;
  margin-top: -40px;
  cursor: pointer;
}
.style_indexThumbnailWrapper__PjIgI::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_indexThumbnailWrapper__PjIgI::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_indexThumbnailWrapper__PjIgI::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_indexThumbnailWrapper__PjIgI:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_indexThumbnailWrapper__PjIgI .style_thumbnailItem__DVR6r {
  margin: 4px;
  max-width: 100px;
}
.style_indexThumbnailWrapper__PjIgI .style_activeThumb__Ioahl {
  outline: 2px solid #fff;
}
.style_imageIndex__3t0kz {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_indexMarqueeWrapper__A_4Ay {
  display: flex;
  width: auto;
  height: 16px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: -24px;
  cursor: pointer;
}
.style_indexMarqueeWrapper__A_4Ay .style_marqueeItem__oIA9N {
  width: 8px;
  height: 8px;
  background: var(--defaultBg);
  border-radius: 4px;
  margin: 4px 4px;
  opacity: 0.8;
}
.style_indexMarqueeWrapper__A_4Ay .style_active__63EAC {
  background-color: var(--primaryColor);
  opacity: 1;
}

.styles_antiEllipsis__QEiOK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__xRJ9d {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Mv84D ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Mv84D ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Mv84D 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__Mv84D ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Mv84D li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Mv84D .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Mv84D .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Mv84D .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Mv84D .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__VfkIZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__H9G35 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__PCzzi .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__PCzzi .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__PCzzi .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__PCzzi .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__PCzzi .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__PCzzi .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__PCzzi .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__PCzzi .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__PCzzi .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__PCzzi .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__PCzzi .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__PCzzi .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__PCzzi .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__PCzzi .editBgColor::before,
.styles_tree__PCzzi .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__PCzzi .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__PCzzi .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__PCzzi .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__PCzzi .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__PCzzi .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__PCzzi .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__PCzzi .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__PCzzi .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__PCzzi .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Y136R .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__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Y136R .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__Y136R .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Y136R .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__Y136R .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Y136R .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__K_FkO .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__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__K_FkO .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__K_FkO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__K_FkO .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__K_FkO .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__K_FkO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__K_FkO .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__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__K_FkO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__8q1qK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__8q1qK::-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__8q1qK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__aBGl_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__aBGl_::-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__aBGl_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__1BD70 {
  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__U3GLI {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__U3GLI {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__U3GLI {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__U3GLI {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__U3GLI {
    flex: 0 0 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
**/
.styles_colorLine__nUuKO {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--fourthLevelText);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.styles_board__KJRWM {
  background: var(--lowestBg);
  position: relative;
  border-radius: 4px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 272px;
  box-sizing: content-box !important;
  padding-bottom: 16px;
  max-height: calc(100% - 40px);
}
.styles_board__KJRWM.styles_isDragging__E1Rx8 {
  box-shadow: var(--shadowCommonDefault);
}
@media screen and (max-width: 767.98px) {
  .styles_board__KJRWM {
    height: calc(100% - 96px);
  }
}
.styles_addButton__FDZRk {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  border: 1px solid var(--borderCommonDefault) !important;
  font-size: 13px !important;
  color: var(--thirdLevelText) !important;
  height: 32px !important;
}
.styles_addButton__FDZRk.styles_isDragging__E1Rx8 {
  background: var(--defaultBg) !important;
}
.styles_addButton__FDZRk:not(.styles_isDragging__E1Rx8):hover {
  background: var(--fc11) !important;
}
.styles_addButton__FDZRk:active {
  background: var(--fc4) !important;
}
.styles_groupContent__ClMPl {
  position: relative;
}
.styles_autoSort__16Y4N {
  height: calc(100% - 68px);
  width: 240px;
  left: calc((100% - 240px) / 2);
  top: 52px;
  border-radius: 4px;
  position: absolute;
  border: 1px dashed var(--primaryColor);
  background: rgba(var(--defaultBg-rgb), 0.8);
  -webkit-backdrop-filter: blur(24px);
          backdrop-filter: blur(24px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.styles_autoSort__16Y4N .styles_autoSortTitle__rWLH8 {
  font-size: 14px;
  font-weight: bold;
  color: var(--firstLevelText);
  margin-bottom: 4px;
}
.styles_autoSort__16Y4N .styles_autoSortSubTitle__UoRto {
  font-size: 13px;
  font-weight: normal;
  color: var(--secondLevelText);
}
.styles_placeHolder__obmXF {
  text-align: center;
  font-size: 13px;
  padding: 16px 0;
  color: var(--thirdLevelText);
}
.styles_cardWrapper__PMMmG {
  outline: none;
}
.styles_cardWrapper__PMMmG > div {
  padding: 0 !important;
  background: var(--defaultBg);
  transition: border 0.3s ease;
  margin: 0 !important;
  border: 1px solid var(--borderCommonDefault);
}
@media (any-hover: hover) {
  .styles_cardWrapper__PMMmG > div:hover {
    border-color: var(--primaryColor);
  }
}
.styles_cardWrapper__PMMmG.styles_isDragging__E1Rx8 > div {
  box-shadow: var(--shadowCommonDefault);
  border: 1px solid var(--primaryColor);
}
.styles_kanbanCardBody__cwpze {
  padding: 8px;
}
.styles_kanbanCardBody__cwpze > div:first-child {
  font-size: 14px;
  font-weight: bold;
}
.styles_fixList__MPQhc {
  margin-left: 16px;
  transition: all 0.2s;
}
.styles_count__qe6Eu {
  font-size: var(--thirdLevelText);
  color: var(--thirdLevelText);
  margin-right: 4px;
}
.styles_hidePlaceholder__HNh_q {
  transform: none !important;
}

.styles_antiEllipsis__7eELq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__g9op7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__vVe8t ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__vVe8t ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__vVe8t 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__vVe8t ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__vVe8t li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__vVe8t .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__vVe8t .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__vVe8t .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__vVe8t .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__HaclO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__N0edP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__GLzu9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__GLzu9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__GLzu9 .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__GLzu9 .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__GLzu9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__GLzu9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__GLzu9 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__GLzu9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__GLzu9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__GLzu9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__GLzu9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__GLzu9 .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__GLzu9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__GLzu9 .editBgColor::before,
.styles_tree__GLzu9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__GLzu9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__GLzu9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__GLzu9 .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__GLzu9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__GLzu9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__GLzu9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__GLzu9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__GLzu9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__GLzu9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__6oXMr .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__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__6oXMr .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__6oXMr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__6oXMr .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__6oXMr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__6oXMr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__mikiC .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__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__mikiC .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__mikiC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__mikiC .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__mikiC .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__mikiC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__mikiC .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__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__mikiC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__vG_X7::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__vG_X7::-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__vG_X7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__jsa6i::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__jsa6i::-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__jsa6i:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__mCc0k {
  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__PA2Fu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__PA2Fu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__PA2Fu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__PA2Fu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__PA2Fu {
    flex: 0 0 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
**/
.styles_colorLine__uACrQ {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--fourthLevelText);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.styles_colorLine__uACrQ.styles_collapse__o4EAw {
  width: 4px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
}
.styles_boardHead__l1X2Z {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 16px 11px 16px;
  height: 26px;
  box-sizing: content-box !important;
  outline: none;
}
.styles_boardHead__l1X2Z .styles_innerWrapper__84ISL {
  margin-bottom: 0;
  flex: 1;
  display: flex;
  align-items: center;
  width: calc(100% - 22px);
  position: relative;
}
.styles_boardHead__l1X2Z .styles_innerWrapper__84ISL .styles_noGroupHead__NCfqt {
  margin-right: 8px;
}
.styles_boardHead__l1X2Z .styles_innerWrapper__84ISL.styles_collapse__o4EAw {
  margin-right: 24px;
  overflow: hidden;
}
.styles_boardHead__l1X2Z svg {
  cursor: pointer;
}
.styles_count__Bb8gD {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.styles_more__RN9tA {
  display: flex;
  align-items: center;
  height: 22px;
  cursor: pointer;
}
.styles_noDataTip__KUA0q {
  font-size: 14px;
  color: var(--firstLevelText);
  width: 90px;
  font-weight: bold;
}
.styles_contextCard__frAs_ {
  background: var(--defaultBg);
  box-shadow: 0px 2px 14px 0px var(--shadowColor);
  border-radius: 4px;
  overflow: hidden;
  width: 240px;
  padding: 4px 0;
}
.styles_contextCard__frAs_ p {
  height: 40px;
  padding: 0 16px;
  margin-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.styles_contextCard__frAs_ p svg {
  margin-right: 6px;
  fill: var(--thirdLevelText);
}
.styles_contextCard__frAs_ p:hover {
  background: var(--rowSelectedBg);
}
.styles_dot__HTimg {
  transform: rotate(90deg);
  margin-left: 4px;
}
.styles_dot__HTimg:hover {
  opacity: 0.8;
}
.styles_dot__HTimg:active {
  opacity: 0.5;
}
.styles_memberEdit__nLo9Z {
  border: 2px solid var(--primaryColor);
  border-radius: 4px;
  min-height: 36px;
}
.styles_optionEditArea__9efbZ {
  display: flex;
  align-items: center;
}
.styles_optionEditArea__9efbZ input {
  flex: 1;
}
.styles_optionHeader__cA_wO {
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
.styles_optionHeader__cA_wO > div {
  font-size: 14px !important;
  height: 24px !important;
  border-radius: 14px !important;
  font-weight: normal;
  margin-right: 0 !important;
}
.styles_divider__dof02 {
  width: calc(100% - 32px) !important;
  min-width: calc(100% - 32px) !important;
  margin: 4px auto !important;
}
.styles_memberHeader__0IUB6 {
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
.styles_memberHeader__0IUB6 .unitName {
  font-size: 14px;
  font-weight: normal;
}
.styles_memberHeader__0IUB6 > div {
  background: var(--shadowColor);
  font-weight: bold;
}
.styles_whiteBg__OJiyV {
  background: var(--defaultBg);
  height: 32px;
  border-radius: 4px;
}
.styles_memberList__pCPlE {
  position: absolute;
  top: 34px;
}
.styles_memberList__pCPlE.styles_editing__Icw2b {
  width: calc(100% - 18px);
}
.styles_memberList__pCPlE.styles_newBoard__JE3su {
  width: 80%;
}
.styles_noPermission__k9iV1 {
  display: flex;
  align-items: center;
}
.styles_noPermission__k9iV1 svg {
  margin-left: 4px;
}
@media screen and (max-width: 767.98px) {
  .styles_memberList__pCPlE {
    box-shadow: var(--shadowCommonHighest);
    background: var(--highestBg);
    height: auto;
  }
}

.styles_antiEllipsis__KlqeK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__mFmPj {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__jWGCY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__jWGCY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__jWGCY 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__jWGCY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__jWGCY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__jWGCY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__jWGCY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__jWGCY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__jWGCY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__E0r9i {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__O7Zr2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__ZGc5P .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__ZGc5P .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__ZGc5P .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__ZGc5P .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__ZGc5P .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__ZGc5P .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__ZGc5P .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__ZGc5P .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__ZGc5P .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__ZGc5P .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__ZGc5P .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__ZGc5P .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__ZGc5P .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__ZGc5P .editBgColor::before,
.styles_tree__ZGc5P .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__ZGc5P .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__ZGc5P .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__ZGc5P .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__ZGc5P .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__ZGc5P .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__ZGc5P .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__ZGc5P .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__ZGc5P .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__ZGc5P .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__rgsdC .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__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__rgsdC .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__rgsdC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__rgsdC .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__rgsdC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__rgsdC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__UWR6b .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__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__UWR6b .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__UWR6b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__UWR6b .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__UWR6b .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__UWR6b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__UWR6b .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__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__UWR6b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__cvEEq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__cvEEq::-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__cvEEq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__tfQYS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__tfQYS::-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__tfQYS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__dXdZN {
  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__bs7jC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__bs7jC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__bs7jC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__bs7jC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__bs7jC {
    flex: 0 0 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
**/
.styles_mask__ZgCgf > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.styles_addNewBoard__IPqsB {
  min-width: 256px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--lowestBg);
  border-radius: 4px;
  color: var(--secondLevelText);
  cursor: pointer;
  margin-right: 20px;
  position: relative;
}
.styles_addNewBoard__IPqsB .styles_addTip__Pd7wV {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.styles_addNewBoard__IPqsB .styles_addTip__Pd7wV:hover {
  opacity: 0.8;
}
.styles_addNewBoard__IPqsB .styles_addTip__Pd7wV:active {
  opacity: 0.5;
}
.styles_addNewBoard__IPqsB svg {
  margin-right: 4px;
}
.styles_collapse__hocIc {
  position: absolute;
  height: 56px;
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: left top;
  background: var(--lowestBg);
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.styles_collapse__hocIc.styles_isDragging__71KG2 {
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2);
}
.styles_collapse__hocIc > div:nth-child(1) {
  margin-bottom: 0;
  width: 100%;
  justify-content: flex-end;
}
.styles_viewContainer__yxTXz {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: 1px;
}
.styles_viewContainer__yxTXz::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_viewContainer__yxTXz::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_viewContainer__yxTXz::-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_viewContainer__yxTXz:hover::-webkit-scrollbar-thumb {
  background-color: var(--shadowColor);
}
.styles_scrollArea__ROeJT {
  position: absolute;
  top: 20px;
  width: 40px;
  height: calc(100% - 20px);
}
.styles_scrollAreaRight__9JBFx {
  right: 0;
}
.styles_scrollAreaLeft__sqrlr {
  left: 0;
}
.styles_tooltip__PTfx5 {
  position: absolute;
  font-size: 12px;
  bottom: 20px;
  min-width: 30px;
  min-height: 32px;
  width: 166px;
  padding: 6px 8px;
  color: var(--defaultBg);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: var(--fc13);
  border-radius: 4px;
  z-index: 1;
}
.styles_arrow__cyaPz {
  position: absolute;
  bottom: -3px;
  left: calc(50% - 6px);
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  background-color: var(--fc13);
  transform: rotate(45deg);
  z-index: 9999;
}
@media screen and (max-width: 767.98px) {
  .styles_addNewBoard__IPqsB {
    margin-top: 24px;
  }
}

.styles_antiEllipsis__e_ddN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__41coM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__ammSZ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__ammSZ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__ammSZ 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__ammSZ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__ammSZ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__ammSZ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__ammSZ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__ammSZ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__ammSZ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__5oLtB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__1IxNG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__NO1_a .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__NO1_a .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__NO1_a .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__NO1_a .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__NO1_a .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__NO1_a .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__NO1_a .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__NO1_a .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__NO1_a .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__NO1_a .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__NO1_a .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__NO1_a .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__NO1_a .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__NO1_a .editBgColor::before,
.styles_tree__NO1_a .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__NO1_a .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__NO1_a .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__NO1_a .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__NO1_a .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__NO1_a .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__NO1_a .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__NO1_a .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__NO1_a .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__NO1_a .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__ZRXUK .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__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__ZRXUK .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__ZRXUK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__ZRXUK .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__ZRXUK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__ZRXUK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__YMS4y .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__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__YMS4y .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__YMS4y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__YMS4y .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__YMS4y .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__YMS4y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__YMS4y .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__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__YMS4y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__dv2Sk::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__dv2Sk::-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__dv2Sk:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small___QmU3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small___QmU3::-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___QmU3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Ljbp9 {
  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__VIRaQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__VIRaQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__VIRaQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__VIRaQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__VIRaQ {
    flex: 0 0 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
**/
.styles_kanbanFieldSetting__O4FFG {
  width: 100%;
  overflow: hidden;
}
.styles_animation__CFycU {
  transition: transform 0.3s;
  display: flex;
}
.styles_submitButton__zJjMj {
  position: absolute;
  right: 24px;
  bottom: 24px;
}
.styles_slide__HroW9 {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  padding: 0 24px;
}
.styles_fieldItem__b0tSX {
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 4px;
  margin-right: 8px;
}
.styles_fieldItem__b0tSX.styles_disabled__ThW9f {
  opacity: 0.25;
}
.styles_fieldItem__b0tSX svg {
  vertical-align: -0.125em;
  margin-right: 6px;
}
.styles_fieldItem__b0tSX .styles_addIcon___o8cw {
  margin-right: 8px;
  fill: var(--thirdLevelText);
}
.styles_fieldItem__b0tSX:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.styles_noFieldTip__hDVau {
  color: var(--secondLevelText);
  font-size: 14px;
  margin-bottom: 16px;
}
.styles_header__mVeVv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.styles_header__mVeVv .styles_back__01ku4 {
  display: flex;
  align-items: center;
  color: var(--primaryColor);
  font-size: 13px;
  cursor: pointer;
}
.styles_header__mVeVv .styles_back__01ku4 svg {
  margin-right: 2px;
  fill: var(--primaryColor);
}
.styles_header__mVeVv .styles_back__01ku4:hover {
  opacity: 0.8;
}
.styles_header__mVeVv .styles_back__01ku4.styles_active__TFBu3 {
  opacity: 0.5;
}
.styles_header__mVeVv .styles_title__DyEF_ {
  margin-left: 8px;
}
.styles_settingTitle__lg961 {
  font-size: 14px;
  color: var(--firstLevelText);
  margin-bottom: 16px;
  font-weight: normal;
}
.styles_modalWrap__YI9iZ {
  position: absolute !important;
}
.styles_modalWrap__YI9iZ .ant-modal-body {
  padding: 24px 0;
}
.styles_modalWrap__YI9iZ .ant-modal-content {
  border: 1px solid var(--borderCommonDefault);
  box-shadow: unset !important;
}
.styles_radioGroup__Iz5ii {
  max-height: 320px;
  overflow: auto;
}
.styles_radio__5l6A8 {
  line-height: 40px !important;
  padding-left: 4px !important;
}
.styles_radio__5l6A8 span:nth-of-type(2) {
  padding-left: 8px;
}
.styles_radio__5l6A8 svg {
  vertical-align: -0.225em;
  margin-right: 4px;
}
.styles_notifySwitch__XBmUW {
  margin-top: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  color: var(--secondLevelText);
}
.styles_error__xcZUB {
  color: var(--errorColor);
  margin-top: 4px;
}
.styles_relativeButton___MVBD {
  margin-top: 32px;
  position: relative;
  float: right;
  right: 0;
}
.styles_radioWrapper__3aj5g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding-right: 4px;
}
.styles_radioWrapper__3aj5g:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}

.styles_antiEllipsis__PBPzH {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__Vk_yp {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__j0jqO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__j0jqO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__j0jqO 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__j0jqO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__j0jqO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__j0jqO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__j0jqO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__j0jqO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__j0jqO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__XKU2j {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__UhXdr {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree___LS2d .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree___LS2d .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree___LS2d .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___LS2d .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___LS2d .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree___LS2d .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree___LS2d .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree___LS2d .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree___LS2d .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree___LS2d .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree___LS2d .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree___LS2d .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___LS2d .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree___LS2d .editBgColor::before,
.styles_tree___LS2d .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree___LS2d .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree___LS2d .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree___LS2d .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___LS2d .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree___LS2d .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree___LS2d .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree___LS2d .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree___LS2d .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree___LS2d .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__hDtvm .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__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__hDtvm .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__hDtvm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__hDtvm .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__hDtvm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__hDtvm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__6RyHO .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__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__6RyHO .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__6RyHO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__6RyHO .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__6RyHO .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__6RyHO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__6RyHO .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__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__6RyHO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__XeP2a::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__XeP2a::-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__XeP2a:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__8DXHZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__8DXHZ::-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__8DXHZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__GfAeA {
  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__UZxAr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__UZxAr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__UZxAr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__UZxAr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__UZxAr {
    flex: 0 0 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
**/
.styles_container__XXrSs {
  display: flex;
}
.styles_board__bCjzy {
  position: relative;
  width: 272px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 16px;
  flex-shrink: 0;
  padding: 16px;
  box-sizing: border-box;
  background: var(--lowestBg);
}
.styles_board__bCjzy:last-child {
  margin-right: 0;
}
.styles_board__bCjzy .styles_tag__I8lcW {
  margin-bottom: 11px;
  margin-top: 0;
  width: 86px;
  height: 26px;
  border-radius: 35px;
}
.styles_board__bCjzy .styles_colorLine__IqxhC {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: var(--fourthLevelText);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.styles_board__bCjzy .styles_card__fhU5a {
  border-radius: 4px;
  margin-bottom: 8px;
  border: 1px solid var(--lineColor);
  background-color: var(--defaultBg);
  margin-top: 0;
}
.styles_board__bCjzy .styles_card__fhU5a:last-child {
  margin-bottom: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__TgXbj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__RqRO4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__UIDro ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__UIDro ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__UIDro 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__UIDro ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__UIDro li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__UIDro .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__UIDro .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__UIDro .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__UIDro .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__WvCid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__2_LGI {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__lOpDN .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__lOpDN .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__lOpDN .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__lOpDN .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__lOpDN .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__lOpDN .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__lOpDN .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__lOpDN .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__lOpDN .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__lOpDN .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__lOpDN .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__lOpDN .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__lOpDN .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__lOpDN .editBgColor::before,
.style_tree__lOpDN .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__lOpDN .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__lOpDN .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__lOpDN .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__lOpDN .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__lOpDN .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__lOpDN .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__lOpDN .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__lOpDN .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__lOpDN .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__mfSAV .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__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__mfSAV .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__mfSAV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__mfSAV .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__mfSAV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__mfSAV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__3n3B1 .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__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__3n3B1 .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__3n3B1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__3n3B1 .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__3n3B1 .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__3n3B1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3n3B1 .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__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__3n3B1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__qlCVU::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__qlCVU::-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__qlCVU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__SI5SI::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__SI5SI::-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__SI5SI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__YAqFP {
  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__QrLNz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__QrLNz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__QrLNz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__QrLNz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__QrLNz {
    flex: 0 0 100%;
  }
}
.style_settingPanelContainer__GTMJA {
  width: 100%;
  height: 100%;
  padding: 24px;
  background-color: var(--defaultBg);
  border-top-right-radius: 8px;
  border-top: 1px solid var(--sheetLineColor);
  overflow-y: scroll;
  overflow-x: hidden;
}
.style_settingPanelContainer__GTMJA::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_settingPanelContainer__GTMJA::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_settingPanelContainer__GTMJA::-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_settingPanelContainer__GTMJA:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_settingPanelContainer__GTMJA .style_header__5C59c {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_settingPanelContainer__GTMJA .style_header__5C59c .style_title__T4WjR {
  display: flex;
  align-items: center;
}
.style_settingPanelContainer__GTMJA .style_header__5C59c .style_title__T4WjR .style_helpIcon__eCKpa {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_settingPanelContainer__GTMJA .style_header__5C59c .style_closeIcon__cF_ag {
  cursor: pointer;
}
.style_settingPanelContainer__GTMJA .style_guideWrap__CMlQt {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--fc6);
  height: 36px;
  cursor: pointer;
  transition: all 0.3s;
}
.style_settingPanelContainer__GTMJA .style_guideWrap__CMlQt .style_left__QG7XV {
  display: inline-flex;
  align-items: center;
}
.style_settingPanelContainer__GTMJA .style_guideWrap__CMlQt .style_left__QG7XV svg {
  margin-right: 8px;
}
.style_settingPanelContainer__GTMJA .style_guideWrap__CMlQt:hover {
  background-color: var(--fc16);
}
.style_settingPanelContainer__GTMJA .style_guideWrap__CMlQt:active {
  background-color: var(--fc9);
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_.style_firstSetting__QBMS0 {
  margin-top: 24px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_:not(.style_firstSetting__QBMS0) {
  margin-top: 32px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ {
  position: relative;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingHeader__GwENj {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingHeader__GwENj .style_helpIcon__eCKpa {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingTitle__lqtEX {
  padding-left: 6px;
  position: relative;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingTitle__lqtEX::before {
  content: "";
  width: 2px;
  height: 12px;
  background-color: var(--primaryColor);
  position: absolute;
  left: 0;
  top: 5px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingDesc__KDnsN {
  color: var(--fc3);
  margin-top: 4px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_guide__rCkhn {
  position: absolute;
  top: 2px;
  right: 8px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_settingLayout__2LRg9 {
  margin-top: 8px;
  display: flex;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_errorText__dhV8z {
  color: var(--errorColor);
  font-size: 10px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_timeZoneTip__9n4A7 {
  color: var(--textCommonTertiary);
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_timeZoneTip__9n4A7 svg {
  margin-right: 4px;
  vertical-align: -0.2em;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_colorGroup__2DcPF {
  margin-top: 16px;
  display: flex;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_more__s6wUv {
  margin-top: 6px;
  cursor: pointer;
  color: var(--thirdLevelText);
  border-bottom: 1px solid var(--thirdLevelText);
  line-height: 1.4;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_workDayTag__HLY_B {
  margin-right: 4px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .style_selectField__GGnHP {
  width: 100%;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .ant-select-selector {
  border: none !important;
  background-color: var(--fc6) !important;
  box-shadow: none !important;
  padding-left: 8px;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .ant-select-selector > span {
  pointer-events: none;
}
.style_settingPanelContainer__GTMJA .style_setting__uzCJ_ .ant-tag {
  height: 28px;
  line-height: 26px;
  margin-left: 4px;
  margin-right: 0;
  padding: 0 4px;
}
.style_workDaySelectDropdown__0TWdZ .ant-select-item {
  transition: none;
}
.style_workDaySelectDropdown__0TWdZ .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: var(--highestBg) !important;
}
.style_workDaySelectDropdown__0TWdZ .ant-select-item-option-active {
  background-color: var(--highestBg) !important;
}
.style_workDaySelectDropdown__0TWdZ .ant-select-item-option:hover {
  background-color: var(--fc6) !important;
}
.style_workDaySelect__Wg3i_.style_disabled__8gkNt .ant-select-selection-overflow,
.style_workDaySelect__Wg3i_.style_disabled__8gkNt svg {
  color: var(--fc1);
  opacity: 0.5;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__UH5HV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__BXgQa {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__BhDSq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__BhDSq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__BhDSq 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__BhDSq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__BhDSq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__BhDSq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__BhDSq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__BhDSq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__BhDSq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__vn4Pe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__x3jdv {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__6bOYM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__6bOYM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__6bOYM .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__6bOYM .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__6bOYM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__6bOYM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__6bOYM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__6bOYM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__6bOYM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__6bOYM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__6bOYM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__6bOYM .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__6bOYM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__6bOYM .editBgColor::before,
.style_tree__6bOYM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__6bOYM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__6bOYM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__6bOYM .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__6bOYM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__6bOYM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__6bOYM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__6bOYM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__6bOYM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__6bOYM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__zmkR4 .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__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__zmkR4 .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__zmkR4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__zmkR4 .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__zmkR4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__zmkR4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__JC5E6 .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__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__JC5E6 .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__JC5E6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__JC5E6 .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__JC5E6 .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__JC5E6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__JC5E6 .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__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__JC5E6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__VVcbi::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__VVcbi::-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__VVcbi:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__WglA3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__WglA3::-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__WglA3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__THjdg {
  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__dfH2i {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__dfH2i {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__dfH2i {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__dfH2i {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__dfH2i {
    flex: 0 0 100%;
  }
}
.style_container__RQfIE {
  width: 220px;
  padding: 8px;
  box-shadow: var(--shadowCommonHigh);
  box-sizing: border-box;
  background: var(--highBg);
  z-index: var(--changRowHeightBox);
  border-radius: 4px;
  overflow: hidden auto;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_section__RN9TJ .style_title__vJU2a {
  margin-bottom: 8px;
  padding: 0 8px;
  font-size: 12px;
  color: var(--fc3);
}
.style_section__RN9TJ .style_autoHeight__wqoQF {
  padding: 0 8px;
  font-size: 13px;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD {
  display: flex;
  align-items: center;
  line-height: 35px;
  height: 35px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD.style_disabled__oW7rv {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD:hover {
  background: var(--rowSelectedBg);
  cursor: pointer;
  position: relative;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD.style_active__kVZHT {
  color: var(--primaryColor);
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD:last-child {
  margin-bottom: 0;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD .style_icon__lJ0gl {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_section__RN9TJ .style_rowHeightItem__4DzeD .style_icon__lJ0gl svg {
  width: 16px;
  height: 16px;
}

.style_antiEllipsis__Y_SSr {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__5vCUI {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NGsDl ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NGsDl ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NGsDl 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__NGsDl ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NGsDl li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NGsDl .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NGsDl .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NGsDl .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NGsDl .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8RysF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__KJSUi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__D_TZ_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__D_TZ_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__D_TZ_ .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__D_TZ_ .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__D_TZ_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__D_TZ_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__D_TZ_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__D_TZ_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__D_TZ_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__D_TZ_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__D_TZ_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__D_TZ_ .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__D_TZ_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__D_TZ_ .editBgColor::before,
.style_tree__D_TZ_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__D_TZ_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__D_TZ_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__D_TZ_ .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__D_TZ_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__D_TZ_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__D_TZ_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__D_TZ_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__D_TZ_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__D_TZ_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__kb2la .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__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__kb2la .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__kb2la .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__kb2la .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__kb2la .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__kb2la .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__jfABA .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__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__jfABA .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__jfABA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__jfABA .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__jfABA .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__jfABA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__jfABA .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__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__jfABA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Tx2un::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Tx2un::-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__Tx2un:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UIzG0::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UIzG0::-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__UIzG0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__a_U85 {
  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__JR3oB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__JR3oB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__JR3oB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__JR3oB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__JR3oB {
    flex: 0 0 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_toolbar__OdMGf {
  position: relative;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  color: var(--firstLevelText);
  z-index: 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.style_toolbar__OdMGf.style_toolbarVisible__H_pdn {
  opacity: 1;
}
.style_toolbar__OdMGf svg {
  fill: currentColor;
}
.style_toolbar__OdMGf .style_toolbarLeft__dKfkw,
.style_toolbar__OdMGf .style_toolbarMiddle__rYyyo,
.style_toolbar__OdMGf .style_toolbarRight__4bxNM {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_toolbar__OdMGf .style_toolbarLeft__dKfkw {
  margin-right: 16px;
  padding-right: 16px;
  position: relative;
}
.style_toolbar__OdMGf .style_toolbarLeft__dKfkw button {
  border-radius: 4px;
}
.style_toolbar__OdMGf .style_toolbarLeft__dKfkw:after {
  position: absolute;
  right: 0;
  content: " ";
  display: block;
  height: 20px;
  width: 1px;
  background: var(--shadowColor);
}
.style_toolbar__OdMGf .style_toolbarRight__4bxNM {
  height: 100%;
  flex: 1;
  width: 0;
  overflow: hidden;
  padding: 0 8px;
}
.style_toolbar__OdMGf .style_toolbarRight__4bxNM input[type="text"] {
  width: 100%;
}
.style_toolbar__OdMGf .style_structure__HRKwT {
  height: 30px;
  padding: 0 4px;
  margin-right: 8px;
}
.style_toolbar__OdMGf .style_structure__HRKwT.style_active__vXTD3 {
  color: var(--primaryColor) !important;
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio {
  margin-right: 8px;
  height: 30px;
  padding: 4px;
  font-size: 14px !important;
  transition: all 0.1s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio.style_mobileActive__aF90w {
  color: var(--primaryColor);
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio.style_pcStyle__WNA53 {
  color: var(--firstLevelText);
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio.style_pcStyle__WNA53 svg {
  fill: var(--secondLevelText);
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio .style_commonButton__ZhXpr {
  width: 100%;
  height: 100%;
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio .style_filter__kpe_q,
.style_toolbar__OdMGf .style_toolbarItem__nZJio .style_hide__QfW04 {
  display: flex;
  align-items: center;
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio .style_viewName__f_8pT {
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 767.98px) {
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_active__vXTD3 {
    border-radius: 4px;
    color: var(--primaryColor);
    background: rgba(127, 99, 231, 0.1);
    padding: 4px;
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_active__vXTD3 svg {
    fill: currentColor;
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_apiActive__dqEOm {
    color: var(--primaryColor);
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_apiActive__dqEOm svg {
    fill: currentColor;
  }
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio:disabled svg {
  fill: currentColor;
}
.style_toolbar__OdMGf .style_toolbarItem__nZJio .btn-icon {
  margin-right: 2px;
}
.style_toolbarOnlyIcon__vTL67 {
  display: flex;
}
.style_toolbarOnlyIcon__vTL67:last-child > div,
.style_toolbarOnlyIcon__vTL67:last-child > span {
  margin-right: 0;
}
.style_toolbarOnlyIcon__vTL67 > div,
.style_toolbarOnlyIcon__vTL67 > span {
  margin-right: 16px;
}
.style_toolbarOnlyIcon__vTL67 .style_onlyIcon__6Kxud {
  display: flex;
  width: 24px;
  height: 24px;
}
.style_onlyIcon__6Kxud > span {
  margin: 0;
}
.style_notice__R19up {
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 35px;
}
.style_notice__R19up .style_noticeNum__SPbVs {
  position: absolute;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  border-radius: 6px;
  background-color: var(--errorColor);
  color: var(--defaultBg);
  font-size: 9px;
  font-weight: bold;
  border: 1px solid;
  top: -6px;
  right: -6px;
}
.style_disabled__g4k0u {
  opacity: 0.5;
}
.style_collapsePopup__LMktP {
  width: 241px;
  border-radius: 8px;
  padding: 4px 8px;
  background-color: var(--highBg);
  box-shadow: 0px 2px 12px 0px rgba(38, 38, 38, 0.1);
}
.style_collapsePopupItem__jNPz4 {
  display: block;
  width: 100%;
}
.style_collapsePopupItem__jNPz4 > span {
  display: block;
  width: 100%;
}
.style_collapsePopupItem__jNPz4 > span button {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  justify-content: flex-start;
  font-size: 14px !important;
}
.style_viewArrow__9GE8_ {
  transition: all 0.3s;
  transform: rotateZ(0deg);
}
.style_viewArrow__9GE8_.style_viewArrowActive__NzdzB {
  transform: rotateZ(-180deg);
}
@media screen and (max-width: 767.98px) {
  .style_toolbar__OdMGf {
    width: calc(100% - 104px);
    overflow: auto;
  }
  .style_toolbar__OdMGf .style_toolbarMiddle__rYyyo {
    width: 100%;
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio {
    flex-shrink: 0;
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_active__vXTD3 {
    border-radius: 4px;
    color: var(--primaryColor) !important;
    padding: 4px;
  }
  .style_toolbar__OdMGf .style_toolbarItem__nZJio.style_active__vXTD3 svg {
    fill: currentColor;
  }
}

.style_paintSettingsContainer__2D7Pq {
  min-width: 280px;
  background: var(--highestBg);
  border-radius: 8px;
  box-shadow: var(--shadowCommonHighest);
  padding: 0;
}
.style_paintOptions__I5Yf2 {
  padding: 0;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_paintOption__YLvm7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
}
.style_paintOption__YLvm7:hover {
  background-color: var(--lowestBg);
}
.style_paintOption__YLvm7:active {
  background-color: var(--highBg);
}
.style_optionLeft__reU3L {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.style_optionIcon__enXr5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  flex-shrink: 0;
}
.style_optionContent__kr_er {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}
.style_optionTitle__nqwFS {
  font-size: 14px;
  font-weight: 500;
  color: var(--firstLevelText);
  line-height: 1.3;
}
.style_optionDescription__Y0F8i {
  font-size: 12px;
  color: var(--thirdLevelText);
  line-height: 1.3;
}
.style_fieldInfo__zreGD {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: var(--highestBg);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 6px;
  box-shadow: var(--shadowCommonDefault);
}
.style_fieldInfoText__pm_q3 {
  font-size: 14px;
  color: var(--firstLevelText);
  line-height: 1.3;
  flex: 1;
  text-align: center;
  margin: 0 6px;
}
.style_fieldInfoDelete___PyiV {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.style_fieldInfoDelete___PyiV:hover {
  background-color: var(--lowestBg);
}
.style_iconlyIcon__U0kQ2 {
  font-size: 20px;
  color: var(--primaryColor);
}
.style_dateColorButton__WEzmP {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background-color: var(--lowestBg);
  border: 1px solid var(--lowestBg);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.style_dateColorButton__WEzmP:hover:not(.style_disabled__g_sjP) {
  border-color: 1px solid var(--primaryColor);
}
.style_dateColorButton__WEzmP.style_disabled__g_sjP {
  opacity: 0.4;
  cursor: not-allowed;
}
.style_dateColorButton__WEzmP.style_disabled__g_sjP .style_colorSquare__TLkZW {
  background-color: var(--borderCommonDefault) !important;
}
.style_dateColorButton__WEzmP span {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: 500;
}
.style_colorSquare__TLkZW {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--borderCommonDefault);
  flex-shrink: 0;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_dateColorButton__WEzmP:hover:not(.style_disabled__g_sjP) .style_colorSquare__TLkZW {
  transform: scale(1.1);
}
.style_clearDatePaint__BkWcN {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  background-color: var(--highestBg);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.style_clearDatePaint__BkWcN:hover {
  background-color: var(--lowestBg);
}
.style_clearDatePaint__BkWcN span {
  font-size: 14px;
  color: var(--thirdLevelText);
}
.style_dateFieldContainer__LhZ0b {
  padding: 16px;
  background-color: var(--highestBg);
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-radius: 8px;
}
.style_dateFieldDescription__SNm5e {
  font-size: 14px;
  color: var(--secondLevelText);
  line-height: 1.5;
}
.style_conditionRulesContainer__rTHmG {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px;
}
.style_conditionRulesContainer__rTHmG::-webkit-scrollbar-track {
  background: transparent;
}
.style_conditionRulesContainer__rTHmG::-webkit-scrollbar-thumb {
  background: var(--borderCommonDefault);
  border-radius: 3px;
}
.style_conditionRulesContainer__rTHmG::-webkit-scrollbar-thumb:hover {
  background: var(--textCommonTertiary);
}
.style_conditionSection__F5LqZ {
  background-color: var(--lowestBg);
  padding: 8px;
  border-radius: 8px;
  border-bottom: 1px solid var(--borderCommonDefault);
  margin-bottom: 8px;
}
.style_conditionSection__F5LqZ:last-child {
  margin-bottom: 0;
}
.style_conditionDescription__U0PM4 {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 0 4px 0;
  line-height: 1.4;
}
.style_conditionColorRow__8sd2r {
  display: flex;
  align-items: center;
  gap: 5px;
}
.style_conditionColorSquare__Op23J {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: 1px solid var(--borderCommonDefault);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.style_conditionColorTrigger__vWKH7 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_conditionColorLabel__TkWaA {
  font-size: 14px;
  font-weight: 600;
  color: var(--firstLevelText);
}
.style_conditionRuleDeleteButton__yo9KX {
  margin-left: auto;
  cursor: pointer;
  padding: 4px;
  border: none;
  background: transparent;
  color: var(--thirdLevelText);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.style_conditionRuleDeleteButton__yo9KX:hover {
  background-color: var(--lowestBg);
}
.style_conditionBottomSection__iIasB {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
.style_conditionAddButton__0hph2 {
  margin-left: 16px;
}
.style_conditionAddText__VhbCX {
  color: var(--textSecondary);
  font-size: 14px;
}
.style_conditionFallbackSection___iJJ8 {
  padding: 0 16px;
}
.style_conditionClearSection__XOfOE {
  border-top: 1px solid var(--borderCommonDefault);
}
.style_conditionClearButton__vvTpH {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--dangerColor);
  border-radius: 4px;
  background-color: var(--highestBg);
  color: var(--dangerColor);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 13px;
  transition: background-color 0.2s ease;
}
.style_conditionClearButton__vvTpH:hover {
  background-color: var(--dangerColorLightBg);
}
.style_loadingContainer__tgWks {
  padding: 20px;
  text-align: center;
  color: var(--secondLevelText);
}

.condition_builder_conditionBuilder___735T {
  padding: 0;
}
.condition_builder_conditionsList__o6ktX {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.condition_builder_conditionRow__vAACT {
  display: grid;
  grid-template-columns: 72px 1fr 1fr 1fr 32px;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.condition_builder_conditionRow__vAACT > * {
  min-width: 0;
}
.condition_builder_conditionSelect___xmS8 {
  width: 100% !important;
  height: 40px !important;
  background: var(--input-bg) !important;
  border: 1px solid var(--line-light) !important;
  border-radius: 4px !important;
  color: var(--text-primary) !important;
}
.condition_builder_conditionInput__7KJBg {
  width: 100%;
  height: 40px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid var(--line-light);
  background-color: var(--input-bg);
  color: var(--text-primary);
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.condition_builder_conditionInput__7KJBg:focus {
  border-color: var(--primaryColor);
}
.condition_builder_conditionInput__7KJBg:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.condition_builder_conditionDeleteButton__Qjo0d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
  color: var(--thirdLevelText);
}
.condition_builder_conditionDeleteButton__Qjo0d:hover {
  background-color: var(--lowestBg);
}
.condition_builder_conditionAddButton__czTDN {
  margin-top: 8px;
}
.condition_builder_conditionAddText__96P0x {
  color: var(--textSecondary);
  font-size: 14px;
}
.condition_builder_conditionJunction__uwunu {
  width: 100%;
  height: 40px;
  background: var(--input-bg) !important;
  border: 1px solid var(--line-light) !important;
  border-radius: 4px !important;
  justify-content: flex-start;
  display: flex !important;
  align-items: center;
  flex-shrink: 0;
  padding: 0 12px;
  font-size: 13px;
  color: var(--text-primary);
}

/**
* 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__2FLEB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__4aVq_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__yaVqQ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__yaVqQ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__yaVqQ 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__yaVqQ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__yaVqQ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__yaVqQ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__yaVqQ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__yaVqQ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__yaVqQ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__M0yBM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__qlfc_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__tm51u .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__tm51u .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__tm51u .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__tm51u .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__tm51u .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__tm51u .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__tm51u .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__tm51u .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__tm51u .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__tm51u .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__tm51u .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__tm51u .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__tm51u .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__tm51u .editBgColor::before,
.style_tree__tm51u .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__tm51u .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__tm51u .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__tm51u .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__tm51u .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__tm51u .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__tm51u .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__tm51u .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__tm51u .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__tm51u .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__wjspX .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__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__wjspX .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__wjspX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__wjspX .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__wjspX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__wjspX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__d_DkT .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__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__d_DkT .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__d_DkT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__d_DkT .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__d_DkT .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__d_DkT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__d_DkT .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__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__d_DkT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__mRH6N::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__mRH6N::-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__mRH6N:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4FNJu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4FNJu::-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__4FNJu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7OnVR {
  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__Zc4sz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Zc4sz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Zc4sz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Zc4sz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Zc4sz {
    flex: 0 0 100%;
  }
}
.style_fieldMaskModal___xAwf {
  overflow: auto;
  box-sizing: border-box;
  background: var(--highBg);
  z-index: var(--viewFilterBox);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_fieldMaskModal___xAwf h4 {
  font-size: 13px;
  color: var(--thirdLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_fieldMaskModal___xAwf {
    width: 100%;
    height: 100%;
    box-shadow: none;
    padding: 0;
    background: var(--defaultBg);
  }
}
.style_boxTop__lyq0N {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  justify-content: space-between;
}
.style_boxTop__lyq0N svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_boxTop__lyq0N a {
  display: flex;
  align-items: center;
}

/**
* 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__wkjjQ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__FquC7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__AADLp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__AADLp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__AADLp 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__AADLp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__AADLp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__AADLp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__AADLp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__AADLp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__AADLp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__3Vj9_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Ck14D {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__HfB6t .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__HfB6t .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__HfB6t .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__HfB6t .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__HfB6t .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__HfB6t .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__HfB6t .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__HfB6t .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__HfB6t .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__HfB6t .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__HfB6t .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__HfB6t .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__HfB6t .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__HfB6t .editBgColor::before,
.style_tree__HfB6t .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__HfB6t .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__HfB6t .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__HfB6t .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__HfB6t .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__HfB6t .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__HfB6t .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__HfB6t .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__HfB6t .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__HfB6t .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Rrg7f .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__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Rrg7f .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__Rrg7f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Rrg7f .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__Rrg7f .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Rrg7f .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__UIvde .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__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__UIvde .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__UIvde .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__UIvde .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__UIvde .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__UIvde .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UIvde .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__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__UIvde .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__STKmy::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__STKmy::-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__STKmy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__IWUzr::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__IWUzr::-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__IWUzr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8Cdyo {
  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__y3pY3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__y3pY3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__y3pY3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__y3pY3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__y3pY3 {
    flex: 0 0 100%;
  }
}
.style_noResult__IOoHe {
  font-size: 11px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.style_coverOption__5QapK {
  display: flex;
  align-items: center;
  width: 100%;
}
.style_coverOption__5QapK .style_optionIcon__u7__o {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_coverOption__5QapK .style_coverOptionTitle__Zg6wa {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_hideField__xm_tP {
  background: var(--highBg);
  width: 248px;
  overflow: auto;
  border-radius: 4px;
  box-shadow: var(--shadowCommonHighest);
  z-index: var(--viewSortBoxIndex);
  max-height: 500px;
  font-size: 13px;
  color: var(--firstLevelText);
  display: flex;
  flex-direction: column;
  cursor: default;
  padding: 16px 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_hideField__xm_tP::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_hideField__xm_tP::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_hideField__xm_tP::-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_hideField__xm_tP:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_hideField__xm_tP .style_header__3qgHb {
  padding: 0 16px 0 16px;
}
.style_hideField__xm_tP .style_header__3qgHb .style_title__OCVKV {
  display: flex;
}
.style_hideField__xm_tP .style_header__3qgHb a {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_hideField__xm_tP .style_header__3qgHb .style_searchField__nFXem {
  width: 188px;
  height: 30px;
  margin-top: 8px;
}
.style_hideField__xm_tP .style_fields__5rtEu {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100% - 160px);
  padding: 0 12px 16px;
}
.style_hideField__xm_tP .style_fields__5rtEu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_hideField__xm_tP .style_fields__5rtEu::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_hideField__xm_tP .style_fields__5rtEu::-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_hideField__xm_tP .style_fields__5rtEu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_hideField__xm_tP .style_coverSetting__OHeMQ {
  display: flex;
  align-items: center;
  font-weight: normal;
  color: var(--textCommonPrimary);
  line-height: 18px;
  margin-bottom: 12px;
}
.style_hideField__xm_tP .style_opAll__otlcV {
  display: flex;
  height: 30px;
  width: 224px;
  justify-content: space-between;
  margin: 0 auto 16px;
}
.style_hideField__xm_tP .style_opAll__otlcV button {
  max-width: 112px;
  min-width: 104px;
  height: -webkit-max-content;
  height: max-content;
}
.style_hideField__xm_tP .style_hover__cbZfR {
  background: var(--rowSelectedBg);
  border-radius: 4px;
  position: relative;
  color: var(--textBrandDefault);
}
.style_hideField__xm_tP .style_hover__cbZfR .style_iconType__7AcWB svg {
  fill: var(--textBrandDefault);
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm {
  display: flex;
  height: 35px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  padding: 0 4px;
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm .style_fieldIconAndTitle__8eonB {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 4px;
}
@media (any-hover: hover) {
  .style_hideField__xm_tP .style_hideFieldItem__8GFKm:hover {
    background: var(--rowSelectedBg);
    border-radius: 4px;
    position: relative;
    color: var(--textBrandDefault);
  }
  .style_hideField__xm_tP .style_hideFieldItem__8GFKm:hover .style_iconType__7AcWB svg {
    fill: var(--textBrandDefault);
  }
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm:active {
  color: var(--textBrandActive);
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm:active .style_iconType__7AcWB svg {
  fill: var(--textBrandActive);
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm:focus {
  background: var(--rowSelectedBg);
  border-radius: 4px;
  position: relative;
  color: var(--textBrandDefault);
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm:focus .style_iconType__7AcWB svg {
  fill: var(--textBrandDefault);
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm:last-child {
  margin-bottom: 0;
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm .style_iconType__7AcWB {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm .style_fieldName__AqsRR {
  flex: 1;
  width: 140px;
}
.style_hideField__xm_tP .style_hideFieldItem__8GFKm .style_fieldName__AqsRR .typography {
  color: inherit;
}
.style_hideField__xm_tP .style_hideenFieldItemFocus__XxTIW {
  background: var(--rowSelectedBg);
  border-radius: 4px;
  position: relative;
  color: var(--textBrandDefault);
}
.style_hideField__xm_tP .style_hideenFieldItemFocus__XxTIW .style_iconType__7AcWB svg {
  fill: var(--textBrandDefault);
}
@media screen and (max-width: 767.98px) {
  .style_hideField__xm_tP {
    width: 100%;
    height: 100%;
    max-height: none;
    overflow: hidden;
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
  .style_hideField__xm_tP .style_header__3qgHb {
    display: block;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
  }
  .style_hideField__xm_tP .style_header__3qgHb .style_coverSetting__OHeMQ {
    width: 100%;
    flex-shrink: 0;
    font-size: 14px;
  }
  .style_hideField__xm_tP .style_header__3qgHb .style_searchWrapper__j8nVj {
    width: 100%;
    padding: 8px 0;
    background: var(--defaultBg);
    flex-shrink: 0;
  }
  .style_hideField__xm_tP .style_header__3qgHb .style_searchWrapper__j8nVj .style_searchInput__xthPr {
    padding: 0 16px;
    text-indent: 0;
  }
  .style_hideField__xm_tP .style_header__3qgHb .style_searchWrapper__j8nVj .style_searchInput__xthPr,
  .style_hideField__xm_tP .style_header__3qgHb .style_searchWrapper__j8nVj .style_searchInput__xthPr input {
    border-radius: 16px;
  }
  .style_hideField__xm_tP .style_fields__5rtEu {
    padding: 0 !important;
    flex: 1;
    max-height: none;
    min-height: 300px;
    overflow: auto;
  }
  .style_hideField__xm_tP .style_hideFieldItem__8GFKm {
    height: 48px;
    font-size: 14px;
    justify-content: unset;
  }
  .style_hideField__xm_tP .style_hideFieldItem__8GFKm .ant-switch {
    min-width: 34px;
  }
  .style_hideField__xm_tP .style_opAll__otlcV {
    width: 100%;
    margin: 0;
    height: 48px;
    align-items: center;
  }
  .style_hideField__xm_tP .style_opAll__otlcV button {
    width: calc((100% - 24px) / 2);
    height: 40px !important;
    font-size: 14px;
  }
  .style_switchCoverFit__8OTq3 .ant-switch {
    min-width: 34px;
  }
}
.style_switchCoverFit__8OTq3 {
  display: flex;
}
.style_switchCoverFit__8OTq3 .style_switchCoverFitCheckbox___0Gr6 {
  padding-top: 3px;
}
.style_switchCoverFit__8OTq3 div[role='checkbox'] {
  border-color: var(--textCommonQuaternary);
}
.style_label__5QxvO {
  color: var(--firstLevelText);
  display: flex;
  align-items: center;
}
.style_label__5QxvO .style_tip__Oy_Dw {
  margin-left: 4px;
  display: flex;
  align-items: center;
}

/**
* 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__H1Ptv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__mmT1I {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__YTzDO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__YTzDO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__YTzDO 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__YTzDO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__YTzDO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__YTzDO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__YTzDO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__YTzDO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__YTzDO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__E1Wk6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__mP2kD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__wKq4C .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__wKq4C .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__wKq4C .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__wKq4C .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__wKq4C .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__wKq4C .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__wKq4C .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__wKq4C .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__wKq4C .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__wKq4C .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__wKq4C .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__wKq4C .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__wKq4C .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__wKq4C .editBgColor::before,
.styles_tree__wKq4C .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__wKq4C .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__wKq4C .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__wKq4C .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__wKq4C .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__wKq4C .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__wKq4C .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__wKq4C .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__wKq4C .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__wKq4C .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__8s6r1 .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__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__8s6r1 .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__8s6r1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__8s6r1 .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__8s6r1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__8s6r1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__eNm3A .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__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__eNm3A .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__eNm3A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__eNm3A .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__eNm3A .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__eNm3A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__eNm3A .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__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__eNm3A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__xkW1T::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__xkW1T::-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__xkW1T:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__y8igH::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__y8igH::-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__y8igH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__YoUYh {
  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__kHbCv {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__kHbCv {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__kHbCv {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__kHbCv {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__kHbCv {
    flex: 0 0 100%;
  }
}
.styles_hiddenGroupWrapper__m_xpC {
  width: 248px;
  border-radius: 4px;
  background-color: var(--bgCommonHighest);
  padding-bottom: 16px;
  overflow: auto;
  box-shadow: var(--shadowCommonHighest);
  z-index: var(--viewSortBoxIndex);
  max-height: 500px;
  font-size: 13px;
  color: var(--firstLevelText);
  display: flex;
  flex-direction: column;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_hiddenGroupWrapper__m_xpC::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_hiddenGroupWrapper__m_xpC::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_hiddenGroupWrapper__m_xpC::-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_hiddenGroupWrapper__m_xpC:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_hiddenGroupWrapper__m_xpC .styles_hover__wDLlm {
  background: var(--rowSelectedBg);
  border-radius: 4px;
  position: relative;
}
.styles_hiddenGroupWrapper__m_xpC .styles_groupItem__dLtmK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 0 4px;
  height: 35px;
}
.styles_hiddenGroupWrapper__m_xpC .styles_groupItem__dLtmK.styles_isDragging__YJv4O {
  background: transparent;
}
@media (any-hover: hover) {
  .styles_hiddenGroupWrapper__m_xpC .styles_groupItem__dLtmK:not(.styles_isDragging__YJv4O):hover {
    background: var(--rowSelectedBg);
    border-radius: 4px;
    position: relative;
  }
}
.styles_optionWrapper__doEIT {
  height: 35px;
  display: flex !important;
  padding: 3px 10px 3px;
  max-width: 100%;
  overflow: hidden;
  line-height: 1.1;
  flex-grow: 1;
  align-content: flex-start;
  align-items: center;
}
.styles_optionText__ugeXG {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_optionText__ugeXG span.styles_name__ZaWxz {
  line-height: 20px;
  white-space: nowrap;
}
.styles_header__NWaeo {
  padding: 16px;
}
.styles_header__NWaeo .styles_title__6aR0P {
  display: flex;
}
.styles_header__NWaeo a {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.styles_header__NWaeo .styles_searchField__S1zMu {
  width: 188px;
  height: 30px;
  margin-top: 8px;
}
.styles_content__LxvHS {
  padding: 0 12px 16px 12px;
}
.styles_opAll__7Ac5R {
  display: flex;
  height: 30px;
  width: 228px;
  justify-content: space-between;
  margin: 0 auto;
}
.styles_opAll__7Ac5R button {
  max-width: 112px;
}
.styles_opAll__7Ac5R button:first-child {
  margin-right: 4px;
}
.styles_noResult__lF8T7 {
  font-size: 11px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.styles_searchWrapper__0TUfi {
  width: 100%;
  padding: 8px 0;
  background: var(--commonBg);
  flex-shrink: 0;
}
.styles_searchWrapper__0TUfi .styles_searchInput____T4c {
  padding: 0 16px;
  text-indent: 0;
}
.styles_searchWrapper__0TUfi .styles_searchInput____T4c,
.styles_searchWrapper__0TUfi .styles_searchInput____T4c input {
  border-radius: 16px;
}
.styles_dragHandle__mbiVR {
  width: 10px;
  height: 10px;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .styles_hiddenGroupWrapper__m_xpC {
    width: 100%;
    height: 100%;
    max-height: none;
    background: none;
    box-shadow: none;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .styles_hiddenGroupWrapper__m_xpC .styles_header__NWaeo {
    display: flex;
    padding: 0;
    min-height: 48px;
    align-items: center;
    flex-wrap: wrap;
  }
  .styles_hiddenGroupWrapper__m_xpC .styles_content__LxvHS {
    padding: 0 !important;
    flex: 1;
    max-height: none;
    min-height: 300px;
  }
  .styles_hiddenGroupWrapper__m_xpC .styles_opAll__7Ac5R {
    width: 100%;
    margin: 0;
    height: 48px;
    align-items: center;
  }
  .styles_hiddenGroupWrapper__m_xpC .styles_opAll__7Ac5R button {
    width: calc((100% - 24px) / 2);
    height: 40px !important;
    font-size: 14px;
  }
}

/**
* 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__K3gNh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__auwGD {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__oUXaF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__oUXaF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__oUXaF 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__oUXaF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__oUXaF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__oUXaF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__oUXaF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__oUXaF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__oUXaF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__xrXn5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__kN4t5 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__SwHbj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__SwHbj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__SwHbj .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__SwHbj .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__SwHbj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__SwHbj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__SwHbj .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__SwHbj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__SwHbj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__SwHbj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__SwHbj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__SwHbj .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__SwHbj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__SwHbj .editBgColor::before,
.style_tree__SwHbj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__SwHbj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__SwHbj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__SwHbj .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__SwHbj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__SwHbj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__SwHbj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__SwHbj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__SwHbj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__SwHbj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__SW98v .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__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__SW98v .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__SW98v .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__SW98v .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__SW98v .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__SW98v .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__xs_db .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__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__xs_db .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__xs_db .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__xs_db .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__xs_db .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__xs_db .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xs_db .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__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__xs_db .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__i5gle::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__i5gle::-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__i5gle:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Vjn_H::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Vjn_H::-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__Vjn_H:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___xrux {
  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__uBok0 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__uBok0 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__uBok0 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__uBok0 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__uBok0 {
    flex: 0 0 100%;
  }
}
.style_layoutCard__MHZRY {
  left: 0px;
  width: 240px;
  overflow: auto;
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  padding: 16px 16px 10px 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_layoutCard__MHZRY .style_layoutIconWrapper__FY1yZ {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0px;
}
.style_layoutCard__MHZRY .style_layoutIconWrapper__FY1yZ .style_iconAndDesc__9Bmj6 {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.style_layoutCard__MHZRY .style_layoutIconWrapper__FY1yZ .style_iconAndDesc__9Bmj6 .style_title__iy2nO {
  margin-top: 4px;
  color: var(--thirdLevelText);
  text-align: center;
}
.style_layoutCard__MHZRY .style_title__iy2nO {
  color: var(--thirdLevelText);
}
.style_layoutCard__MHZRY .style_layoutSize__gzvP6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_layoutCard__MHZRY .style_layoutSize__gzvP6 .style_layoutSizeWrapper__oq8pa {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.style_layoutCard__MHZRY .style_setSliderCount__NxhVv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_layoutCard__MHZRY .style_reduceCardCountIcon__nSRtx {
  cursor: pointer;
  margin-top: 2px;
}
.style_layoutCard__MHZRY .style_addCardCountIcon__UDPCy {
  cursor: pointer;
  margin-top: 1px;
  margin-left: 2px;
}
.style_layoutCard__MHZRY .ant-slider-rail {
  height: 2px;
}

/**
* 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__10Emc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__IMl8F {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__3wnri ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__3wnri ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__3wnri 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__3wnri ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__3wnri li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__3wnri .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__3wnri .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__3wnri .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__3wnri .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__E9Xe_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__9zHeR {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__yDfV1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__yDfV1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__yDfV1 .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__yDfV1 .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__yDfV1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__yDfV1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__yDfV1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__yDfV1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__yDfV1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__yDfV1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__yDfV1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__yDfV1 .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__yDfV1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__yDfV1 .editBgColor::before,
.style_tree__yDfV1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__yDfV1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__yDfV1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__yDfV1 .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__yDfV1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__yDfV1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__yDfV1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__yDfV1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__yDfV1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__yDfV1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GGDuQ .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__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GGDuQ .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__GGDuQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GGDuQ .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__GGDuQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GGDuQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__z9fV4 .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__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__z9fV4 .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__z9fV4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__z9fV4 .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__z9fV4 .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__z9fV4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__z9fV4 .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__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__z9fV4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__oJuqn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__oJuqn::-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__oJuqn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__3ExpV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__3ExpV::-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__3ExpV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ZbI3d {
  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__beT_k {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__beT_k {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__beT_k {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__beT_k {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__beT_k {
    flex: 0 0 100%;
  }
}
.style_viewSort__r_4o_ {
  width: 505px;
  box-shadow: var(--shadowCommonHighest);
  padding: 20px 0;
  box-sizing: border-box;
  background: var(--highBg);
  position: relative;
  border-radius: 4px;
  overflow: auto;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_viewSort__r_4o_ > main {
  max-height: 500px;
  padding: 0 8px 0 20px;
  overflow: auto;
  margin-top: 0;
}
.style_viewSort__r_4o_ .style_selectField__7JIk8 {
  margin-top: 8px;
  padding-left: 26px;
}
.style_viewSort__r_4o_ .style_droppable__LcSPQ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_viewSort__r_4o_ .style_droppable__LcSPQ::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_viewSort__r_4o_ .style_droppable__LcSPQ::-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_viewSort__r_4o_ .style_droppable__LcSPQ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_viewSort__r_4o_ .style_draggable__OBk8P {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 40px;
}
.style_viewSort__r_4o_ .style_draggable__OBk8P:last-child {
  margin-bottom: 0;
}
.style_viewSort__r_4o_ .style_draggable__OBk8P .style_iconDrag__uNOxO {
  margin-right: 8px;
}
.style_viewSort__r_4o_ .style_boxTop__HxEZf {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  padding: 0 20px;
  justify-content: space-between;
}
.style_viewSort__r_4o_ .style_boxTop__HxEZf svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_viewSort__r_4o_ .style_boxTop__HxEZf a {
  display: flex;
  align-items: center;
}
.style_viewSort__r_4o_ .style_buttonWrapper__Htkdt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  padding-right: 20px;
}
.style_keepSort__rzbp3 {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.style_HelpIcon__6F_vH {
  cursor: pointer;
  vertical-align: -0.125em;
  margin-left: 4px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .style_viewSort__r_4o_ {
    width: 100%;
    height: 100%;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    background-color: transparent;
  }
  .style_viewSort__r_4o_ .style_boxTop__HxEZf {
    padding: 0;
    font-size: 14px;
    justify-content: flex-end;
  }
  .style_viewSort__r_4o_ main {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }
  .style_viewSort__r_4o_ .style_selectField__7JIk8 {
    padding-left: 0;
  }
  .style_viewSort__r_4o_ .style_buttonWrapper__Htkdt {
    justify-content: space-between;
    padding-right: 0;
  }
  .style_draggable__OBk8P {
    margin-top: 8px;
    height: 48px !important;
  }
  .style_draggable__OBk8P .style_iconDrag__uNOxO {
    width: 100%;
    margin-right: 0 !important;
    display: flex;
    position: relative;
  }
  .style_draggable__OBk8P .style_iconDrag__uNOxO::after {
    content: "";
    position: absolute;
  }
  .style_draggableRow__YKHLE {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .style_keepSort__rzbp3 .ant-switch {
    min-width: 34px;
  }
}
.style_delBtnWrapper__ibiQz {
  display: flex;
  justify-content: flex-end;
}
.style_optionsWrapper__76gB5 {
  padding-left: 8px;
  padding-right: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__85FQf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___ARPV {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NWw95 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NWw95 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NWw95 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__NWw95 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NWw95 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NWw95 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NWw95 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NWw95 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NWw95 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__x5C9w {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__8gt38 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CG69e .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CG69e .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CG69e .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__CG69e .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__CG69e .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CG69e .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CG69e .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CG69e .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CG69e .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CG69e .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CG69e .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CG69e .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__CG69e .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CG69e .editBgColor::before,
.style_tree__CG69e .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CG69e .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CG69e .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CG69e .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__CG69e .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CG69e .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CG69e .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CG69e .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CG69e .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CG69e .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eNb_0 .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__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eNb_0 .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__eNb_0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eNb_0 .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__eNb_0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eNb_0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Dws2b .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__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Dws2b .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__Dws2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Dws2b .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__Dws2b .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__Dws2b .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dws2b .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__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Dws2b .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__fsE7Z::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__fsE7Z::-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__fsE7Z:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__PIKr_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__PIKr_::-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__PIKr_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__B6Zoe {
  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__18tBa {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__18tBa {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__18tBa {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__18tBa {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__18tBa {
    flex: 0 0 100%;
  }
}
.style_sortOptions__k4J4B {
  width: 180px;
  height: 100%;
  line-height: 35px;
  cursor: default;
}
.style_sortOptions__k4J4B .style_select__n_JlJ {
  width: 180px;
  line-height: 40px;
}
.style_options__39yX7 {
  z-index: var(--group);
}
.ant-empty-small .ant-empty-image {
  width: 52px;
}
.ant-empty-small .ant-empty-image svg {
  width: 52px;
}
.ant-select-dropdown-menu::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-dropdown-menu::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.ant-select-dropdown-menu:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_optionItem__dOWTa {
  display: flex;
  width: 100%;
  align-items: center;
}
.style_optionItem__dOWTa > svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.style_optionItem__dOWTa .style_iconType__V_thW {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_optionItem__dOWTa .style_label__eJW4b {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.style_optionItem__dOWTa .style_label__eJW4b span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionItem__dOWTa .style_label__eJW4b svg {
  margin-left: 4px;
  flex-shrink: 0;
}
.style_addOption__xaav1 {
  margin-left: 18px;
}
.style_addOption__xaav1.style_blankField__TlUV_ {
  margin-left: 0px;
}
@media screen and (max-width: 767.98px) {
  .style_addOption__xaav1 {
    padding: 0;
  }
  .style_addSortRules__vc8Qx {
    width: 100%;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--lowestBg);
    border-radius: 4px;
    padding: 12px 8px;
  }
  .style_addSortRules__vc8Qx span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .style_addSortRules__vc8Qx .style_arrow__QiQoP {
    margin-left: 4px;
  }
  .style_optionsListMenu__1h3r6 .style_optionItem__dOWTa {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--lineColor);
  }
  .style_optionsListMenu__1h3r6 .style_fieldItem__hpH4P {
    display: flex;
    align-items: center;
  }
  .style_optionsListMenu__1h3r6 .style_fieldItem__hpH4P .style_fieldName__EGNko {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.style_addSortRules__vc8Qx.style_disabled__ccEJm > * {
  opacity: 0.5;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_rules__ZNu5I {
  width: 220px;
  height: 100%;
  background: var(--lowestBg);
  padding: 5px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 4px;
}
.style_rules__ZNu5I.style_disabled__J__2o > * {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_rules__ZNu5I .style_asc__3ZDbi,
.style_rules__ZNu5I .style_desc__3fKxw {
  border-radius: 4px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 105px;
  height: 32px;
  line-height: 25px;
  box-sizing: border-box;
}
.style_rules__ZNu5I .style_asc__3ZDbi .style_iconArrow__3kGoW,
.style_rules__ZNu5I .style_desc__3fKxw .style_iconArrow__3kGoW {
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.style_active__OPW2H {
  color: var(--staticWhite0);
  background: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_rules__ZNu5I {
    width: 100%;
    height: 48px;
    margin-left: 0;
    flex-grow: 1;
  }
  .style_rules__ZNu5I .style_asc__3ZDbi,
  .style_rules__ZNu5I .style_desc__3fKxw {
    width: 50%;
    min-width: 40px;
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 0 8px;
  }
  .style_rules__ZNu5I .style_asc__3ZDbi .style_iconArrow__3kGoW,
  .style_rules__ZNu5I .style_desc__3fKxw .style_iconArrow__3kGoW {
    margin: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__1cqw6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__YI9it {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__JpUDb ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__JpUDb ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__JpUDb 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__JpUDb ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__JpUDb li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__JpUDb .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__JpUDb .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__JpUDb .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__JpUDb .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__pR353 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__58wl4 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__n4Fpv .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__n4Fpv .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__n4Fpv .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__n4Fpv .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__n4Fpv .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__n4Fpv .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__n4Fpv .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__n4Fpv .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__n4Fpv .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__n4Fpv .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__n4Fpv .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__n4Fpv .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__n4Fpv .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__n4Fpv .editBgColor::before,
.style_tree__n4Fpv .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__n4Fpv .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__n4Fpv .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__n4Fpv .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__n4Fpv .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__n4Fpv .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__n4Fpv .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__n4Fpv .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__n4Fpv .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__n4Fpv .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Ua_RN .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__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Ua_RN .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__Ua_RN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Ua_RN .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__Ua_RN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Ua_RN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Yoyp4 .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__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Yoyp4 .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__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Yoyp4 .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__Yoyp4 .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__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Yoyp4 .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__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Yoyp4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Q1KMl::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Q1KMl::-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__Q1KMl:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__lROCG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__lROCG::-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__lROCG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__wJeyr {
  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__ksB7n {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ksB7n {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ksB7n {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ksB7n {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ksB7n {
    flex: 0 0 100%;
  }
}
.style_inputBorderColor__Xym8f:hover,
.style_inputBorderColor__Xym8f:active,
.style_inputBorderColor__Xym8f:focus {
  border-color: var(--primaryColor) !important;
}
.style_inputErrorBorderColor__5q0up:hover,
.style_inputErrorBorderColor__5q0up:active,
.style_inputErrorBorderColor__5q0up:focus {
  border-color: var(--errorColor) !important;
}
.style_baseInput__r7k3u {
  box-shadow: none !important;
}
.style_baseInput__r7k3u:hover,
.style_baseInput__r7k3u:active,
.style_baseInput__r7k3u:focus {
  border-color: var(--primaryColor) !important;
}
.style_baseInput__r7k3u input {
  padding-left: 31px !important;
  box-shadow: none !important;
}
.style_baseInput__r7k3u input:hover,
.style_baseInput__r7k3u input:active,
.style_baseInput__r7k3u input:focus {
  border-color: var(--primaryColor) !important;
}
.style_inputError__cv_fx input {
  border: 1px solid var(--errorColor) !important;
}
.style_inputError__cv_fx input:hover,
.style_inputError__cv_fx input:active,
.style_inputError__cv_fx input:focus {
  border-color: var(--errorColor) !important;
}
.style_inputErrorWithoutIcon__uH76w {
  border: 1px solid var(--errorColor) !important;
}
.style_inputErrorWithoutIcon__uH76w:hover,
.style_inputErrorWithoutIcon__uH76w:active,
.style_inputErrorWithoutIcon__uH76w:focus {
  border-color: var(--errorColor) !important;
}
.style_popupWrapper__21axj .ant-select-selector {
  outline: none;
  box-shadow: none;
}
.style_toolItemWrapper__kFkdQ {
  flex-shrink: 0;
}
.style_toolItemWrapper__kFkdQ .ant-badge-count {
  top: 10px;
  right: 10px;
  background-color: var(--primaryColor);
}
.style_toolbarItemOpened__6KP_2 {
  color: var(--primaryColor) !important;
}
.style_toolbarItemOpened__6KP_2 svg {
  fill: var(--primaryColor) !important;
}
.style_toolbarItemOpened__6KP_2 button {
  color: var(--primaryColor) !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_createFieldModal__46_5I {
  padding: 24px 24px 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_createFieldModal__46_5I .style_banner__Wov0j {
  width: 320px;
  height: 192px;
  margin-bottom: 24px;
}
.style_createFieldModal__46_5I .style_banner__Wov0j .style_bannerImg__3B21T {
  width: 100%;
  height: 100%;
}
.style_createFieldModal__46_5I .style_desc__y1FY6 {
  margin-top: 8px;
  color: var(--thirdLevelText);
}
.style_createFieldModal__46_5I .style_createBtn__3Jjk1 {
  margin-top: 56px;
  display: flex;
  align-items: center;
}
.style_modalWrap__xfO1T {
  position: absolute !important;
}
.style_modalWrap__xfO1T .ant-modal-body {
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_domGantt__Asn9Q {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.style_domGantt__Asn9Q .style_unitSelect__LDh7m {
  position: absolute;
  top: 1px;
  height: 39px;
  background: var(--defaultBg);
  border-color: transparent;
  border-left: 1px solid var(--lineColor);
  border-radius: 0;
  text-align: center;
}
.style_domGantt__Asn9Q .style_unitSelect__LDh7m:hover,
.style_domGantt__Asn9Q .style_unitSelect__LDh7m:focus-within {
  border: 1px solid transparent !important;
  border-left-color: var(--lineColor) !important;
}
.style_domGantt__Asn9Q .style_toggleBtnWrapper__P0vKe {
  position: absolute;
  top: 8px;
}
.style_domGantt__Asn9Q .style_toggleBtnWrapper__P0vKe .style_toggleBtn__KqbRQ {
  box-shadow: 0px 1px 6px 0px var(--shadowColor);
  border: none;
  background-color: var(--defaultBg);
}
.style_domGantt__Asn9Q .style_toggleBtnWrapper__P0vKe .style_toggleBtn__KqbRQ:hover {
  box-shadow: 0px 1px 6px 0px var(--bgBrandLightHover);
}
.style_domGantt__Asn9Q .style_toggleBtnWrapper__P0vKe .style_toggleBtn__KqbRQ:hover svg {
  fill: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__FfPKK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__bCHyZ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__7beup ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__7beup ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__7beup 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__7beup ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__7beup li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__7beup .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__7beup .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__7beup .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__7beup .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__2TVZs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__NcyAD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__M95TL .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__M95TL .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__M95TL .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__M95TL .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__M95TL .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__M95TL .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__M95TL .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__M95TL .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__M95TL .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__M95TL .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__M95TL .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__M95TL .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__M95TL .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__M95TL .editBgColor::before,
.style_tree__M95TL .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__M95TL .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__M95TL .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__M95TL .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__M95TL .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__M95TL .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__M95TL .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__M95TL .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__M95TL .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__M95TL .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0jtW7 .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__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0jtW7 .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__0jtW7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0jtW7 .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__0jtW7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0jtW7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__18WzC .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__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__18WzC .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__18WzC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__18WzC .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__18WzC .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__18WzC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__18WzC .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__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__18WzC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___JYfv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___JYfv::-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___JYfv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__yhQRo::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__yhQRo::-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__yhQRo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__iL2Gb {
  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__IQuCL {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__IQuCL {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__IQuCL {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__IQuCL {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__IQuCL {
    flex: 0 0 100%;
  }
}
.style_ganttView__5y8Cw {
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  border-radius: 8px 8px 0 0;
  position: relative;
}
.style_ganttView__5y8Cw.style_ganttViewMobile__deNT5 {
  border: none;
  border-radius: 0;
}
.style_ganttView__5y8Cw .Resizer {
  z-index: 1 !important;
}
.style_ganttView__5y8Cw canvas {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_gantt__tH2Mq {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.style_verticalScrollBarWrapper__PXoSR,
.style_horizontalScrollBarWrapper__Hu2yR {
  position: absolute;
  will-change: transform;
  cursor: pointer;
}
.style_verticalScrollBarWrapper__PXoSR::-webkit-scrollbar,
.style_horizontalScrollBarWrapper__Hu2yR::-webkit-scrollbar {
  background: transparent;
  width: 18px !important;
  height: 18px !important;
}
.style_verticalScrollBarWrapper__PXoSR::-webkit-scrollbar-thumb,
.style_horizontalScrollBarWrapper__Hu2yR::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: var(--bgScrollbarDefault);
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 10px;
  border: 4px solid transparent;
}
.style_verticalScrollBarWrapper__PXoSR:hover::-webkit-scrollbar-thumb,
.style_horizontalScrollBarWrapper__Hu2yR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_verticalScrollBarWrapper__PXoSR .style_verticalScrollBarInner__wRhXh,
.style_horizontalScrollBarWrapper__Hu2yR .style_verticalScrollBarInner__wRhXh,
.style_verticalScrollBarWrapper__PXoSR .style_horizontalScrollBarInner__ALUd7,
.style_horizontalScrollBarWrapper__Hu2yR .style_horizontalScrollBarInner__ALUd7 {
  position: absolute;
}
.style_verticalScrollBarWrapper__PXoSR {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 18px;
  right: 0;
}
.style_horizontalScrollBarWrapper__Hu2yR {
  overflow-x: scroll;
  overflow-y: hidden;
  height: 18px;
  bottom: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__AUzOD {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Ec_Y_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__RLodK ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__RLodK ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__RLodK 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__RLodK ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__RLodK li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__RLodK .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__RLodK .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__RLodK .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__RLodK .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Lvtvx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__C7bAr {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__P_ufv .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__P_ufv .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__P_ufv .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__P_ufv .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__P_ufv .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__P_ufv .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__P_ufv .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__P_ufv .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__P_ufv .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__P_ufv .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__P_ufv .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__P_ufv .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__P_ufv .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__P_ufv .editBgColor::before,
.style_tree__P_ufv .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__P_ufv .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__P_ufv .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__P_ufv .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__P_ufv .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__P_ufv .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__P_ufv .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__P_ufv .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__P_ufv .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__P_ufv .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Q_AjS .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__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Q_AjS .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__Q_AjS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Q_AjS .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__Q_AjS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Q_AjS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__pGNHw .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__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__pGNHw .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__pGNHw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__pGNHw .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__pGNHw .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__pGNHw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pGNHw .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__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__pGNHw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__LJL_S::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__LJL_S::-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__LJL_S:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__qL4vm::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__qL4vm::-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__qL4vm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uYBui {
  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__DMvmz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__DMvmz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__DMvmz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__DMvmz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__DMvmz {
    flex: 0 0 100%;
  }
}
.style_cellAutoNumber__cwQS7 {
  display: block;
  padding: 3px 10px;
  line-height: 24px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_autoNumberWrapper__QBpB1 {
  flex: 1;
}

.styles_expandCascader__d9TGn {
  width: 100%;
}

.style_antiEllipsis__WMklA {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__7oCYL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__bZ35e ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__bZ35e ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__bZ35e 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__bZ35e ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__bZ35e li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__bZ35e .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__bZ35e .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__bZ35e .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__bZ35e .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__2E6_D {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__po6wJ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Y2UdV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Y2UdV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Y2UdV .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__Y2UdV .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__Y2UdV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Y2UdV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Y2UdV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Y2UdV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Y2UdV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Y2UdV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Y2UdV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Y2UdV .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__Y2UdV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Y2UdV .editBgColor::before,
.style_tree__Y2UdV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Y2UdV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Y2UdV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Y2UdV .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__Y2UdV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Y2UdV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Y2UdV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Y2UdV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Y2UdV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Y2UdV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__S6LWG .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__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__S6LWG .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__S6LWG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__S6LWG .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__S6LWG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__S6LWG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__cTL8l .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__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__cTL8l .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__cTL8l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__cTL8l .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__cTL8l .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__cTL8l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cTL8l .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__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__cTL8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__El633::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__El633::-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__El633:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8ccBw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8ccBw::-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__8ccBw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JFc3C {
  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__CESVG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CESVG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CESVG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CESVG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CESVG {
    flex: 0 0 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_overlay__QyM0q {
  font-size: 13px;
  position: absolute;
  left: 0;
  top: -1px;
  background-color: var(--lowestBg);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
@media screen and (max-width: 767.98px) {
  .style_overlay__QyM0q {
    top: 0;
    font-size: 14px;
    border-radius: 8px;
    padding-left: 6px;
  }
}

.styles_createWorkdoc__NOWXf {
  display: flex;
  padding-top: 4px;
  align-items: center;
  color: var(--textCommonTertiary);
  padding-left: 8px;
  min-width: 100px;
}
.styles_expandWorkdoc__MnsDx {
  padding: 4px 8px 0;
}
.styles_expandWorkdoc__MnsDx .styles_workdocBtn___DGuU {
  border-radius: 4px;
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
  background-color: var(--bgBrandLightDefault);
  cursor: pointer;
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_expandWorkdoc__MnsDx .styles_workdocBtn___DGuU:hover {
  background-color: var(--bgBrandLightHover);
}
.styles_expandWorkdoc__MnsDx .styles_workdocBtn___DGuU .styles_workdocTitle__sKm_U {
  color: var(--textBrandDefault);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_expandWorkdoc__MnsDx .styles_workdocBtn___DGuU svg {
  fill: var(--textBrandDefault);
  flex: none;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 4px;
}
.styles_expandWorkdoc__MnsDx.styles_disabled__k8uUy .styles_workdocBtn___DGuU {
  cursor: not-allowed;
}
.styles_expandWorkdoc__MnsDx.styles_disabled__k8uUy .styles_workdocBtn___DGuU:hover {
  background-color: var(--bgBrandLightDefault);
}
@media screen and (max-width: 768px) {
  .styles_expandWorkdoc__MnsDx {
    width: 100%;
    padding: 0;
  }
}

.styles_antiEllipsis__S6_4P {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__WfqBP {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__S3duu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__S3duu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__S3duu 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__S3duu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__S3duu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__S3duu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__S3duu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__S3duu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__S3duu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__cNFDi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__DCDRf {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__p_IUn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__p_IUn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__p_IUn .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__p_IUn .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__p_IUn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__p_IUn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__p_IUn .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__p_IUn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__p_IUn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__p_IUn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__p_IUn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__p_IUn .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__p_IUn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__p_IUn .editBgColor::before,
.styles_tree__p_IUn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__p_IUn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__p_IUn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__p_IUn .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__p_IUn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__p_IUn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__p_IUn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__p_IUn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__p_IUn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__p_IUn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__3t7_P .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__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__3t7_P .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__3t7_P .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__3t7_P .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__3t7_P .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__3t7_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__wlA4i .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__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__wlA4i .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__wlA4i .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__wlA4i .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__wlA4i .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__wlA4i .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__wlA4i .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__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__wlA4i .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Oq1Bh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Oq1Bh::-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__Oq1Bh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__4MsCS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__4MsCS::-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__4MsCS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__VHJgu {
  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__3hJAw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__3hJAw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__3hJAw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__3hJAw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__3hJAw {
    flex: 0 0 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
**/
.styles_viewContainer__ztTZX {
  height: 100%;
}
.styles_fixedHead__gqZsx {
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
  background-color: var(--defaultBg);
  border-top: 1px solid var(--rowSelectedBg);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.styles_fieldHead__vrCf9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-user-select: none;
          user-select: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.styles_fieldTitleWrapper__cb1w7 {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_fieldTitleWrapper__cb1w7.styles_fieldTitleWithContent__vocpv {
  padding: 0 10px;
  margin-bottom: -4px;
}
.styles_fieldMenuTrigger__WlrP6 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.styles_content__KsD_O {
  position: relative;
  background-color: var(--lowestBg);
  -webkit-user-select: none;
          user-select: none;
  overflow-y: auto;
}
.styles_fixedTitle__r7n02 {
  position: absolute;
  transition: all 0.3s;
  z-index: 1;
}
.styles_fixedTitle__r7n02 .styles_firstColumnCell__Es_xk {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
  padding-left: 24px;
}
.styles_remainingColumnsGrid__hi1uv {
  position: absolute;
  overflow-x: auto !important;
  overflow-y: initial !important;
}
.styles_cellWrapper__fBNZ_ {
  display: flex;
  align-items: flex-end;
  padding-top: 16px;
  height: 30px;
}
.styles_cellHolder__R7vsB {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 7px;
  border-radius: 2px;
}
.styles_cellContainer__5G30s {
  background-color: var(--defaultBg);
  width: 100%;
  height: 100%;
  padding-top: 48px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_cellTitleContainer__eGpTE {
  padding-top: 8px;
  font-size: 16px;
}
.styles_unitValue__ga4GL {
  height: 30px;
}
.styles_numberCell__Y2EhP {
  text-align: right !important;
}
.styles_innerFirstCell__gHZ7c {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  font-size: 16px;
  font-weight: bold;
}
.styles_cellHolderWrapper__PAMUB {
  width: 100%;
  display: flex;
  padding-left: 12px;
  padding-top: 10px;
}
.styles_numberCellHolder__t6cGr {
  display: flex;
  justify-content: flex-end;
  padding-right: 12px;
}
.styles_addRecordContainer__3te8G {
  border-radius: 50%;
  background: linear-gradient(-135.28deg, #7b67ee 0%, #9788f2 100%);
  box-shadow: 0 6px 14px 0 rgba(123, 103, 238, 0.3);
  z-index: 1;
  cursor: pointer;
}
.styles_addRecordContainer__3te8G.styles_visible__JRvEg {
  transition: transform 0.3s;
  transform: translate3d(-50px, 0, 0);
}
.styles_btnWrapper__7EEsE {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.styles_btnWrapper__7EEsE:active {
  background-color: #413297;
}
.styles_viewToolsWrapper__Al1uc {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: var(--defaultBg);
  border-top: 1px solid var(--lineColor);
}
.styles_menuOpenContainer__2yg_M {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_menuIconWrapper__zky8L {
  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);
}
.styles_textarea__kITT5 {
  width: 100%;
  resize: none;
  max-height: 157px;
  min-height: 73px !important;
  text-indent: 0 !important;
  padding: 6px 8px !important;
}
.styles_textarea__kITT5.styles_error__2ZwPO {
  border-color: var(--errorColor);
}
.styles_textarea__kITT5.styles_readOnly__8Gotp {
  border: none;
  color: var(--fc1) !important;
  opacity: 1 !important;
}
.styles_count__uMi1t {
  text-align: right;
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  margin-bottom: 0;
}
.styles_count__uMi1t.styles_error__2ZwPO {
  color: var(--errorColor);
}
.styles_currentSearchCell__wIAed {
  background-color: var(--orange_50) !important;
  border-radius: 4px;
}
.styles_foundMarkMobileHeadCell__UuoQx {
  background-color: var(--fc16);
  width: -webkit-min-content;
  width: min-content;
  max-width: calc(100% - 8px);
  border-radius: 4px;
}
.styles_foundMarkCell__Px_rU {
  background-color: var(--fc16);
  width: -webkit-min-content;
  width: min-content;
  max-width: calc(100% - 8px);
  border-radius: 4px;
  height: 30px;
}
.styles_hiddenAll__Zn_Kk {
  height: "100%";
  background-color: var(--defaultBg);
  border-radius: 8px;
}
.styles_titleCell__6ZS3g {
  font-weight: bold;
}
.styles_singleBtn__kpmXL .am-modal-footer .am-modal-button:last-child::before {
  top: 0 !important;
  height: 1px !important;
  color: var(--fc5) !important;
  background-color: var(--fc5) !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__UgeHV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qF9XR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NPfxm ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NPfxm ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NPfxm 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__NPfxm ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NPfxm li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NPfxm .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NPfxm .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NPfxm .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NPfxm .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__U44rC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__9Gw62 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__IWK07 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__IWK07 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__IWK07 .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__IWK07 .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__IWK07 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__IWK07 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__IWK07 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__IWK07 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__IWK07 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__IWK07 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__IWK07 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__IWK07 .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__IWK07 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__IWK07 .editBgColor::before,
.style_tree__IWK07 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__IWK07 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__IWK07 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__IWK07 .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__IWK07 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__IWK07 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__IWK07 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__IWK07 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__IWK07 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__IWK07 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__mttyW .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__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__mttyW .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__mttyW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__mttyW .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__mttyW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__mttyW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__pgMyn .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__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__pgMyn .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__pgMyn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__pgMyn .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__pgMyn .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__pgMyn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pgMyn .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__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__pgMyn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__pMXex::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__pMXex::-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__pMXex:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Ik3_2::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Ik3_2::-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__Ik3_2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8zK2B {
  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__WV8jC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__WV8jC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__WV8jC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__WV8jC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__WV8jC {
    flex: 0 0 100%;
  }
}
.style_changesetItemHeader__Sr6Gz {
  display: flex;
  align-items: center;
}
.style_changesetItemHeader__Sr6Gz svg {
  color: var(--fc3);
}
.style_changesetItemHeader__Sr6Gz + svg {
  margin: 0 8px;
}
.style_changesetItemHeader__Sr6Gz.style_inline__2TZ0Q {
  display: inline-flex;
}
.style_changesetItemHeader__Sr6Gz .style_iconType__gYlc6 {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_changesetItemHeader__Sr6Gz:not(.style_old__r1rpF) {
  cursor: pointer;
}
.style_changesetItemHeader__Sr6Gz:not(.style_old__r1rpF):hover {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__Sr6Gz:not(.style_old__r1rpF):hover svg {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__Sr6Gz:not(.style_old__r1rpF):active {
  color: var(--deepPurple_600);
}
.style_changesetItemHeader__Sr6Gz:not(.style_old__r1rpF):active svg {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__Sr6Gz.style_old__r1rpF {
  opacity: 0.5;
  position: relative;
}
.style_changesetItemHeader__Sr6Gz.style_old__r1rpF::before {
  position: absolute;
  content: "";
  border-top: 1px solid var(--thirdLevelText);
  width: 100%;
  top: 10px;
}
.style_changesetItemHeader__Sr6Gz .style_text__ap9H_ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 63px;
}
.style_changesetItemHeader__Sr6Gz .style_block__MPmv6 {
  max-width: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__XtizS {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__TUvyM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Apxky ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Apxky ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Apxky 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__Apxky ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Apxky li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Apxky .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Apxky .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Apxky .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Apxky .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Umn2S {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ug_La {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__rITje .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__rITje .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__rITje .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__rITje .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__rITje .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__rITje .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__rITje .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__rITje .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__rITje .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__rITje .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__rITje .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__rITje .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__rITje .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__rITje .editBgColor::before,
.style_tree__rITje .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__rITje .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__rITje .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__rITje .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__rITje .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__rITje .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__rITje .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__rITje .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__rITje .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__rITje .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__pxLnG .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__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__pxLnG .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__pxLnG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__pxLnG .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__pxLnG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__pxLnG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__9Ig4G .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__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__9Ig4G .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__9Ig4G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__9Ig4G .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__9Ig4G .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__9Ig4G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9Ig4G .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__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__9Ig4G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lugX4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lugX4::-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__lugX4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__50Npb::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__50Npb::-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__50Npb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__OEGBD {
  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__FzndU {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__FzndU {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__FzndU {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__FzndU {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__FzndU {
    flex: 0 0 100%;
  }
}
.style_commentPopover__JE0EM .ant-popover-inner-content {
  padding: 8px 8px 4px;
}
.style_icon__ZsW9A {
  color: var(--fc3) !important;
}
.style_changesetAction__Fh2JN {
  font-size: 13px;
  padding-bottom: 4px;
}
.style_changesetAction__Fh2JN .workdocBtn {
  margin: 4px 2px;
  cursor: inherit;
}
.style_changesetAction__Fh2JN .workdocBtn > svg {
  fill: var(--secondLevelText);
}
.style_changesetAction__Fh2JN .workdocBtn > div {
  color: var(--secondLevelText) !important;
  white-space: inherit !important;
}
.style_changesetAction__Fh2JN .optionCellContainer .unitMember {
  margin: 4px 2px;
  background-color: var(--lowestBg);
}
.style_changesetAction__Fh2JN .optionCellContainer > div:not(.link) {
  border: 1px solid var(--static-white);
}
.style_changesetAction__Fh2JN .optionCellContainer .link {
  background-color: var(--lowestBg);
}
.style_changesetAction__Fh2JN .dateTimeValue {
  display: inline;
}
.style_changesetAction__Fh2JN img,
.style_changesetAction__Fh2JN .link:last-child,
.style_changesetAction__Fh2JN .tabItem:last-child,
.style_changesetAction__Fh2JN .cellDateTimeDate {
  margin-right: 0 !important;
}
.style_changesetAction__Fh2JN .time {
  margin-left: 4px !important;
}
.style_changesetAction__Fh2JN img:not(.image) {
  object-fit: contain;
}
.style_changesetAction__Fh2JN img {
  cursor: auto !important;
  object-fit: cover;
  width: 28px;
  height: 28px;
}
.style_changesetAction__Fh2JN .ratingCell > div {
  cursor: auto;
}
.style_changesetAction__Fh2JN .currencyLeft {
  display: block !important;
}
.style_changesetAction__Fh2JN .cellText:not(.currencyLeft) {
  display: inline !important;
}
.style_changesetAction__Fh2JN .ratingCell,
.style_changesetAction__Fh2JN .checkboxCell {
  display: inline !important;
  padding-top: 4px !important;
}
.style_changesetAction__Fh2JN .optionCellContainer {
  display: inline-flex !important;
}
.style_changesetAction__Fh2JN .attachmentContainer {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.style_changesetAction__Fh2JN .emoji-mart-emoji {
  transform: scale(0.86);
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_diff__BV8cM,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_old__Wy94H,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_new__4L6Kj {
  margin: 0;
  display: inline-flex;
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_diff__BV8cM > div,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_old__Wy94H > div,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_new__4L6Kj > div {
  padding: 0 !important;
  background-color: transparent;
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_diff__BV8cM .img,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_old__Wy94H .img,
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_new__4L6Kj .img {
  border: 0;
  margin-bottom: 4px;
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_diff__BV8cM .img {
  background-color: var(--defaultBg);
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_old__Wy94H .img {
  background-color: rgba(var(--static-delete-bg-rgb), 50%);
  opacity: 0.8;
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__Fh2JN .style_attachment__Xp4YQ.style_new__4L6Kj .img {
  background-color: rgba(var(--static-add-bg-rgb), 0.7);
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__Fh2JN .style_text__mpcWD.style_old__Wy94H {
  display: inline;
}
.style_changesetAction__Fh2JN .style_text__mpcWD.style_old__Wy94H > div {
  display: inline !important;
  margin-right: 8px;
}
.style_changesetAction__Fh2JN .style_text__mpcWD.style_new__4L6Kj {
  display: inline;
}
.style_changesetAction__Fh2JN .style_text__mpcWD.style_new__4L6Kj > div:not(.currencyLeft) {
  display: inline !important;
}
.style_changesetAction__Fh2JN .style_header__ttx2T {
  position: relative;
  color: var(--secondLevelText);
  font-size: 12px;
  height: 20px;
}
.style_changesetAction__Fh2JN .style_header__ttx2T .fieldTitle {
  font-size: 12px;
}
.style_changesetAction__Fh2JN .style_diff__BV8cM {
  margin-bottom: 4px;
}
.style_changesetAction__Fh2JN .style_diff__BV8cM > div {
  background-color: var(--defaultBg);
  flex-wrap: wrap;
  padding: 0 4px;
  white-space: inherit;
}
.style_changesetAction__Fh2JN .style_old__Wy94H {
  opacity: 0.8;
}
.style_changesetAction__Fh2JN .style_old__Wy94H:not(> .optionCellContainer > .unitMember) {
  text-decoration-line: line-through;
}
.style_changesetAction__Fh2JN .style_old__Wy94H .optionCellContainer > div {
  opacity: 0.5;
}
.style_changesetAction__Fh2JN .style_old__Wy94H .workdocBtn > div,
.style_changesetAction__Fh2JN .style_old__Wy94H .unitName,
.style_changesetAction__Fh2JN .style_old__Wy94H .time,
.style_changesetAction__Fh2JN .style_old__Wy94H .cellDateTimeDate,
.style_changesetAction__Fh2JN .style_old__Wy94H .link,
.style_changesetAction__Fh2JN .style_old__Wy94H .optionText,
.style_changesetAction__Fh2JN .style_old__Wy94H .cellText {
  text-decoration-line: line-through;
}
.style_changesetAction__Fh2JN .style_old__Wy94H .checkboxCell > span,
.style_changesetAction__Fh2JN .style_old__Wy94H .ratingCell > div {
  position: relative;
}
.style_changesetAction__Fh2JN .style_old__Wy94H .checkboxCell > span::before,
.style_changesetAction__Fh2JN .style_old__Wy94H .ratingCell > div::before {
  position: absolute;
  content: "";
  border-top: 1px solid var(--fc2);
  width: 100%;
  top: 8px;
  z-index: 1;
}
.style_changesetAction__Fh2JN .style_old__Wy94H > div {
  background-color: rgba(var(--static-delete-bg-rgb), 0.5);
  color: var(--fc2);
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0 4px;
  white-space: inherit;
}
.style_changesetAction__Fh2JN .style_old__Wy94H > div > div:last-child {
  margin-right: 0;
}
.style_changesetAction__Fh2JN .style_new__4L6Kj {
  margin-top: 4px;
}
.style_changesetAction__Fh2JN .style_new__4L6Kj > div {
  background-color: rgba(var(--static-add-bg-rgb), 0.7);
  color: var(--fc2);
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0 4px;
  white-space: inherit;
}
.style_changesetAction__Fh2JN .style_new__4L6Kj > div > div:last-child {
  margin-right: 0;
}
.style_activityItem__F_oLQ {
  display: flex;
  align-self: start;
  flex-direction: column;
  padding: 16px 16px 0;
  width: 100%;
}
.style_activityHeader__QiKCT {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.style_activityBody__uRMJo {
  width: 100%;
}
.style_emojiList__Zvyep {
  -webkit-user-select: none;
          user-select: none;
}
.style_emojiList__Zvyep > span {
  cursor: pointer;
  margin-left: 12px;
}
.style_emojiList__Zvyep > span:first-child {
  position: relative;
  margin-left: 0;
  margin-right: 12px;
}
.style_emojiList__Zvyep > span:first-child::after {
  content: " ";
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: -13px;
  background: var(--fc5);
  z-index: 3;
  transform: translateY(-50%);
  opacity: 1 !important;
}
.style_activityHeaderLeft__ElHml {
  margin-right: 8px;
}
.style_activityHeaderRight__rNHAI {
  flex: 1;
  width: calc(100% - 40px);
}
.style_activityHeaderRight__rNHAI .style_nickName__NBeuP {
  font-size: 13px;
  color: var(--secondLevelText);
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.style_activityHeaderRight__rNHAI .style_name__XqyP8 {
  display: inline-block;
  max-width: 84px;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 2px;
}
.style_activityHeaderRight__rNHAI .style_op__Bb2x9 {
  white-space: pre-wrap;
  margin-left: 2px;
}
.style_activityHeaderRight__rNHAI .style_activityInfo__3sBFb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_activityHeaderRight__rNHAI .style_activityInfo__3sBFb svg {
  cursor: pointer;
}
.style_activityHeaderRight__rNHAI .style_relativeTime__Yl2mW {
  font-size: 12px;
  color: var(--thirdLevelText);
  cursor: pointer;
  margin-right: 4px;
}
.style_activityHeaderRight__rNHAI .style_activityAction__p4O4Q {
  display: flex;
  align-items: center;
}
.style_title__cGIeS {
  display: flex;
  flex-direction: column;
}

/**
* 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__g38yI {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__uhae_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__KqEux ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__KqEux ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__KqEux 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__KqEux ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__KqEux li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__KqEux .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__KqEux .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__KqEux .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__KqEux .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__eoyob {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__RTL14 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__tT_Sg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__tT_Sg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__tT_Sg .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__tT_Sg .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__tT_Sg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__tT_Sg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__tT_Sg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__tT_Sg .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__tT_Sg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__tT_Sg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__tT_Sg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__tT_Sg .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__tT_Sg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__tT_Sg .editBgColor::before,
.style_tree__tT_Sg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__tT_Sg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__tT_Sg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__tT_Sg .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__tT_Sg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__tT_Sg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__tT_Sg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__tT_Sg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__tT_Sg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__tT_Sg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__iYYsD .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__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__iYYsD .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__iYYsD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__iYYsD .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__iYYsD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__iYYsD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__OgFZ8 .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__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__OgFZ8 .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__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__OgFZ8 .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__OgFZ8 .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__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OgFZ8 .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__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__OgFZ8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lzjrS::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lzjrS::-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__lzjrS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UdAEF::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UdAEF::-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__UdAEF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Ud95A {
  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__YUG2V {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__YUG2V {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__YUG2V {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__YUG2V {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__YUG2V {
    flex: 0 0 100%;
  }
}
.style_activityContainer__o9FMe {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
}
.style_empty__6pSLf {
  height: 100%;
}
.style_activityList__UlC3O {
  display: flex;
  flex-direction: column-reverse;
  will-change: transform;
  padding-bottom: 12px;
}
.style_activityList__UlC3O > div:first-child .activityHeaderRight {
  border: 0;
}
.style_activityList__UlC3O .style_loadTrigger__3_Ql5 {
  height: 1px;
}
.style_activityList__UlC3O .style_spin__w2chQ {
  margin: 8px 0;
}
.style_activityList__UlC3O .style_top__u4PIA {
  text-align: center;
  color: var(--thirdLevelText);
  font-size: 13px;
  padding: 16px 10px 4px 10px;
  line-height: 1.4;
}
.style_activityList__UlC3O .style_top__u4PIA .style_refresh__17JAb {
  display: inline-block;
}
.style_activityList__UlC3O .style_top__u4PIA a {
  display: inline;
  margin-bottom: 8px;
}
.style_activityList__UlC3O .style_top__u4PIA button {
  padding-left: 8px;
  padding-right: 8px;
}
.style_more__HpvI_ > span {
  font-size: inherit;
}
.style_spin__w2chQ {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_blankTip__p8SOz {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
}
.style_blankTip__p8SOz a {
  display: inline;
}
.style_blankTip__p8SOz img {
  margin: 0 auto;
  display: block;
  margin-bottom: 8px;
}
.style_blankTip__p8SOz div {
  width: 100%;
  text-align: center;
  color: var(--thirdLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_activityContainer__o9FMe {
    height: 100%;
  }
  .style_activityContainer__o9FMe .style_allowComment___BBt3 {
    padding-bottom: 82px;
  }
  .style_activityContainer__o9FMe .style_allowComment___BBt3.style_isReply__FN67D {
    padding-bottom: 122px;
  }
  .style_blankTip__p8SOz {
    font-size: 13px;
  }
  .style_blankTip__p8SOz img {
    width: 240px;
    height: 180px;
  }
}
.style_loadMaxList__ZpW3W {
  cursor: pointer;
  margin-bottom: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_permissionNotifcationModal__SYVzj {
  padding-top: 16px;
}
.style_permissionNotifcationModal__SYVzj h6 {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--fc1);
  text-align: center;
}
.style_permissionNotifcationModal__SYVzj p {
  padding: 0 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: var(--fc1);
}
.style_modalFooter__dhTRi {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--fc5);
  padding-top: 7px;
  padding-bottom: 9px;
}
.style_modalFooter__dhTRi .style_line__l6ohV {
  width: 1px;
  height: 18px;
  background-color: var(--fc5);
}
.style_modalFooter__dhTRi p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  width: 50%;
  margin-bottom: 0;
  cursor: pointer;
}
.style_cancel__phbck {
  color: var(--fc3);
}
.style_confirm__yVQOC {
  color: var(--fc0);
}
.style_know__e5ZnH {
  color: var(--fc1);
}

/**
* 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__ia67V {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__OBy7_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__A0mW4 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__A0mW4 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__A0mW4 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__A0mW4 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__A0mW4 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__A0mW4 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__A0mW4 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__A0mW4 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__A0mW4 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8GegX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__DFlMu {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__7q7_v .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__7q7_v .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__7q7_v .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__7q7_v .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__7q7_v .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__7q7_v .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__7q7_v .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__7q7_v .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__7q7_v .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__7q7_v .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__7q7_v .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__7q7_v .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__7q7_v .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__7q7_v .editBgColor::before,
.style_tree__7q7_v .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__7q7_v .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__7q7_v .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__7q7_v .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__7q7_v .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__7q7_v .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__7q7_v .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__7q7_v .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__7q7_v .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__7q7_v .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ucgd5 .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__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ucgd5 .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__ucgd5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ucgd5 .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__ucgd5 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ucgd5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QVJ7J .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__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QVJ7J .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__QVJ7J .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QVJ7J .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__QVJ7J .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__QVJ7J .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QVJ7J .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__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QVJ7J .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__N0QLX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__N0QLX::-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__N0QLX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ca2Jj::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ca2Jj::-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__ca2Jj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__BBGWv {
  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__eSNI8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__eSNI8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__eSNI8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__eSNI8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__eSNI8 {
    flex: 0 0 100%;
  }
}
.style_commentEditWrapper__E19gs {
  padding: 16px;
}
.style_commentEditWrapper__E19gs .style_commentSlateEditor__C2_sY {
  word-break: break-word;
}
.style_borderWrapper__0adlN {
  border-radius: 4px;
  flex: 1;
  background: var(--defaultBg);
  padding-bottom: 0;
  transition: padding 0.3s;
  position: relative;
}
.style_borderWrapper__0adlN:focus {
  outline: none;
}
.style_borderWrapper__0adlN:focus-within {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_borderWrapper__0adlN.style_focus__z3flE {
  padding-bottom: 40px;
}
.style_borderWrapper__0adlN.style_focus__z3flE .style_submitWrapper__NfpRe {
  height: 40px;
  opacity: 1;
}
.style_submitWrapper__NfpRe {
  transition: opacity 0.3s;
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 0;
  overflow: hidden;
  display: flex;
  opacity: 0;
  justify-content: space-between;
  padding: 0 8px;
  width: 100%;
}
.style_submitWrapper__NfpRe .style_shortKeyTip__H6fTM {
  font-size: 12px;
  color: var(--fourthLevelText);
  line-height: 50px;
}
.style_editor__rQTYL {
  background: var(--defaultBg);
  max-width: 100%;
  word-break: break-all;
}
@media screen and (min-width: 767.98px) {
  .style_borderWrapper__0adlN.style_focus__z3flE .style_editor__rQTYL {
    min-height: 62px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .style_commentEditWrapper__E19gs {
    background: var(--fc6);
    width: 100%;
    padding: 16px 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    border-top: 1px solid var(--lineColor);
    box-shadow: 0px -2px 16px rgba(38, 38, 38, 0.04);
  }
  .style_commentEditWrapper__E19gs .style_commentEdit__eKgmW {
    display: flex;
  }
  .style_editor__rQTYL {
    border-radius: 8px;
  }
  .style_borderWrapper__0adlN.style_focus__z3flE {
    padding-bottom: 0;
  }
  .style_submitWrapper__NfpRe {
    height: 42px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 1;
    right: 0;
    width: auto;
  }
  .style_submitWrapper__NfpRe button {
    font-size: 16px !important;
    padding-right: 0 !important;
  }
  .style_submitWrapper__NfpRe button:hover,
  .style_submitWrapper__NfpRe button:active {
    background: none !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__FZ52d {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__P72eO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__o1bWX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__o1bWX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__o1bWX 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__o1bWX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__o1bWX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__o1bWX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__o1bWX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__o1bWX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__o1bWX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__4M0ti {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__JeFoW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__IuSEN .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__IuSEN .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__IuSEN .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__IuSEN .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__IuSEN .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__IuSEN .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__IuSEN .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__IuSEN .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__IuSEN .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__IuSEN .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__IuSEN .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__IuSEN .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__IuSEN .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__IuSEN .editBgColor::before,
.style_tree__IuSEN .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__IuSEN .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__IuSEN .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__IuSEN .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__IuSEN .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__IuSEN .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__IuSEN .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__IuSEN .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__IuSEN .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__IuSEN .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__rDQte .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__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__rDQte .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__rDQte .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__rDQte .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__rDQte .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__rDQte .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__WI4ny .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__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__WI4ny .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__WI4ny .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__WI4ny .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__WI4ny .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__WI4ny .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WI4ny .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__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__WI4ny .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__0a3e_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__0a3e_::-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__0a3e_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8glg9::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8glg9::-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__8glg9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__DyFS7 {
  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__e4KQE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__e4KQE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__e4KQE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__e4KQE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__e4KQE {
    flex: 0 0 100%;
  }
}
.ant-dropdown-trigger {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu .active {
  background-color: var(--rowSelectedBg);
  color: var(--primaryColor);
}
.ant-dropdown-menu-item:hover {
  background-color: var(--rowSelectedBg) !important;
  border-radius: 4px;
}
.style_paneSelectItem__GdA9D button {
  margin-right: 8px;
}
.style_activitySelect__zoyFc {
  color: var(--secondLevelText);
}
.style_activitySelect__zoyFc .style_selectIcon__oIqWG {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_activitySelect__zoyFc .style_selectIcon__oIqWG svg {
  transition: transform 0.3s;
}
.style_activitySelect__zoyFc .style_selectIcon__oIqWG.style_open__eICBh svg {
  transform: rotate(180deg);
}
.style_activityPane__FZ3X6 {
  width: 30%;
  max-width: 30%;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  background-color: var(--bgCommonLower);
  border-bottom-right-radius: 8px;
  position: relative;
}
.style_activityPane__FZ3X6 .style_paneHeader__St1ZK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--borderCommonDefault);
}
.style_activityPane__FZ3X6 .style_paneHeader__St1ZK .style_paneTitle__HeWUH {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  line-height: 22px;
}
.style_activityPane__FZ3X6 .style_paneHeader__St1ZK .style_paneTitle__HeWUH a {
  display: inline-block;
}
.style_activityPane__FZ3X6 .style_paneHeader__St1ZK .optionLabel,
.style_activityPane__FZ3X6 .style_paneHeader__St1ZK .placeholder {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_activityPane__FZ3X6 .style_panelBottom__Bjx8j {
  position: relative;
  width: 100%;
}
.style_dividerLine__RLbEh {
  background: var(--borderCommonDefault);
  height: 1px;
  width: calc(100% - 48px);
  margin: 0 24px 0;
}
@media screen and (min-width: 767.98px) {
  .style_paneHeader__St1ZK {
    padding: 9px 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_dividerLine__RLbEh {
    display: none;
  }
  .style_listContent__h468G {
    background-color: var(--defaultBg) !important;
  }
  .style_listContent__h468G > div > div {
    border: 0;
    line-height: 32px;
    height: auto;
  }
  .style_activityPane__FZ3X6 {
    border-radius: 0;
    flex-shrink: 0;
    max-width: 100%;
    padding-top: 44px;
    width: 100%;
  }
  .style_activityPane__FZ3X6 .style_paneHeader__St1ZK {
    line-height: 40px;
    padding: 0 24px;
  }
  .style_activityPane__FZ3X6 .style_paneTitle__HeWUH {
    display: none;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_trigger__geu26 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  min-width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  position: relative;
}
.style_trigger__geu26:focus,
.style_trigger__geu26:hover {
  background-color: rgba(var(--defaultBg-rgb), 30%) !important;
}
.style_moreToolItem__eC_By {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
}
.style_moreToolItem__eC_By:active {
  background-color: rgba(var(--defaultBg-rgb), 30%);
}
.style_moreToolItem__eC_By .style_moreToolBtn__GvY0o {
  font-size: 16px;
  padding: 0;
}
.style_moreToolItem__eC_By svg {
  margin-right: 4px;
  fill: currentColor;
}
.style_moreToolItem__eC_By .style_toolName__B6NmE {
  color: var(--static-white);
  font-size: 15px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__j_eJ4 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__7jPqs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___jih9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___jih9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___jih9 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___jih9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___jih9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___jih9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___jih9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___jih9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___jih9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__fNXkb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__6i_iL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CXKz7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CXKz7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CXKz7 .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__CXKz7 .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__CXKz7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CXKz7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CXKz7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CXKz7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CXKz7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CXKz7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CXKz7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CXKz7 .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__CXKz7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CXKz7 .editBgColor::before,
.style_tree__CXKz7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CXKz7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CXKz7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CXKz7 .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__CXKz7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CXKz7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CXKz7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CXKz7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CXKz7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CXKz7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__a5JQ2 .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__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__a5JQ2 .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__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__a5JQ2 .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__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__a5JQ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__42vnZ .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__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__42vnZ .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__42vnZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__42vnZ .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__42vnZ .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__42vnZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__42vnZ .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__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__42vnZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__UisdF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__UisdF::-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__UisdF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Tcw_q::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Tcw_q::-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__Tcw_q:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__aGOdZ {
  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__3Mhvr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3Mhvr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3Mhvr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3Mhvr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3Mhvr {
    flex: 0 0 100%;
  }
}
.style_linkEditorPortalContainer__IQkM_ {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: var(--linkEditorZIndex);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
}
.style_linkCard___ce7Z {
  width: 540px;
  height: 630px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  padding-top: 24px;
  overflow: hidden;
  position: relative;
}
.style_linkCard___ce7Z.style_rightLayout__pMCi5 {
  transform: translateX(50%);
}
.style_linkCard___ce7Z .style_iconClose__KA9FK {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_linkCard___ce7Z .style_linkCardTitle__o9Z8m {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  margin-bottom: 16px;
  color: var(--fc1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_linkCard___ce7Z .style_addRecord__IQ6oa {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  border-top: solid 1px var(--lineColor);
}
.style_linkCard___ce7Z .style_addRecord__IQ6oa.style_active__ZY7FO button {
  color: var(--secondLevelText);
}
.style_linkCard___ce7Z .style_searchValue__gf0lH {
  display: inline-block;
  max-width: 230px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cardMiddle__46__x {
  height: 486px;
  position: relative;
  padding-top: 8px;
  overflow: hidden;
}
.style_cardMiddle__46__x .style_empty__aEWac {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_cardMiddle__46__x .style_empty__aEWac .style_text__XLHfZ {
  text-align: center;
  color: var(--thirdLevelText);
  font-size: 13px;
  margin-top: 16px;
  margin-bottom: 32px;
}
.style_recordListContainer__ZxdUM {
  height: 100%;
  width: 100%;
  position: relative;
}
.style_recordListContainer__ZxdUM > div > div {
  overflow-y: scroll !important;
}
.style_recordListContainer__ZxdUM > div > div::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_recordListContainer__ZxdUM > div > div::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_recordListContainer__ZxdUM > div > div::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_recordListContainer__ZxdUM > div > div:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_recordListContainer__ZxdUM .style_selectWrapper__SHbTO {
  margin: 1px 12px 7px 24px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.style_recordListContainer__ZxdUM .style_selectWrapper__SHbTO.style_selected__6jIbe {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_recordListContainer__ZxdUM .style_selectWrapper__SHbTO.style_selected__6jIbe::before {
  content: " ";
  z-index: 1;
  width: 31px;
  height: 31px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--primaryColor);
}
.style_recordListContainer__ZxdUM .style_selectWrapper__SHbTO.style_selected__6jIbe::after {
  content: " ";
  z-index: 1;
  left: 3px;
  top: 6px;
  width: 5px;
  height: 8px;
  position: absolute;
  display: table;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}
.style_mobileCard__w7j1W {
  background: var(--defaultBg) !important;
  border-radius: 8px !important;
}
.style_cardHighlight__16_mw {
  background-color: var(--orange_100) !important;
}
.style_linkTitle__C1Ajd {
  display: inline-block;
  max-width: 320px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .style_linkCard___ce7Z {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
  }
  .style_linkCard___ce7Z.style_rightLayout__pMCi5 {
    transform: none;
    display: flex;
    flex-direction: column;
  }
  .style_linkCard___ce7Z .style_addRecord__IQ6oa {
    background-color: var(--bgCommonDefault);
  }
  .style_linkTitle__C1Ajd {
    max-width: 90px;
  }
  .style_cardMiddle__46__x {
    flex: 1;
    min-height: 308px;
  }
  .style_drawerPopup__ss9Em .ant-drawer-body {
    padding: 0 !important;
  }
  .style_iconClose__KA9FK {
    background-color: var(--rowSelectedBg);
    border-radius: 50%;
  }
  .style_recordListContainer__ZxdUM .style_selectWrapper__SHbTO {
    margin-right: 24px;
    margin-bottom: 8px;
  }
}
.style_loadingWrap__KH8RL {
  padding: 16px;
}

.style_fieldSelect__mVL3b {
    width: 100%;
    color: var(--color-text-primary);
    background-color: var(--color-background-secondary) !important
}
.style_actionSelect__GWqxp {
    width: 100%;
    color: var(--color-text-primary);
    background-color: var(--color-background-secondary) !important
}
.style_options__SpXn1 {
    color: var(--color-text-primary);
    background-color: var(--color-background-primary-elevated) !important;
    --tw-bg-opacity: 1
}
.style_options__SpXn1 > div {
    background-color: var(--color-background-secondary) !important
}
.style_options__SpXn1 *:not(.style_isChecked__8__84) {
    color: var(--color-text-primary)
}

.style_selectControl__fC2H0 {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  font-feature-settings: normal !important;
  font-variant-numeric: normal !important;
}
.style_selectControl__fC2H0.ant-select-focused .ant-select-selector {
  border-color: #7B67EE !important;
}
.style_selectControl__fC2H0 .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.style_selectControl__fC2H0 .ant-select-selector:hover {
  border-color: #7B67EE !important;
}
.style_selectControl__fC2H0 .ant-select-selection-overflow-item-rest .ant-select-selection-item {
  border: none;
  background: transparent;
}
.style_selectControl__fC2H0 .ant-select-selection-overflow {
  padding: 0 4px;
}
.style_selectOption__mNEB_ {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.style_selectOptionColor__GAHEy {
  border-radius: 100%;
  height: 16px;
  width: 16px;
}
.style_selectTag__qol0R {
  position: relative;
  height: 28px;
  min-width: 42px;
  margin: 0 2px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.style_selectTag__qol0R.ant-tag {
  background: transparent;
  border: none;
  color: inherit;
}
.style_selectTag__qol0R .ant-tag-close-icon {
  background: transparent;
  border: none;
  color: inherit;
  z-index: 1;
  position: relative;
}
.style_selectTag__qol0R .style_selectOption__mNEB_ {
  height: 100%;
  padding: 0 4px;
  justify-content: center;
}
.style_selectTag__qol0R .style_selectOption__mNEB_ span {
  z-index: 1;
  position: relative;
}
.style_selectTag__qol0R .style_selectOptionColor__GAHEy {
  border-radius: 16px;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.style_modal__uL2t5 {
  border-radius: 16px;
  width: 100%;
  height: 564px !important;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 40px -4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.06);
  font-family: var(--ds-font-family, Inter, system-ui, sans-serif);
}
@media (max-width: 740px) {
  .style_modal__uL2t5 {
    height: auto !important;
    display: flex;
    flex-direction: column;
  }
  .style_forMobile__CaCNT {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: 15%;
  }
}
.style_leftPane__ndRX9 {
  width: 310px;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-background-inverted);
}
@media (max-width: 740px) {
  .style_leftPane__ndRX9 {
    padding: 16px;
    width: 100%;
    background-color: var(--tabs-bg-secondary);
  }
}
.style_brand__7l4rd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 740px) {
  .style_brand__7l4rd {
    padding-bottom: 16px;
  }
}
.style_leftTitle__PVXZn {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 16px;
  color: var(--color-text-inverted);
}
@media (max-width: 740px) {
  .style_leftTitle__PVXZn {
    color: var(--color-text-primary);
  }
}
.style_leftText__bB5Ab {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-secondary);
  margin: 0;
}
.style_rightPane__oWUWl {
  width: 66%;
  padding: 48px;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  background-color: var(--tabs-bg-secondary);
}
@media (max-width: 740px) {
  .style_rightPane__oWUWl {
    padding: 16px;
    width: 100%;
  }
}
.style_questionTitle__jqJFJ {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px;
  color: var(--color-text-primary);
}
.style_cardGrid__c8aB0 {
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}
@media (max-width: 740px) {
  .style_cardGrid__c8aB0 {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.style_card__UwUh_ {
  position: relative;
  border: none;
  background-color: var(--color-background-primary-elevated);
  border-radius: 14px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  min-height: 154px;
}
@media (max-width: 740px) {
  .style_card__UwUh_ {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: auto;
  }
}
.style_cardActive__b2GAk {
  border: 2px solid;
  background: var(--rainbowPurple2);
  color: var(--action);
}
[data-theme='dark'] .style_cardActive__b2GAk {
  background: rgba(216, 210, 252, 0.2);
}
.style_cardIcon__E3gUc {
  width: 52px;
  height: 52px;
  border: 1px solid;
  border-color: var(--lineColor);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  color: var(--primaryColor);
  transition: all 0.2s ease;
}
@media (max-width: 740px) {
  .style_cardIcon__E3gUc {
    margin-bottom: 0;
  }
}
.style_cardIconActive__dR__Q {
  background-color: var(--link);
  color: var(--color-text-inverted);
  border-color: var(--link);
}
.style_cardTitle__MVLeO {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--color-text-primary);
}
.style_cardDesc__PNllb {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin: 0;
}
.style_legalForm__CLQ3d {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px;
}
@media (max-width: 740px) {
  .style_legalForm__CLQ3d {
    margin-bottom: 16px;
  }
}
.style_formGroup__Wn_B2 {
  display: flex;
  flex-direction: column;
}
.style_label__hvF8F {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--color-text-primary);
}
.style_input__EDFNn {
  padding: 11px 14px;
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
  border: 1px solid var(--reverse0);
  border-radius: 10px;
  font-size: 14px;
}
.style_inputError__TYh0v {
  border-color: var(--errorColor);
}
.style_radioGroup__IA63N {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.style_radioOption__NtMQA {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--color-text-primary);
  background-color: var(--color-background-primary-elevated);
}
.style_radioOption__NtMQA input {
  margin: 0;
}
.style_errorMsg__6ct5g {
  margin-top: 6px;
  font-size: 11px;
  color: var(--errorColor);
}
.style_actionsRow__pVQZb {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
@media (max-width: 740px) {
  .style_actionsRow__pVQZb {
    justify-content: center;
  }
}
.style_submitError__yU_0R {
  margin-top: 16px;
  color: var(--errorColor);
  font-size: 12px;
  text-align: center;
}

.style_educationPreviewModal__BLgJv {
  border-radius: 16px;
  overflow: hidden;
}
.style_educationPreviewModal__BLgJv .style_imgContainer__wICcc {
  height: 180px;
  padding-bottom: 48px;
}
.style_educationPreviewModal__BLgJv .style_textContainer__MXAbj {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  padding: 48px !important;
}
.style_educationPreviewModal__BLgJv .style_textContainer__MXAbj > h2 {
  font-family: 'MTS Wide', sans-serif;
  font-size: 32px;
  font-weight: 500px;
  line-height: 36px;
}
.style_educationPreviewModal__BLgJv .style_textContainer__MXAbj > p {
  font-family: 'MTS Text', sans-serif;
  font-size: 14px;
  font-weight: 400px;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.style_educationPreviewModal__BLgJv .ant-modal-body {
  padding: 0;
}
.style_educationPreviewModal__BLgJv .ant-modal-body div {
  padding: 0;
}
.style_educationLessonModal__BHNmp {
  overflow: hidden;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw {
  display: flex;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp {
  width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--color-constant-greyscale-800);
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabsProgress__sXOCo {
  padding: 32px 24px 24px;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabsProgress__sXOCo .style_title__vNGJc {
  font-family: 'MTS Compact', sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: 500;
  padding-bottom: 12px;
  color: #fafafa;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabsProgress__sXOCo .style_progress__HpJ6H {
  font-family: 'MTS Compact', sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding-top: 8px;
  color: #626c77;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 {
  padding-bottom: 10px;
  overflow-y: scroll;
  height: 400px;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi {
  padding: 16px 24px 0;
  display: grid;
  grid-template-columns: auto auto;
  gap: 12px;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_tabsTitle__6HFFV {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_tabsDescription__70aE4 {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #7f8c9959;
  --tw-text-opacity: 1;
  color: rgb(150 159 168 / var(--tw-text-opacity, 1));
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_viewed__zKGql .style_tabsTitle__6HFFV,
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_viewed__zKGql .style_tabsDescription__70aE4 {
  color: var(--color-constant-greyscale-400);
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_check__KUQrV {
  width: 16px;
  height: 16px;
  fill: #12b23f;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_tab__KueNi .style_uncheck__wpkum {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #969fa8;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_tabs__qaYE3 .style_active__YDYsu {
  background-color: #3f464c;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_tabsContainer__e9AVp .style_footer__5Avx7 {
  padding: 24px 24px 32px;
  box-shadow: 0px 0px 20px 0px black;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_lesson__9NMiD {
  background-color: var(--static-white);
  width: 100%;
  padding: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.style_educationLessonModal__BHNmp .style_content__r3wTw .style_lesson__9NMiD h3 {
  color: var(--color-constant-greyscale-800);
  font-family: 'MTS Wide', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
.style_educationLessonModal__BHNmp .ant-modal-content {
  border: none;
}
.style_educationLessonModal__BHNmp .ant-modal-body {
  padding: 0;
}
.style_educationLessonModal__BHNmp .ant-modal-body div {
  padding: 0;
}
.style_noWrap__d1lAf {
  display: inline-block;
}
.style_mobileEducationPreviewModal__VLRPI {
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--tabs-bg-secondary);
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 15%;
}
.style_mobileEducationPreviewModal__VLRPI .style_mobileImgContainer__zEBvV {
  max-height: 120px;
  padding-bottom: 0;
}
.style_mobileEducationPreviewModal__VLRPI .style_mobileTextContainer__MrDsx {
  padding: 24px;
}
.style_mobileEducationPreviewModal__VLRPI .style_mobileTitle__8F9ch {
  font-family: 'MTS Wide', sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--color-text-primary);
  margin-bottom: 16px;
}
.style_mobileEducationPreviewModal__VLRPI .style_mobileDescription__sTko9 {
  font-family: 'MTS Text', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-secondary);
}
.style_mobileEducationLessonModal__4zjNX {
  overflow-y: auto;
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh;
  max-height: 100dvh;
  background-color: var(--tabs-bg-secondary);
  gap: 16px;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabsProgress__qORsa {
  background-color: var(--color-background-primary-elevated);
  border-radius: 14px 14px 0 0;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabsProgress__qORsa .style_mobileTitle__8F9ch {
  font-family: 'MTS Compact', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  color: var(--color-text-primary);
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev {
  border-radius: 16px;
  background-color: var(--color-background-primary-elevated);
  overflow-y: auto;
  max-height: 200px;
  flex-shrink: 0;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK {
  padding: 12px 24px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileTabsTitle__sDhHG {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileTabsDescription__byPsj {
  font-family: 'MTS Compact', sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #7f8c9959;
  --tw-text-opacity: 1;
  color: rgb(150 159 168 / var(--tw-text-opacity, 1));
  margin-top: 4px;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileViewed__3HNjT .style_mobileTabsTitle__sDhHG,
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileViewed__3HNjT .style_mobileTabsDescription__byPsj {
  color: var(--color-constant-greyscale-400);
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileCheck__aZf8U {
  width: 14px;
  height: 14px;
  fill: #12b23f;
  margin-top: 2px;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileTab__w6JxK .style_mobileUncheck__z3yq2 {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #969fa8;
  margin-top: 2px;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileTabs___kSev .style_mobileActive__rS7uA {
  background-color: #3f464c;
}
.style_mobileEducationLessonModal__4zjNX .style_mobileLessonButtons__P_H_N {
  background-color: var(--color-background-primary-elevated);
  border-radius: 0 0 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: env(safe-area-inset-bottom, 16px);
  margin-bottom: 16px;
}

.style_invalidMsg___Dc7g .style_img__1nouF {
  position: relative;
  height: 240px;
  width: 320px;
  margin: 16px auto;
}
@media screen and (max-width: 767.98px) {
  .style_invalidMsg___Dc7g .style_img__1nouF {
    width: 240px;
    height: 180px;
  }
}
.style_invalidMsg___Dc7g .style_text__f8gHz {
  text-align: center;
  color: var(--fc1);
}

/**
* 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__rjsJ6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__kBFGK {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Jxae9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Jxae9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Jxae9 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__Jxae9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Jxae9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Jxae9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Jxae9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Jxae9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Jxae9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__0fuTd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__eveUR {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__po0gy .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__po0gy .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__po0gy .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__po0gy .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__po0gy .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__po0gy .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__po0gy .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__po0gy .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__po0gy .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__po0gy .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__po0gy .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__po0gy .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__po0gy .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__po0gy .editBgColor::before,
.style_tree__po0gy .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__po0gy .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__po0gy .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__po0gy .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__po0gy .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__po0gy .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__po0gy .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__po0gy .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__po0gy .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__po0gy .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__SxkYy .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__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__SxkYy .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__SxkYy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__SxkYy .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__SxkYy .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__SxkYy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ktsrM .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__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ktsrM .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__ktsrM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ktsrM .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__ktsrM .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__ktsrM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ktsrM .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__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ktsrM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8TpQB::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8TpQB::-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__8TpQB:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Yiu6s::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Yiu6s::-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__Yiu6s:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__QT56n {
  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__9r77t {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__9r77t {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__9r77t {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__9r77t {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__9r77t {
    flex: 0 0 100%;
  }
}
@keyframes style_go__OR6zH {
  from {
    width: 0px;
  }
  to {
    width: calc(100% - 56px);
  }
}
@media screen and (min-width: 767.98px) {
  .style_notification__I6Grr {
    position: absolute;
    height: 100%;
    left: 56px;
    background: var(--lowestBg);
    background-clip: content-box;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    overflow: hidden;
    animation: style_go__OR6zH 0.3s ease-in 0s 1;
  }
  .style_notification__I6Grr .ant-tabs {
    flex: 1;
    width: 100%;
    height: calc(100vh - 125px);
  }
  .style_notification__I6Grr .ant-tabs-tab,
  .style_notification__I6Grr .ant-tabs-tab:hover {
    color: var(--secondLevelText);
  }
  .style_notification__I6Grr .ant-tabs-nav .ant-tabs-tab {
    padding: 0 0 2px 0;
    margin-right: 29px;
    width: 100px;
    height: 32px;
    display: flex;
    justify-content: center;
  }
  .style_notification__I6Grr .ant-tabs-tab-active {
    color: var(--primaryColor) !important;
  }
  .style_notification__I6Grr .ant-tabs-nav-container {
    max-width: 1100px;
    width: 100%;
    margin: 0 40px;
    border-bottom: 2px solid var(--lineColor);
    overflow: visible;
  }
  .style_notification__I6Grr .ant-tabs-content {
    height: calc(100vh - 125px - 56px - 25px);
    overflow: auto;
  }
  .style_notification__I6Grr .ant-tabs-nav-wrap {
    border-bottom-width: 2px;
    border: none;
    height: calc(56px - 24px);
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
  }
  .style_notification__I6Grr .ant-tabs-top > .ant-tabs-nav {
    margin: 0;
    margin-bottom: 0;
  }
  .style_notification__I6Grr .ant-tabs-top > .ant-tabs-nav::before {
    border: none;
  }
  .style_notification__I6Grr .ant-tabs-nav-list {
    max-width: 1148px;
    padding: 0 24px;
    width: 100%;
  }
  .style_notification__I6Grr .ant-tabs-nav-list::before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    content: " ";
    margin: 0 24px;
    border-bottom: 2px solid var(--borderCommonDefault);
  }
  .style_notification__I6Grr .ant-tabs-top .ant-tabs-ink-bar-animated {
    width: 100px;
  }
  .style_notification__I6Grr .ant-tabs-ink-bar {
    background-color: var(--primaryColor);
  }
  .style_notification__I6Grr .ant-tabs-tabpane {
    overflow-y: auto;
  }
}
.style_newMsgFromWs__xkv1W {
  position: absolute;
  top: 160px;
  height: 40px;
  background: var(--primaryColor);
  color: var(--defaultBg);
  font-size: 14px;
  padding: 10px 16px;
  border-radius: 20px;
  box-shadow: 0px 1px 15px 0px rgba(125, 130, 153, 0.2);
  cursor: pointer;
  z-index: 1;
}
.style_content__tOIR1 {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.style_top__iJYZC {
  width: 100%;
  display: flex;
  justify-content: center;
  height: 125px;
  padding: 40px;
}
.style_title__09ByE {
  max-width: 1100px;
  width: 100%;
  height: 45px;
  font-size: 32px;
  font-weight: bold;
  color: var(--firstLevelText);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.style_tabs__Ox3NZ .ant-tabs-nav::before {
  border: 0 !important;
}
.style_tabContent__ic2vl {
  width: 100%;
  height: 100%;
  overflow: overlay;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_cardWrapper__n8BCU {
  max-width: 1148px;
  padding: 0 24px;
  width: 100%;
  z-index: 1;
}
.style_tabBottomText__9jdu8 {
  font-size: 12px;
  color: var(--thirdLevelText);
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tabBottomText__9jdu8 .ant-btn::before {
  background: transparent;
}
.style_noticeListLoading__U81Gj {
  height: 100%;
  background: transparent;
}
.style_allToReadWrap__AV1Mw {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .style_notification__I6Grr {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    animation: style_go__OR6zH 0.3s ease-in 0s 1;
    padding: 0 24px;
  }
  .style_notification__I6Grr .style_content__tOIR1 {
    height: 100%;
  }
  .style_notification__I6Grr .style_content__tOIR1 .style_top__iJYZC {
    position: absolute;
    right: 8px;
    top: 58px;
  }
  .style_notification__I6Grr .style_cardWrapper__n8BCU {
    margin: 0;
    padding: 0;
  }
  .style_notification__I6Grr .ant-tabs {
    flex: 1;
    width: 100%;
    height: 100%;
  }
  .style_notification__I6Grr .ant-tabs-content {
    height: 100%;
  }
  .style_notification__I6Grr .ant-tabs-content-holder {
    height: 100%;
  }
  .style_notification__I6Grr .ant-tabs-tabpane {
    height: 100%;
  }
  .style_notification__I6Grr .style_tabContent__ic2vl {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .style_allToReadWrap__AV1Mw {
    top: 16px;
    z-index: 1;
  }
  .style_allToReadWrap__AV1Mw .btn {
    color: var(--secondLevelText);
  }
  .style_allToReadWrap__AV1Mw .btn svg {
    fill: var(--thirdLevelText);
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
@keyframes style_fadeIn__m7U5A {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.style_hover__ruMqK {
  background-color: var(--rowSelectedBg);
}
.style_searchWrapper__XdiC7 {
  width: 100%;
  height: 100%;
  transform-origin: right center;
  animation: style_fadeIn__m7U5A 0.3s ease;
  display: flex;
  flex-direction: column;
}
.style_searchWrapper__XdiC7 .style_searchContent__Tp5xE {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  flex: 1;
  overflow: hidden;
}
.style_searchWrapper__XdiC7 .style_search__quSBC .style_searchInput__ol8Wi {
  padding: 0 16px;
  text-indent: 0;
  width: 100%;
  height: 40px;
  border-color: var(--borderCommonDefault);
}
.style_searchWrapper__XdiC7 .style_search__quSBC .style_searchInput__ol8Wi:focus-within {
  border-color: var(--borderBrandDefault);
}
.style_searchWrapper__XdiC7 .style_search__quSBC .style_searchInput__ol8Wi .ant-input-prefix {
  margin-right: 2px;
}
.style_searchWrapper__XdiC7 .style_closeBtn__wNahQ {
  display: flex;
  cursor: pointer;
}
.style_searchWrapper__XdiC7 .style_nodeList__Gjn1s {
  position: absolute;
  padding: 0 16px;
  top: 96px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  flex: 1;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 0 0 8px 8px;
}
.style_searchWrapper__XdiC7 .style_emptyResult__rD7O3 {
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-70px);
  max-width: 100%;
  width: 320px;
  margin: 0 auto;
}
.style_searchWrapper__XdiC7 .style_emptyResult__rD7O3 img {
  width: 100%;
}
.style_searchWrapper__XdiC7 .style_emptyResult__rD7O3 .style_tip__R5aUX {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-top: 8px;
  text-align: center;
}
.style_searchWrapper__XdiC7 .style_title__u9AQx {
  height: 32px;
  font-size: 12px;
  color: var(--thirdLevelText);
  line-height: 32px;
  margin-left: 20px;
}
.style_searchWrapper__XdiC7 .style_title__u9AQx:nth-child(1) {
  margin-top: 8px;
}
.style_modalHeader__pAU9N {
  display: flex;
  align-items: center;
}
.style_modalHeader__pAU9N .style_titleSearchIcon__qNfwy {
  margin-right: 10px;
}
.style_modalWrapper__XwxMS {
  height: calc(100vh - 160px) !important;
}
.style_modalWrapper__XwxMS .ant-modal-header {
  padding: 16px;
}
.style_modalWrapper__XwxMS .ant-modal-body {
  flex: 1;
  padding: 0 !important;
}
.style_modalWrapper__XwxMS .ant-modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.style_tabWrapper__wAN9A {
  z-index: 2;
  display: flex;
  align-content: center;
  padding: 16px 0;
  overflow-x: auto;
}
.style_tabWrapper__wAN9A .style_typeTabItem__EMSdK {
  padding: 3px 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--textCommonPrimary);
  cursor: pointer;
  border-radius: 4px;
  white-space: nowrap;
}
.style_tabWrapper__wAN9A .style_typeTabItemActive__YpUXp {
  background-color: var(--bgBrandLightDefault);
  color: var(--textBrandDefault);
}
.style_defaultContent__v2djl {
  max-width: 100%;
  width: 358px;
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-70px);
}
.style_defaultContent__v2djl img {
  width: 100%;
}
.style_footerTips__LFnGB {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--bgControlsDegradeDefault);
  border-radius: 0 0 8px 8px;
}
.style_footerTips__LFnGB .style_footerIconBox__Ts063 {
  padding: 4px;
  background-color: var(--bgControlsElevateDefault);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.style_footerTipsEsc__NG9Ex {
  justify-content: end;
}
.style_footerTipsEsc__NG9Ex .style_footerIconBox__Ts063 {
  padding: 1px 8px;
}
.style_loadingWrap__hh_Pi {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  transform: translateY(-16px);
}
.style_loadingWrap__hh_Pi .style_loading__DiVJL {
  position: inherit;
  background-color: transparent;
  margin-bottom: 10px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__sSz_H {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Ec9NU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__yd3ev ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__yd3ev ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__yd3ev 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__yd3ev ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__yd3ev li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__yd3ev .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__yd3ev .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__yd3ev .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__yd3ev .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter____Z2K {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__BkUUZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zsAEx .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zsAEx .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zsAEx .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__zsAEx .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__zsAEx .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zsAEx .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zsAEx .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zsAEx .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zsAEx .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zsAEx .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zsAEx .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zsAEx .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__zsAEx .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zsAEx .editBgColor::before,
.style_tree__zsAEx .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zsAEx .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zsAEx .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zsAEx .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__zsAEx .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zsAEx .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zsAEx .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zsAEx .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zsAEx .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zsAEx .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__HWcmU .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__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__HWcmU .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__HWcmU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__HWcmU .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__HWcmU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__HWcmU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__0yThB .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__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__0yThB .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__0yThB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__0yThB .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__0yThB .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__0yThB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0yThB .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__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__0yThB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__P2Wkj::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__P2Wkj::-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__P2Wkj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__OFMDs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__OFMDs::-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__OFMDs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__XjU7G {
  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__OtoJf {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__OtoJf {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__OtoJf {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__OtoJf {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__OtoJf {
    flex: 0 0 100%;
  }
}
.style_nodeContainer__JOiR7 {
  display: flex;
  flex-direction: column;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}
.style_nodeContainer__JOiR7:hover {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__JOiR7 .style_superiorPath__2ykpk {
  line-height: 18px;
  margin-top: 4px;
  font-size: 12px;
  color: var(--thirdLevelText);
}
.style_node__P81Lc {
  width: 100%;
  line-height: 22px;
  display: flex;
  align-items: center;
}
.style_node__P81Lc .style_icon__3YmyY {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 16px;
  height: 16px;
}
.style_node__P81Lc .style_icon__3YmyY > span {
  width: 16px;
  height: 16px;
}
.style_node__P81Lc .style_icon__3YmyY svg {
  width: 16px;
  height: 16px;
  fill: var(--secondLevelText);
}
.style_node__P81Lc .style_nodeName__vMf1R {
  flex: 1;
  font-size: 14px;
  color: var(--secondLevelText);
  font-weight: normal;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_node__P81Lc .keyword {
  color: var(--primaryColor);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_createSpaceWrapper__s5woC.style_createSpaceWrapperMobile__co7Oa .style_spaceNameImg__azM1f {
  text-align: center;
}
.style_createSpaceWrapper__s5woC.style_createSpaceWrapperMobile__co7Oa .style_spaceNameImg__azM1f img {
  width: calc(100% - 150px + 48px);
  height: auto;
}
.style_createSpaceWrapper__s5woC .style_spaceNameImg__azM1f {
  display: flex;
  justify-content: center;
}
.style_createSpaceWrapper__s5woC .style_title__9nb59 {
  font-size: 26px;
  font-weight: bold;
  color: var(--firstLevelText);
  text-align: center;
  margin-top: 18px;
}
.style_createSpaceWrapper__s5woC .style_subTitle__ztJU0 {
  color: var(--secondLevelText);
  font-size: 16px;
  text-align: center;
  margin: 16px 0 30px 0;
}
.style_createSpaceWrapper__s5woC .style_errorMsg__d7FyV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_createSpaceWrapper__s5woC .style_submit__djQAI {
  margin-top: 30px;
}
.style_createSpaceWrapper__s5woC .style_tip__Ni95p {
  color: var(--secondLevelText);
  font-size: 12px;
  margin-top: 16px;
  text-align: center;
}

/**
* 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_helpMenu__Ovl4j {
  background-color: var(--highBg);
  border-radius: 8px;
  box-shadow: var(--shadowCommonHigh);
  padding: 24px 8px 16px;
}
.style_helpMenu__Ovl4j .style_title__96R5O {
  padding: 0 0 8px 16px;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l {
  display: flex;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_menuItem__YygCe {
  margin: 0;
  white-space: nowrap;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_dividerWrapper__6mNNU {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_dividerWrapper__6mNNU .style_divider__xG8Nk {
  width: 1px;
  height: 100%;
  background-color: rgba(var(--fc5-rgb), 70%);
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_left__2J7wE,
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_right__sQap0 {
  flex: 1;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_left__2J7wE {
  padding-right: 8px;
}
.style_helpMenu__Ovl4j .style_wrapper__FD88l .style_right__sQap0 {
  padding-left: 8px;
}
.style_helpBtn__LVZgY {
  width: 40px;
  height: 40px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_helpBtn__LVZgY:hover {
  background-color: var(--rowSelectedBg);
}
.style_helpBtn__LVZgY.style_active__ssTB_ {
  background-color: var(--rowSelectedBg);
}
.style_helpBtn__LVZgY.style_active__ssTB_ svg {
  fill: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_helpMenuWrapper__mNt5J {
    height: 100%;
    overflow: auto;
  }
  .style_helpMenuItem__Rl7XA {
    height: 48px;
    margin: 0 24px;
    border-bottom: 1px solid var(--lineColor);
    padding: 0;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

/**
* 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__LUZuw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__HK4ux {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__vBQ3A ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__vBQ3A ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__vBQ3A 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__vBQ3A ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__vBQ3A li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__vBQ3A .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__vBQ3A .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__vBQ3A .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__vBQ3A .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__77I7M {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___mgy0 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__7cTK6 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__7cTK6 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__7cTK6 .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__7cTK6 .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__7cTK6 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__7cTK6 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__7cTK6 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__7cTK6 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__7cTK6 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__7cTK6 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__7cTK6 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__7cTK6 .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__7cTK6 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__7cTK6 .editBgColor::before,
.style_tree__7cTK6 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__7cTK6 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__7cTK6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__7cTK6 .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__7cTK6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__7cTK6 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__7cTK6 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__7cTK6 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__7cTK6 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__7cTK6 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__uRJIl .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__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__uRJIl .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__uRJIl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__uRJIl .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__uRJIl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__uRJIl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__OA7Hy .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__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__OA7Hy .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__OA7Hy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__OA7Hy .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__OA7Hy .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__OA7Hy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OA7Hy .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__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__OA7Hy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8ZEZA::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8ZEZA::-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__8ZEZA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__LsA7O::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__LsA7O::-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__LsA7O:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8oL4e {
  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__VG_Fx {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__VG_Fx {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__VG_Fx {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__VG_Fx {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__VG_Fx {
    flex: 0 0 100%;
  }
}
.style_spaceListItem__U86PO {
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  border-radius: 4px;
  justify-content: space-between;
}
.style_spaceListItem__U86PO:hover {
  background: var(--bgBglessHover);
}
.style_spaceListItem__U86PO:hover .style_moreBtn__w8UyE {
  visibility: visible !important;
}
.style_spaceListItem__U86PO:active {
  background-color: var(--bgBglessActive);
}
.style_spaceListItem__U86PO.style_actived__LGriy .style_name__ZErlZ {
  color: var(--primaryColor);
  font-weight: bold;
}
.style_spaceListItem__U86PO.style_mobile__MpY7N {
  height: 56px;
}
.style_spaceListItem__U86PO .style_leftItem__bfuYO {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.style_spaceListItem__U86PO .style_logo__7VNQn {
  widows: 32px;
  height: 32px;
  position: relative;
}
.style_spaceListItem__U86PO .style_logo__7VNQn .style_redDot__uvGSw {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 8px;
  height: 8px;
  background-color: var(--errorColor);
  border: 1px solid var(--defaultBg);
  border-radius: 50%;
}
.style_spaceListItem__U86PO .style_name__ZErlZ {
  padding-left: 8px;
  font-size: 14px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_spaceListItem__U86PO .style_platformTag__rYdu_ {
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
.style_spaceListItem__U86PO .style_platformTag__rYdu_.ant-tooltip-open {
  display: inline-block;
}
.style_spaceListItem__U86PO .style_moreBtn__w8UyE {
  padding: 4px;
  visibility: hidden;
}
.style_spaceListItem__U86PO .style_visible__RMYZg {
  visibility: visible !important;
}
.style_menu__XgXuI {
  padding: 0 !important;
}
.style_menu__XgXuI .style_container__siwr1 {
  width: 240px;
}
.style_menu__XgXuI .ant-popover-arrow {
  display: none;
}
.style_menu__XgXuI .ant-popover-inner-content {
  padding: 4px 0 !important;
}
.style_quitSpaceContent__Uk1Gt {
  font-size: 15px;
  color: var(--secondLevelText);
}
.style_quitSpaceContent__Uk1Gt .style_spaceName__UuR1Z {
  display: inline-block;
}

/**
* 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_spaceList__ide8S {
  height: 100%;
  background-color: var(--bgCommonHigh);
}
.style_spaceList__ide8S .style_scrollContainer__HVJ3I {
  height: calc(100% - 56px);
  padding: 0 4px 0 16px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.style_spaceList__ide8S .style_maxCountTips__ewsJf {
  color: var(--textCommonTertiary);
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}
.style_spaceList__ide8S .style_addSpace__Xr9g4 {
  padding: 0 8px;
  height: 48px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.style_spaceList__ide8S .style_addSpace__Xr9g4.style_disabled__JO8h_ {
  opacity: 0.5;
}
.style_spaceList__ide8S .style_addSpace__Xr9g4:hover {
  background: var(--bgBglessHover);
}
.style_spaceList__ide8S .style_addSpace__Xr9g4 .style_addIcon__Dtw2r {
  width: 32px;
  height: 32px;
}
.style_spaceList__ide8S .style_addSpace__Xr9g4 .style_name__DCW9f {
  padding-left: 8px;
  font-size: 14px;
  color: var(--firstLevelText);
}
.style_tab__Wyx30 {
  height: 100%;
}
.style_tab__Wyx30 .ant-tabs-nav {
  padding: 0 12px;
  margin-bottom: 8px !important;
}
.style_tab__Wyx30 .ant-tabs-nav::before {
  right: 24px !important;
  left: 24px !important;
}
.style_tab__Wyx30 .ant-tabs-nav-list > .ant-tabs-tab:nth-child(2) {
  margin-right: 0;
}
.style_tab__Wyx30 .ant-tabs-nav-list > .ant-tabs-tab .ant-tabs-tab-btn {
  font-weight: bold;
  color: var(--secondLevelText);
}
.style_tab__Wyx30 .ant-tabs-nav-list > .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--primaryColor) !important;
}
.style_tab__Wyx30 .ant-tabs-content,
.style_tab__Wyx30 .ant-tabs-tabpane {
  height: 100%;
}
.style_search__kIGOl {
  padding: 8px 24px;
}
.style_search__kIGOl > div {
  border-radius: 16px;
}
.style_search__kIGOl .style_searchClose__WI_V7 {
  fill: var(--black_500);
  transition: all 0.3s;
  cursor: pointer;
}
.style_search__kIGOl .style_searchClose__WI_V7:hover {
  fill: var(--black_600);
}
.style_search__kIGOl .style_searchClose__WI_V7:active {
  fill: var(--black_700);
}
.style_skeleton__p9ZO_ {
  width: 100%;
  padding: 0 24px;
}
.style_skeleton__p9ZO_ .style_tab__Wyx30 {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.style_emptyList__JRdYC {
  height: calc(100% - 56px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 48px;
}
.style_emptyList__JRdYC img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.style_emptyList__JRdYC .style_tip___a7WQ {
  font-size: 14px;
  color: var(--thirdLevelText);
  padding-top: 16px;
}
.style_emptyList__JRdYC .style_newSpace__wr_uH {
  margin-top: 40px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__4dN0O {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__9ZjRf {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__y_xJB ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__y_xJB ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__y_xJB 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__y_xJB ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__y_xJB li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__y_xJB .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__y_xJB .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__y_xJB .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__y_xJB .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___eQvm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__RyzFD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__fJeMl .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__fJeMl .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__fJeMl .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__fJeMl .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__fJeMl .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__fJeMl .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__fJeMl .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__fJeMl .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__fJeMl .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__fJeMl .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__fJeMl .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__fJeMl .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__fJeMl .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__fJeMl .editBgColor::before,
.style_tree__fJeMl .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__fJeMl .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__fJeMl .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__fJeMl .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__fJeMl .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__fJeMl .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__fJeMl .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__fJeMl .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__fJeMl .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__fJeMl .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__mjDSY .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__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__mjDSY .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__mjDSY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__mjDSY .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__mjDSY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__mjDSY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__huT5e .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__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__huT5e .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__huT5e .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__huT5e .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__huT5e .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__huT5e .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__huT5e .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__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__huT5e .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__59GeG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__59GeG::-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__59GeG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__rFmul::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__rFmul::-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__rFmul:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__GSe6y {
  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__W3EMB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__W3EMB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__W3EMB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__W3EMB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__W3EMB {
    flex: 0 0 100%;
  }
}
.style_spaceListDrawer__fIMqv .style_title__qwzeD {
  font-size: 18px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_spaceListDrawer__fIMqv .style_tip__1PZwF {
  font-size: 12px;
  color: var(--thirdLevelText);
  font-weight: normal;
}
.style_spaceListDrawer__fIMqv > * {
  transition-duration: 0.2s !important;
}
.style_spaceListDrawer__fIMqv .ant-drawer-content-wrapper {
  box-shadow: none;
}
.style_spaceListDrawer__fIMqv .ant-drawer-content {
  position: relative;
  background-color: var(--bgCommonHigh);
  border-right: 1px solid var(--borderCommonDefault);
  box-shadow: var(--shadowSideRightHigh);
}
.style_spaceListDrawer__fIMqv .ant-drawer-content,
.style_spaceListDrawer__fIMqv .ant-drawer-wrapper-body,
.style_spaceListDrawer__fIMqv .ant-drawer-content-wrapper {
  border-radius: 0 16px 16px 0;
}
.style_spaceListDrawer__fIMqv .ant-drawer-header {
  padding: 24px 24px 16px;
  border: 0;
  background: var(--bgCommonHigh) !important;
}
.style_spaceListDrawer__fIMqv .ant-drawer-title {
  font-weight: bold;
}
.style_spaceListDrawer__fIMqv .ant-drawer-close {
  padding: 24px 24px 0 0;
}
.style_spaceListDrawer__fIMqv .ant-drawer-body {
  flex: 1;
  padding: 0 !important;
  background: var(--bgCommonHigh) !important;
}
.style_spaceListDrawer__fIMqv .ant-tabs-content-holder {
  flex: 1;
}
.style_mobile__htjDc .ant-drawer-content-wrapper,
.style_mobile__htjDc .ant-drawer-content {
  border-radius: 16px 16px 0 0;
  background-color: var(--defaultBg);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_stickyUpgrade__Zq7jP {
  width: 100%;
  display: flex;
}
.style_stickyUpgrade__Zq7jP .style_stickyUpgradeContent__77wwc {
  border-radius: 0px 16px 16px 0px;
  background: var(--primaryColor);
  width: 32px;
  font-size: 14px;
  padding: 16px 7px;
  cursor: pointer;
  color: var(--static-white);
  transition: all 0.3s;
  box-shadow: 0px 2px 16px rgba(38, 38, 38, 0.16);
}
.style_stickyUpgrade__Zq7jP .style_stickyUpgradeContent__77wwc:hover {
  background: var(--deepPurple_600);
}
.style_stickyUpgrade__Zq7jP .style_stickyUpgradeContent__77wwc:active {
  background: var(--deepPurple_700);
}
.style_stickyUpgrade__Zq7jP .style_stickyUpgradeText__nhj_V {
  display: inline-block;
  font-size: 14px;
  width: 14px;
  word-wrap: break-word;
  word-break: normal;
}
.style_stickyUpgrade__Zq7jP .style_stickyUpgradeText__nhj_V.rotate {
  transform: rotate(90deg);
  white-space: pre;
  letter-spacing: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__T_khc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__eMN2Y {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__mhZem ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__mhZem ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__mhZem 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__mhZem ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__mhZem li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__mhZem .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__mhZem .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__mhZem .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__mhZem .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__JQFGx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___oqDS {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___8Air .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___8Air .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___8Air .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___8Air .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___8Air .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___8Air .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___8Air .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___8Air .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___8Air .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___8Air .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___8Air .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___8Air .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___8Air .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___8Air .editBgColor::before,
.style_tree___8Air .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___8Air .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___8Air .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___8Air .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___8Air .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___8Air .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___8Air .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___8Air .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___8Air .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___8Air .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__mmCRq .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__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__mmCRq .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__mmCRq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__mmCRq .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__mmCRq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__mmCRq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__A3UH4 .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__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__A3UH4 .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__A3UH4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__A3UH4 .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__A3UH4 .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__A3UH4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__A3UH4 .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__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__A3UH4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Uq3QJ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Uq3QJ::-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__Uq3QJ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gJfyP::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gJfyP::-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__gJfyP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7MtDr {
  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__6dRtr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__6dRtr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__6dRtr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__6dRtr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__6dRtr {
    flex: 0 0 100%;
  }
}
.style_bubbleBox__axXnr {
  position: absolute;
  top: -30px;
  right: -50px;
  padding: 0 4px;
  border-radius: 4px 4px 4px 0;
  font-size: 13px;
  font-weight: bold;
  color: var(--orange_500);
  background-color: var(--orange_50);
  line-height: 24px;
  height: 24px;
}
.style_bubbleBox__axXnr .style_arrow__AzH8b {
  position: absolute;
  top: 24px;
  left: 0;
  border: 3px solid var(--orange_50);
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.style_bubbleBox__axXnr .style_goldCoin__pyBiQ {
  display: inline-block;
  margin-top: -2px;
  margin-left: 4px;
  width: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__FzpRk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Wxsv_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__AONEG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__AONEG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__AONEG 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__AONEG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__AONEG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__AONEG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__AONEG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__AONEG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__AONEG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__A7EGf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ktu7G {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__iP4Gb .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__iP4Gb .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__iP4Gb .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__iP4Gb .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__iP4Gb .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__iP4Gb .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__iP4Gb .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__iP4Gb .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__iP4Gb .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__iP4Gb .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__iP4Gb .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__iP4Gb .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__iP4Gb .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__iP4Gb .editBgColor::before,
.style_tree__iP4Gb .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__iP4Gb .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__iP4Gb .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__iP4Gb .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__iP4Gb .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__iP4Gb .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__iP4Gb .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__iP4Gb .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__iP4Gb .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__iP4Gb .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__dv2dE .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__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__dv2dE .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__dv2dE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__dv2dE .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__dv2dE .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__dv2dE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__8a0vF .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__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__8a0vF .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__8a0vF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__8a0vF .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__8a0vF .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__8a0vF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__8a0vF .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__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__8a0vF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__rmk7O::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__rmk7O::-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__rmk7O:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iy5EI::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iy5EI::-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__iy5EI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__o4_Ni {
  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__2mgIZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2mgIZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2mgIZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2mgIZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2mgIZ {
    flex: 0 0 100%;
  }
}
.style_myInviteCode__yCYFx {
  height: 326px;
  color: var(--fc1);
}
.style_myInviteCode__yCYFx .style_rewardTip__e1m5B {
  padding-top: 8px;
  font-size: 14px;
  line-height: 22px;
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J {
  margin-top: 24px;
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_title__Xzd5n {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 18px;
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_title__Xzd5n::before {
  content: "\2022";
  display: inline-block;
  margin-right: 4px;
  font-size: 22px;
  color: var(--fc3);
  transform: translateY(3px);
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_tip__tYFX3 {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--fc3);
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_copyBox__alnqX {
  display: flex;
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_copyBox__alnqX .style_input__i_hqL {
  margin-right: 16px;
  padding-left: 8px;
  border: none;
  border-radius: 4px;
  width: 336px;
  font-size: 13px;
  background-color: var(--fc6);
}
.style_myInviteCode__yCYFx .style_wayBox__72u9J .style_copyBox__alnqX .style_input__i_hqL.style_inviteCode__QCcPb {
  padding-left: 16px;
  width: 138px;
  font-size: 16px;
  color: var(--fc0);
  font-family: Rubik;
  letter-spacing: 4px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__4MiDv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__BAFj4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Pxic3 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Pxic3 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Pxic3 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__Pxic3 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Pxic3 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Pxic3 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Pxic3 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Pxic3 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Pxic3 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__UE2cG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MhEYW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3iGeC .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3iGeC .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3iGeC .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__3iGeC .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__3iGeC .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3iGeC .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3iGeC .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3iGeC .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3iGeC .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3iGeC .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3iGeC .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3iGeC .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__3iGeC .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3iGeC .editBgColor::before,
.style_tree__3iGeC .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3iGeC .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3iGeC .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3iGeC .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__3iGeC .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3iGeC .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3iGeC .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3iGeC .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3iGeC .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3iGeC .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LfKS2 .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__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LfKS2 .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__LfKS2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LfKS2 .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__LfKS2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LfKS2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__A_Bns .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__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__A_Bns .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__A_Bns .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__A_Bns .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__A_Bns .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__A_Bns .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__A_Bns .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__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__A_Bns .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__DOMRe::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__DOMRe::-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__DOMRe:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__MaLwj::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__MaLwj::-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__MaLwj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__HouTg {
  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__C6jcE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__C6jcE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__C6jcE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__C6jcE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__C6jcE {
    flex: 0 0 100%;
  }
}
.style_tab__EoYJ9 {
  position: relative;
}
.style_modal___JjO5 .ant-tabs-top,
.style_modal___JjO5 .ant-tabs-nav-wrap {
  overflow: unset!important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__aE1LH {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__1Egme {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__m8qlF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__m8qlF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__m8qlF 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__m8qlF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__m8qlF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__m8qlF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__m8qlF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__m8qlF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__m8qlF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__gNjGt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__LdtUD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zwtVj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zwtVj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zwtVj .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__zwtVj .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__zwtVj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zwtVj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zwtVj .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zwtVj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zwtVj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zwtVj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zwtVj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zwtVj .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__zwtVj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zwtVj .editBgColor::before,
.style_tree__zwtVj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zwtVj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zwtVj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zwtVj .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__zwtVj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zwtVj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zwtVj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zwtVj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zwtVj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zwtVj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Is62S .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__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Is62S .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__Is62S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Is62S .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__Is62S .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Is62S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__udR_P .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__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__udR_P .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__udR_P .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__udR_P .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__udR_P .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__udR_P .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__udR_P .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__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__udR_P .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__7oN_v::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__7oN_v::-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__7oN_v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__HD0zJ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__HD0zJ::-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__HD0zJ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fZnzU {
  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__VF7FN {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__VF7FN {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__VF7FN {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__VF7FN {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__VF7FN {
    flex: 0 0 100%;
  }
}
.style_submitInviteCode__7UVk6 {
  height: 326px;
}
.style_submitInviteCode__7UVk6 .style_topImgBox__W4lLl {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0 24px;
  height: 130px;
}
.style_submitInviteCode__7UVk6 .style_desc__ExmkU {
  margin-bottom: 16px;
  text-align: center;
  white-space: pre-line;
}
.style_submitInviteCode__7UVk6 .style_form__fyvuV {
  margin: 0 auto 28px;
  width: 336px;
}
.style_submitInviteCode__7UVk6 .style_form__fyvuV .style_submitBtn__TeeEH {
  margin-top: 8px;
}
.style_submitInviteCode__7UVk6 .style_bottomTip__cULTr {
  font-size: 12px;
  line-height: 18px;
  color: var(--fc2);
}
.style_submitInviteCode__7UVk6 .style_bottomTip__cULTr .style_btn__I_Slg {
  text-decoration: underline;
  cursor: pointer;
}

/**
* 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__YVHzZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__CwuE_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__S0lMI ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__S0lMI ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__S0lMI 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__S0lMI ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__S0lMI li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__S0lMI .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__S0lMI .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__S0lMI .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__S0lMI .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__yEJmL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Qh2E9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__0jr5_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__0jr5_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__0jr5_ .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__0jr5_ .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__0jr5_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__0jr5_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__0jr5_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__0jr5_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__0jr5_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__0jr5_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__0jr5_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__0jr5_ .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__0jr5_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__0jr5_ .editBgColor::before,
.style_tree__0jr5_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__0jr5_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__0jr5_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__0jr5_ .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__0jr5_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__0jr5_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__0jr5_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__0jr5_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__0jr5_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__0jr5_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GmJsq .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__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GmJsq .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__GmJsq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GmJsq .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__GmJsq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GmJsq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__DAbck .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__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__DAbck .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__DAbck .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__DAbck .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__DAbck .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__DAbck .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DAbck .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__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__DAbck .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__n_IRF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__n_IRF::-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__n_IRF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__0vvR3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__0vvR3::-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__0vvR3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__F5wY5 {
  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__s_YYN {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__s_YYN {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__s_YYN {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__s_YYN {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__s_YYN {
    flex: 0 0 100%;
  }
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk {
  display: flex;
  align-items: center;
}
.style_userMenuWrapper__1qqXa .style_avatarWrap__TwpGM {
  position: relative;
  cursor: pointer;
}
.style_userMenuWrapper__1qqXa .style_avatarWrap__TwpGM .style_svgWrap__16_qJ {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--deepMaskColor);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.style_userMenuWrapper__1qqXa .style_avatarWrap__TwpGM svg {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 20px;
  top: 20px;
}
.style_userMenuWrapper__1qqXa .style_avatarWrap__TwpGM .ant-spin-blur {
  border-radius: 50%;
}
.style_userMenuWrapper__1qqXa .style_avatarWrap__TwpGM:hover .style_svgWrap__16_qJ {
  visibility: visible;
}
.style_userMenuWrapper__1qqXa .style_editNameButton__GNWsj {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
}
.style_userMenuWrapper__1qqXa .style_editNameButton__GNWsj svg {
  width: 16px;
  height: 16px;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO {
  margin-left: 16px;
  width: 192px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: default;
  position: relative;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_name__4KMW2 {
  font-size: 20px;
  display: flex;
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_name__4KMW2 span {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 28px);
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_name__4KMW2 .ant-btn {
  margin-left: 4px;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_name__4KMW2 .ant-btn:hover {
  background: transparent !important;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_name__4KMW2 svg {
  width: 16px;
  height: 16px;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_input__7GMJ7 {
  position: absolute;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_input__7GMJ7.style_err__6Xx0a,
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_input__7GMJ7.style_err__6Xx0a:focus,
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_ant-input__jQA5s.style_input__7GMJ7.style_err__6Xx0a:focus {
  border-color: var(--errorColor) !important;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_space__zPPQX {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  margin: 4px 0;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg .style_label__TtQ5R {
  color: rgba(var(--static-white-rgb), 70%);
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg .style_valueWrap__QV35h {
  color: var(--static-white);
  display: flex;
  align-items: center;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg .style_valueWrap__QV35h .style_value__HGxXy {
  margin-right: 4px;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg .style_valueWrap__QV35h button svg {
  fill: var(--static-white);
  transform: all 0.3s;
}
.style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO .style_idWrap__Dewpg .style_valueWrap__QV35h button:active svg {
  fill: var(--secondLevelText);
}
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr {
  padding: 16px 24px 32px;
  cursor: default;
  background: var(--highBg);
}
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerTitle__fOFy_ {
  font-size: 14px;
  color: var(--secondLevelText);
  font-weight: bold;
}
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerItem__b8_Cx {
  font-size: 13px;
  margin-top: 16px;
  color: var(--firstLevelText);
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerItem__b8_Cx .style_label__TtQ5R {
  display: inline-block;
  flex: 0 0 76px;
  max-width: 50%;
  color: var(--thirdLevelText);
  flex-shrink: 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerItem__b8_Cx.style_inviteItem__nZ_PN,
.style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerItem__b8_Cx.style_inviteItem__nZ_PN div {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_userMenuWrapper__1qqXa .style_inviteCodeBtnWrap__rdzKS {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  font-size: 13px;
  line-height: 20px;
  color: var(--rc01);
}
.style_userMenuWrapper__1qqXa .style_inviteCodeBtnWrap__rdzKS .style_inviteIcon__QeLzU {
  margin-top: -4px;
  width: 22px;
  height: 22px;
}
.style_userMenuWrapper__1qqXa .style_inviteCodeBtnWrap__rdzKS .style_inviteCodeBtn__Ve1Zd {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.style_userMenuWrapper__1qqXa .style_linkItem__LE2BV:active {
  background-color: var(--fc6);
}
.style_userMenuWrapper__1qqXa .style_userMenuBottom__UNHrn {
  display: flex;
  background: var(--defaultBg);
}
.style_userMenuWrapper__1qqXa .style_userMenuItem__QfAYZ {
  display: flex;
  align-items: center;
  height: 48px;
  background-color: var(--highBg);
  padding-left: 10px;
  box-sizing: border-box;
  cursor: pointer;
  flex: 50%;
  justify-content: center;
}
.style_userMenuWrapper__1qqXa .style_userMenuItem__QfAYZ .style_name__4KMW2 {
  color: var(--secondLevelText);
  font-size: 13px;
  margin-left: 4px;
}
.style_userMenuWrapper__1qqXa .style_userMenuItem__QfAYZ:nth-of-type(1) {
  position: relative;
}
.style_userMenuWrapper__1qqXa .style_userMenuItem__QfAYZ:nth-of-type(1)::after {
  content: ' ';
  display: block;
  background: var(--lineColor);
  width: 1px;
  height: 15px;
  position: absolute;
  right: 0;
}
.style_userMenuWrapper__1qqXa .style_icon__SqJAZ {
  width: 16px;
  height: 16px;
  fill: var(--secondLevelText);
}
.style_userMenuWrapper__1qqXa .style_userMenuItem__QfAYZ:hover {
  background-color: var(--rowSelectedBg);
}
.style_copy__o_AGE {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 4px;
}
.style_copy__o_AGE svg {
  width: 16px;
  height: 16px;
}
.style_copy__o_AGE.style_bgIsWhite__QSWGr svg {
  fill: rgba(var(--reverse1-rgb));
}
.style_copy__o_AGE.style_bgIsWhite__QSWGr:active svg {
  fill: rgba(var(--reverse1-rgb), 50%);
}
@media (any-hover: hover) {
  .style_copy__o_AGE.style_bgIsWhite__QSWGr:hover svg {
    fill: rgba(var(--reverse1-rgb), 70%);
  }
  .style_copy__o_AGE.style_bgIsWhite__QSWGr:active svg {
    fill: rgba(var(--reverse1-rgb), 50);
  }
}
.style_copy__o_AGE.style_bgIsPrimary__4BWoB svg {
  fill: rgba(var(--static-white-rgb));
}
.style_copy__o_AGE.style_bgIsPrimary__4BWoB:active svg {
  fill: rgba(var(--static-white-rgb), 50%);
}
@media (any-hover: hover) {
  .style_copy__o_AGE.style_bgIsPrimary__4BWoB:hover svg {
    fill: rgba(var(--static-white-rgb), 70%);
  }
  .style_copy__o_AGE.style_bgIsPrimary__4BWoB:active svg {
    fill: rgba(var(--static-white-rgb), 50);
  }
}
.style_valueWrapper__g2SIQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 767.98px) {
  .style_userMenuWrapper__1qqXa {
    position: absolute;
    left: 63px;
    bottom: 8px;
    width: 320px;
    z-index: var(--userMenu);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadowCommonHigh);
    display: flex;
    flex-direction: column;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk {
    height: 128px;
    padding: 20px 24px 32px;
    background: var(--primaryColor);
  }
  .style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO {
    color: var(--static-white);
  }
}
@media screen and (max-width: 767.98px) {
  .style_userMenuWrapper__1qqXa {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 56px 16px 24px;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk {
    padding: 0 8px;
    flex-shrink: 0;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuTop__6N_Dk .style_topRight__wxUcO {
    color: var(--textCommonPrimary);
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr {
    border-radius: 16px;
    margin: 24px 0;
    min-height: 280px;
    flex: 1;
    padding: 24px 24px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .style_userMenuWrapper__1qqXa .style_btnWrap__L8a8a {
    flex-shrink: 0;
  }
  .style_userMenuWrapper__1qqXa .style_btnWrap__L8a8a button {
    background: var(--bgStaticLight);
    color: var(--textBrandDefault);
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerTip__AWZI5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerTip__AWZI5 img {
    width: 36px;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerTip__AWZI5 span {
    color: var(--thirdLevelText);
    font-size: 11px;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerTitle__fOFy_ {
    margin-bottom: 8px;
  }
  .style_userMenuWrapper__1qqXa .style_userMenuCenter__XkQzr .style_centerItem__b8_Cx {
    height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    font-size: 14px;
    border-bottom: 1px solid var(--lineColor);
  }
}
.style_menuListWrapper__vVnhd {
  height: 100%;
  overflow: auto;
}

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
}
.ReactCrop:focus {
  outline: none;
}
.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}
.ReactCrop__image {
  display: block;
  max-width: 100%;
  -ms-touch-action: none;
      touch-action: none;
}
.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: move;
  -webkit-box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  -ms-touch-action: none;
      touch-action: none;
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat;
}
.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}
.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5);
}
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none;
}
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
}
.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%;
}
.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: calc(100% / 3 * 2);
}
.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px;
}
.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: calc(100% / 3);
}
.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: calc(100% / 3 * 2);
}
.ReactCrop__drag-handle {
  position: absolute;
}
.ReactCrop__drag-handle::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 1px solid transparent;
}
.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize;
}
.ReactCrop .ord-nw::after {
  top: 0;
  left: 0;
}
.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize;
}
.ReactCrop .ord-n::after {
  top: 0;
}
.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize;
}
.ReactCrop .ord-ne::after {
  top: 0;
  right: 0;
}
.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize;
}
.ReactCrop .ord-e::after {
  right: 0;
}
.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize;
}
.ReactCrop .ord-se::after {
  bottom: 0;
  right: 0;
}
.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize;
}
.ReactCrop .ord-s::after {
  bottom: 0;
}
.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize;
}
.ReactCrop .ord-sw::after {
  bottom: 0;
  left: 0;
}
.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize;
}
.ReactCrop .ord-w::after {
  left: 0;
}
.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}
.ReactCrop__drag-bar {
  position: absolute;
}
.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px;
}
.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px;
}
.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px;
}
.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px;
}
.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none;
}
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none;
}
@media (pointer: coarse) {
  .ReactCrop .ord-n,
.ReactCrop .ord-e,
.ReactCrop .ord-s,
.ReactCrop .ord-w {
    display: none;
  }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px;
  }
}

/*# sourceMappingURL=ReactCrop.css.map */

/**
* 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__69YVq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__oqEEr {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__KjO8c ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__KjO8c ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__KjO8c 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__KjO8c ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__KjO8c li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__KjO8c .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__KjO8c .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__KjO8c .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__KjO8c .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__7KeBD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__sLBIT {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__i_7Lg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__i_7Lg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__i_7Lg .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__i_7Lg .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__i_7Lg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__i_7Lg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__i_7Lg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__i_7Lg .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__i_7Lg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__i_7Lg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__i_7Lg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__i_7Lg .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__i_7Lg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__i_7Lg .editBgColor::before,
.style_tree__i_7Lg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__i_7Lg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__i_7Lg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__i_7Lg .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__i_7Lg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__i_7Lg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__i_7Lg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__i_7Lg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__i_7Lg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__i_7Lg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__2Gar8 .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__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__2Gar8 .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__2Gar8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__2Gar8 .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__2Gar8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__2Gar8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__OI9j3 .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__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__OI9j3 .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__OI9j3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__OI9j3 .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__OI9j3 .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__OI9j3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OI9j3 .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__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__OI9j3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__NJtsl::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__NJtsl::-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__NJtsl:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__BIwGw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__BIwGw::-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__BIwGw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__iJjes {
  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__wsqC1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__wsqC1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__wsqC1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__wsqC1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__wsqC1 {
    flex: 0 0 100%;
  }
}
.style_imageCropUpload__xQNzc .style_container__f9QZV {
  display: flex;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z {
  width: 210px;
  margin-right: 24px;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_title__ToDPq {
  font-size: 13px;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY {
  display: flex;
  align-items: center;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY.style_previewRectangle__hEvNQ .style_previewImg__HRIa_ {
  width: 210px;
  height: 70px;
  margin: 58px 0 8px;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY.style_previewCircle__w_sBf .style_previewImg__HRIa_ {
  border-radius: 50%;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY .style_previewImg__HRIa_ {
  width: 120px;
  height: 120px;
  margin: 70px 0 32px;
  overflow: hidden;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY .style_previewImg__HRIa_ .style_img__oG45l {
  width: 100%;
  height: 100%;
  border: 1px solid var(--fc5);
  border-radius: 4px;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY .style_leftBtnWrap__rOgso {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY .style_leftBtnWrap__rOgso .style_leftReselectDesc__pJXTr {
  font-size: 12px;
  color: var(--thirdLevelText);
  text-align: center;
  line-height: 19px;
  margin-top: 8px;
}
.style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .ant-avatar {
  border: 1px solid var(--shadowColor);
  width: 100%;
  height: 100%;
}
.style_imageCropUpload__xQNzc .style_rightContent__h7qvw {
  height: 100%;
}
.style_imageCropUpload__xQNzc .style_rightContent__h7qvw .style_tip__JyeL9,
.style_imageCropUpload__xQNzc .style_rightContent__h7qvw .style_desc__FjL49 {
  font-size: 12px;
}
.style_imageCropUpload__xQNzc .style_rightContent__h7qvw .style_tip__JyeL9 {
  color: var(--firstLevelText);
}
.style_imageCropUpload__xQNzc .style_rightContent__h7qvw .style_desc__FjL49 {
  color: var(--thirdLevelText);
}
.style_imageCropUpload__xQNzc .style_footerBtn__QSo7Y {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  padding-top: 40px;
}
.style_imageCropUpload__xQNzc .style_footerBtn__QSo7Y button:nth-of-type(1) {
  margin-right: 8px;
}
.style_imageCropUpload__xQNzc .ant-modal-header {
  padding-bottom: 18px;
}
.style_imageCropUpload__xQNzc .ant-modal-body {
  padding: 0 24px 24px;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: black;
  display: flex;
  padding: 8px;
  overflow: hidden;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD.style_squareImageWrapper__BAfWx {
  padding: 48px;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD.style_squareImageWrapper__BAfWx .ReactCrop__image {
  max-width: 146px;
  max-height: 146px;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .style_gifImgWrapper__nalHE {
  max-width: 420px;
  max-height: 226px;
  object-fit: contain;
  margin: auto;
  background: var(--defaultBg);
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .style_gifImgWrapper__nalHE > span {
  position: unset !important;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .style_gifImgWrapper__nalHE img {
  width: 100% !important;
  height: 100% !important;
  position: unset !important;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .ReactCrop {
  margin: auto;
  background: var(--defaultBg);
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .ReactCrop__image {
  max-width: 420px;
  max-height: 226px;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .ant-spin-container {
  display: flex;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD .ReactCrop__crop-selection {
  border-radius: 8px;
}
.style_imageCropUpload__xQNzc .style_imageWrapper__jv4pD.style_circleImageWrapper__5n8GH .ReactCrop__crop-selection {
  border-radius: 50%;
}
.style_imgSelector__RK5iO {
  height: 100%;
}
.style_imgSelector__RK5iO .style_scrollWrapper__xiDVL {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.style_imgSelector__RK5iO .style_colorList__IEYBu {
  display: flex;
  flex-wrap: wrap;
}
.style_imgSelector__RK5iO .style_colorList__IEYBu .style_colorItem__zUZN2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 24px;
  cursor: pointer;
}
.style_imgSelector__RK5iO .style_banners__A1kmp {
  display: flex;
  flex-wrap: wrap;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 {
  position: relative;
  width: 100%;
  background: var(--lineColor);
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  margin-left: 24px;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 .style_bannerPreviewImgWrapper__JZy2p > span {
  position: unset !important;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 .style_bannerPreviewImgWrapper__JZy2p img {
  width: 100% !important;
  height: 100% !important;
  position: unset !important;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3:nth-child(3n - 2) {
  margin-left: 0;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3:nth-child(n + 4) {
  margin-top: 24px;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 img {
  width: 100%;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 .style_checked__fgWMm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 .style_checked__fgWMm::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.style_imgSelector__RK5iO .style_banners__A1kmp .style_bannerPreviewImg___N5w3 .style_checked__fgWMm svg {
  width: 12px;
  height: 12px;
  fill: var(--primaryColor);
  z-index: 1;
}
.style_imgSelector__RK5iO.style_imgRectangleSelector__NmT64 .style_uploadWrapper__LIBzb {
  height: 242px;
}
.style_imgSelector__RK5iO .style_uploadWrapper__LIBzb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_imgSelector__RK5iO .style_uploadWrapper__LIBzb .style_upload__O97Ov {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_imgSelector__RK5iO .style_tip__JyeL9 {
  font-size: 12px;
  color: var(--thirdLevelText);
}
.style_imgSelector__RK5iO .ant-tabs-bar {
  margin-right: 24px;
}
.style_imgSelector__RK5iO .ant-tabs-nav {
  height: 20px;
  margin: 0 0 24px !important;
}
.style_imgSelector__RK5iO .ant-tabs-nav::before {
  border-bottom: 2px solid var(--lineColor) !important;
}
.style_imgSelector__RK5iO .ant-tabs-content {
  height: 100%;
}
.style_imgSelector__RK5iO .ant-tabs-tab {
  font-size: 13px;
  color: var(--fourthLevelText);
  padding: 0 !important;
}
.style_imgSelector__RK5iO .ant-tabs-tab:hover {
  color: var(--firstLevelText) !important;
  opacity: 0.8;
}
.style_imgSelector__RK5iO .ant-tabs-tab-active {
  color: var(--firstLevelText) !important;
}
@media only screen and (min-width: 575.98px) {
  .style_uploadWrapper__LIBzb {
    height: 336px;
  }
  .style_imageCropUpload__xQNzc .style_imgSelector__RK5iO {
    min-height: 380px;
  }
  .style_imageCropUpload__xQNzc .style_imgRectangleSelector__NmT64 {
    min-height: 286px;
  }
}
@media only screen and (max-width: 575.98px) {
  .style_imageCropUpload__xQNzc .style_leftContent__rDF5Z {
    width: 100%;
  }
  .style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY .style_previewImg__HRIa_ {
    margin: 16px 16px 50px;
    width: 80px;
    height: 80px;
  }
  .style_imageCropUpload__xQNzc .style_leftContent__rDF5Z .style_preview__sbvXY.style_previewRectangle__hEvNQ .style_previewImg__HRIa_ {
    width: 40%;
    height: auto;
    margin: 35px 16px 35px 0;
  }
  .style_imageCropUpload__xQNzc .style_imgRectangleSelector__NmT64 .style_uploadWrapper__LIBzb {
    min-height: 210px;
    height: 210px;
  }
  .style_imageCropUpload__xQNzc .style_uploadWrapper__LIBzb {
    min-height: 260px;
  }
}
.style_previewImgWrapper__TePV_ > span {
  position: unset !important;
}
.style_previewImgWrapper__TePV_ img {
  width: 100% !important;
  height: 100% !important;
  position: unset !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_userCenterDrawer__fiK8L .ant-drawer-header {
  background: transparent;
}
.style_userCenterDrawer__fiK8L .ant-drawer-wrapper-body {
  background: var(--primaryColor) url(/_next/static/media/workbench_img_membercard.cdc6e639.png) no-repeat center;
  background-size: cover;
}
.style_userCenterDrawer__fiK8L .ant-drawer-body {
  background: transparent;
  height: 90%;
  overflow: auto;
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_navigation__FRV4q {
  height: 100%;
  width: 56px;
  flex-shrink: 0;
  border-right: 1px solid var(--lineColor);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position: relative;
}
.style_navigation__FRV4q .style_spaceLogoWrapper__cS8cN {
  position: relative;
  width: 40px;
  min-height: 80px;
  margin-top: 5px;
}
.style_navigation__FRV4q .style_spaceLogo__G1ydC {
  width: 40px;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}
.style_navigation__FRV4q .style_spaceLogo__G1ydC .style_spaceImg__Asyf9 {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.style_navigation__FRV4q .style_spaceLogo__G1ydC .style_spaceDown__J4rUQ {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_navigation__FRV4q .style_spaceLogo__G1ydC .style_spaceIcon__MjayS {
  fill: var(--textCommonTertiary);
  width: 16px;
  height: 16px;
}
.style_navigation__FRV4q .style_snowHatWrapper__bDEqX {
  position: absolute;
  top: -14px;
  right: -8px;
  width: 44px;
  height: 34px;
  pointer-events: none;
  z-index: 10;
  transform: rotate(25deg);
  transform-origin: bottom left;
}
.style_navigation__FRV4q .style_snowHatWrapper__bDEqX svg {
  width: 100%;
  height: auto;
}
.style_navigation__FRV4q .style_navWrapper__50q0x {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  flex: 1;
}
.style_navigation__FRV4q .style_navWrapper__50q0x ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.style_navigation__FRV4q .style_navWrapper__50q0x .style_navItem__cUVkj {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  margin-bottom: 24px;
  border-radius: 16px;
}
.style_navigation__FRV4q .style_navWrapper__50q0x .style_navItem__cUVkj:hover {
  background-color: var(--rowSelectedBg);
}
.style_navigation__FRV4q .style_navWrapper__50q0x .style_navIcon__D0DFA {
  width: 24px;
  height: 24px;
  fill: var(--secondLevelText);
}
.style_navigation__FRV4q .style_handbook__zIR4k {
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  margin: 0 auto;
  font-size: 5px;
  color: var(--defaultBg);
  border: 1px solid #fff;
  border-radius: 2px;
}
.style_navigation__FRV4q .style_help__SW1RF {
  margin-bottom: 24px;
}
.style_navigation__FRV4q .style_userIcon__jtXVS {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
  z-index: 14;
}
.style_navigation__FRV4q .style_notification__vEstw {
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 14px;
  display: inline-block;
  position: relative;
}
.style_navigation__FRV4q .style_notification__vEstw:hover {
  background-color: var(--rowSelectedBg);
  border-radius: 16px;
}
.style_navigation__FRV4q .style_notificationNavLink__Epei8 {
  display: inline-block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.style_navigation__FRV4q .style_notificationIcon__Vqg9w {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 20px;
}
.style_navigation__FRV4q .style_notificationIcon__Vqg9w .ant-badge-count {
  z-index: 1;
  padding: 0 2.5px;
  top: 11px;
  left: 14px;
  right: auto;
  background: var(--errorColor);
}
.style_navigation__FRV4q .style_noticeAnimate__eDt_O {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.style_navigation__FRV4q .style_noticeAnimate__eDt_O svg path {
  stroke: var(--secondLevelText);
}
.style_navigation__FRV4q .style_notice__XVVXi {
  width: 24px;
  height: 24px;
  fill: var(--secondLevelText);
  margin: 8px 0 0 8px;
  position: absolute;
  top: 0;
  left: 0;
}
.style_navigation__FRV4q .style_notificationIcon__Vqg9w.style_navActiveItem__f_WH6 .style_notice__XVVXi {
  fill: var(--primaryColor);
}
.style_navigation__FRV4q .style_iconWrap__ZPkMu {
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_navigation__FRV4q .style_iconWrap__ZPkMu .style_icon__QwgJw {
  fill: var(--secondLevelText);
}
.style_navigation__FRV4q .style_iconWrap__ZPkMu .style_iconSize__gPSh2 {
  width: 24px;
  height: 24px;
}
.style_navigation__FRV4q .style_iconWrap__ZPkMu:hover {
  background-color: var(--rowSelectedBg);
  border-radius: 16px;
}
.style_navigation__FRV4q .style_navActiveItem__f_WH6 {
  pointer-events: none;
}
.style_navigation__FRV4q .style_navActiveItem__f_WH6.style_notificationIcon__Vqg9w,
.style_navigation__FRV4q:not(.style_noticeOpend__7KtV5) .style_navActiveItem__f_WH6 {
  background-color: var(--rowSelectedBg);
  border-radius: 16px;
}
.style_navigation__FRV4q .style_navActiveItem__f_WH6.style_notificationIcon__Vqg9w .style_navItemTitle__BWdaR,
.style_navigation__FRV4q:not(.style_noticeOpend__7KtV5) .style_navActiveItem__f_WH6 .style_navItemTitle__BWdaR {
  color: var(--primaryColor);
}
.style_navigation__FRV4q .style_navActiveItem__f_WH6.style_notificationIcon__Vqg9w .style_navIcon__D0DFA,
.style_navigation__FRV4q:not(.style_noticeOpend__7KtV5) .style_navActiveItem__f_WH6 .style_navIcon__D0DFA {
  fill: var(--primaryColor);
}
.style_drawer__WH5PU .ant-drawer-body {
  padding: 0 !important;
  overflow: hidden;
  height: 100%;
}
@keyframes style_tipShow__sjXo8 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.style_navigationItem__sFSxe {
  position: relative;
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  cursor: pointer;
}
.style_navigationItem__sFSxe .style_tip__cLzba {
  animation: style_tipShow__sjXo8 0.3s;
  display: none;
  position: absolute;
  right: 0;
  top: -12px;
  transform: translateX(98%);
  line-height: 22px;
  padding: 2px 8px;
  background: var(--pink_500);
  border-radius: 11px 11px 11px 0;
  white-space: nowrap;
  z-index: 1;
}
@media (any-hover: hover) {
  .style_navigationItem__sFSxe:hover .style_tip__cLzba {
    display: block;
  }
}
.style_helpCenterDrawer__VUkVp .ant-drawer-body {
  overflow: auto;
}
.style_notificationDrawer__6UEjP .ant-drawer-content,
.style_notificationDrawer__6UEjP .ant-drawer-header {
  background-color: var(--defaultBg);
}
.style_navigation__FRV4q.style_templateActived__Zo3J9 .style_sticky_upgrade__cBdDG .style_sticky_upgrade_content__3Xfex {
  background: var(--orange_500);
}
.style_navigation__FRV4q.style_templateActived__Zo3J9 .style_sticky_upgrade__cBdDG .style_sticky_upgrade_content__3Xfex:hover {
  background: var(--orange_600);
}
.style_navigation__FRV4q.style_templateActived__Zo3J9 .style_sticky_upgrade__cBdDG .style_sticky_upgrade_content__3Xfex:active {
  background: var(--orange_700);
}
.style_sticky_upgrade__cBdDG.style_loading__qtQCm .style_sticky_upgrade_content__3Xfex {
  opacity: 0.5;
}

.style_loginWrap__RrRle {
  position: relative;
  width: 100%;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-radius: 32px;
  box-shadow: 0px 8px 16px 0px #00000014, 0px 4px 24px 0px #0000001f;
  background-color: var(--color-background-primary-elevated);
  --tw-translate-y: -3rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 640px) {
  .style_loginWrap__RrRle {
    width: 500px;
    padding: 40px;
  }
}
.style_formContainer__Id47P {
  width: 100%;
  max-width: 100%;
  padding: 30px 15px 20px;
  flex-shrink: 1;
  border-radius: 32px;
  box-shadow: none;
  background-color: var(--color-background-primary-elevated);
}
@media (min-width: 640px) {
  .style_formContainer__Id47P {
    max-width: 640px;
    padding: 40px 40px 30px;
    box-shadow: 0px 8px 16px 0px #00000014, 0px 4px 24px 0px #0000001f;
  }
}
@media (min-width: 1024px) {
  .style_formContainer__Id47P {
    width: 500px;
    max-width: none;
    --tw-translate-y: -3rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.style_ssoContainer__9qnsQ,
.style_emailPasswordContainer__SO4MN {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--bgCommonLower);
  position: relative;
  overflow-y: auto;
}
.style_header__pWQQf {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
@media (min-width: 1024px) {
  .style_header__pWQQf {
    padding: 32px;
  }
}
.style_header__pWQQf .style_brand__Qh5LI {
  display: flex;
  justify-content: left;
  align-items: center;
}
.style_header__pWQQf .style_brand__Qh5LI img {
  margin-right: 14px;
}
.style_main__3iBM8 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}
@media (min-width: 640px) {
  .style_main__3iBM8 {
    padding: 0 16px;
  }
}
@media (min-width: 1024px) {
  .style_main__3iBM8 {
    padding: 0;
  }
}

.style_captchaBox__D_e9q #nc {
  position: static;
}
.style_tip__opwRT {
  min-height: 24px;
}

.style_loginWrap__gcB7d {
  position: relative;
}
.style_loginWrap__gcB7d .style_inputWrap__KIQew .style_inputTitle__4Nh5U {
  padding-bottom: 4px;
}
.style_loginWrap__gcB7d .style_inputWrap__KIQew .style_input__lgVZt {
  background: var(--bgControlsDefault);
}
.style_loginWrap__gcB7d .style_inputWrap__KIQew .style_input__lgVZt input {
  color: var(--textCommonPrimary);
}
.style_loginWrap__gcB7d .style_inputWrap__KIQew .style_input__lgVZt input::placeholder {
  color: var(--textCommonQuaternary);
}
.style_loginWrap__gcB7d .style_loginBtn__TjnqC {
  margin: 40px 0 24px;
}
.style_loginWrap__gcB7d .style_forgetPassword__XPXNy {
  cursor: pointer;
  margin-top: -16px;
}
.style_loginWrap__gcB7d .style_switchContent__5Mx_T {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_loginWrap__gcB7d .style_switchContent__5Mx_T p {
  margin: 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}

/**
* 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_noMatch__Dytbd {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_noMatch__Dytbd .style_wrapper__Pw3ay {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -5vh;
}
.style_noMatch__Dytbd .style_wrapper__Pw3ay img {
  width: auto;
  height: 420px;
}
.style_noMatch__Dytbd .style_tip__tK_Ym {
  font-size: 16px;
  color: var(--firstLevelText);
  font-weight: bold;
  text-align: center;
  margin: 30px 0 30px 0;
}
.style_noMatch__Dytbd .style_prevBtn__XczCL {
  font-size: 15px;
  color: var(--primaryColor);
  margin-top: 17px;
  cursor: pointer;
}
.style_noMatch__Dytbd svg {
  margin-right: 8px;
}
@media screen and (max-width: 767.98px) {
  .style_noMatch__Dytbd .style_wrapper__Pw3ay img {
    width: 80%;
    height: auto;
  }
}

.style_githubBtnBox__xmhta {
  padding: 1px;
  background: linear-gradient(325deg, var(--rainbowPurple5) 0%, #62FBF2 30%, #F994E3 60%, #F9DA6E 100%);
  border-radius: 32px;
}
.style_githubBtn__Lrfkp {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 32px;
  background-color: var(--bgCommonLower);
}
.style_githubBtn__Lrfkp svg {
  margin-right: 10px;
}

.style_navBarWrap__dcCxt {
  display: flex;
  align-items: center;
  color: var(--textCommonSecondary);
}
.style_navBarWrap__dcCxt a {
  position: relative;
  color: var(--textCommonSecondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.style_homeWrapper__p5JQ7 {
  width: 100%;
  height: 100%;
  background-color: var(--bgCommonLower);
}
.style_pcHome___L_k_ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--bgCommonLower);
  position: relative;
  overflow-y: scroll;
}
.style_pcHome___L_k_ .style_header__4ZlAk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_brand__k1F7I {
  display: flex;
  justify-content: left;
  align-items: center;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_brand__k1F7I img {
  margin-right: 14px;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_iconContent__mZFTN {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_linkLine__oYKOj {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_linkLine__oYKOj a {
  margin-left: 32px;
  border: 1px solid var(--textCommonPrimary);
  border-radius: 50%;
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_linkLine__oYKOj a:hover {
  border-color: var(--textCommonSecondary);
}
.style_pcHome___L_k_ .style_header__4ZlAk .style_linkLine__oYKOj img {
  width: 32px;
}
.style_pcHome___L_k_ .style_main__Ui_RW {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_pcHome___L_k_ .style_main__Ui_RW img {
  width: 264px;
}
.style_pcHome___L_k_ .style_main__Ui_RW .style_loginBox__aIPu1 {
  position: relative;
  width: 340px;
  margin: 67px 0;
  padding: 9px 69px 60px 52px;
  box-sizing: content-box;
}
.style_pcHome___L_k_ .style_main__Ui_RW .style_loginBox__aIPu1 .style_title__JZiA6 {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  color: var(--textCommonSecondary);
  margin-bottom: 48px;
}
.style_pcHome___L_k_ .style_main__Ui_RW .style_loginBox__aIPu1 .style_bgBox1__xw1SD {
  position: absolute;
  width: 179px;
  height: 179px;
  top: 0;
  left: 0;
  background: var(--rainbowPink5);
  opacity: 0.5;
  filter: blur(100px);
}
.style_pcHome___L_k_ .style_main__Ui_RW .style_loginBox__aIPu1 .style_bgBox2__zKIqE {
  position: absolute;
  width: 179px;
  height: 179px;
  top: 23px;
  right: 0;
  background: var(--rainbowIndigo5);
  filter: blur(100px);
  opacity: 0.5;
}
.style_pcHome___L_k_ .style_main__Ui_RW .style_loginBox__aIPu1 .style_bgBox3__iXXKb {
  position: absolute;
  width: 179px;
  height: 179px;
  bottom: 23px;
  left: 118px;
  background: var(--rainbowPurple5);
  opacity: 0.5;
  filter: blur(100px);
}
.style_pcHome___L_k_ .style_footer__RyqEm {
  display: flex;
  justify-content: center;
  padding: 37px;
}
.style_invite__SWwsO {
  text-align: center;
}
.style_invite__SWwsO h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 16px;
}
.style_invite__SWwsO p {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: var(--textBrandDefault);
  margin: 0 0 48px;
}

/**
* 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
**/
div.style_phoneInput__E7bkv {
  padding-left: 0;
}
div.style_phoneInput__E7bkv .style_areaCodeSelect__G8oX3 {
  border: 0;
  background: transparent;
}
div.style_phoneInput__E7bkv .style_line__SlB1i {
  height: 16px;
  width: 1px;
  background-color: var(--fourthLevelText);
  margin-right: 8px;
}


.style_identifyingCodeInput__bn2HX {
  display: flex;
}
.style_identifyingCodeInput__bn2HX .style_input__8uYs8 {
  flex: 1;
  margin-right: 16px;
}
.style_identifyingCodeInput__bn2HX .style_btn__St2gR {
  width: 105px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .style_identifyingCodeInput__bn2HX .style_btn__St2gR {
    width: auto;
  }
}

.style_forgetPasswordWrap__jcdg_ {
  position: relative;
}
.style_forgetPasswordWrap__jcdg_ .style_inputWrap__tFiIR .style_inputTitle__Gonmd {
  padding-bottom: 4px;
}
.style_forgetPasswordWrap__jcdg_ .style_inputWrap__tFiIR .style_input__Me1xe {
  background: var(--bgControlsDefault);
}
.style_forgetPasswordWrap__jcdg_ .style_inputWrap__tFiIR .style_input__Me1xe input {
  color: var(--textCommonPrimary);
}
.style_forgetPasswordWrap__jcdg_ .style_inputWrap__tFiIR .style_input__Me1xe input::placeholder {
  color: var(--textCommonQuaternary);
}
.style_forgetPasswordWrap__jcdg_ .style_loginBtn__C6UUx {
  margin: 40px 0 24px;
}
.style_forgetPasswordWrap__jcdg_ .style_forgetPassword__rk5mJ {
  cursor: pointer;
  margin-top: -16px;
}
.style_forgetPasswordWrap__jcdg_ .style_switchContent__fvhHd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_forgetPasswordWrap__jcdg_ .style_switchContent__fvhHd p {
  margin: 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}

.style_loginWrap__mP10m {
  position: relative;
}
.style_loginWrap__mP10m .style_inputWrap__bDqXQ .style_inputTitle__tVAZ2 {
  padding-bottom: 4px;
}
.style_loginWrap__mP10m .style_inputWrap__bDqXQ .style_input__2flqJ {
  background: var(--bgControlsDefault);
}
.style_loginWrap__mP10m .style_inputWrap__bDqXQ .style_input__2flqJ input {
  color: var(--textCommonPrimary);
}
.style_loginWrap__mP10m .style_inputWrap__bDqXQ .style_input__2flqJ input::placeholder {
  color: var(--textCommonQuaternary);
}
.style_loginWrap__mP10m .style_loginBtn__GaxqE {
  margin: 40px 0 24px;
}
.style_loginWrap__mP10m .style_forgetPassword__Au3pn {
  cursor: pointer;
  margin-top: -16px;
}
.style_loginWrap__mP10m .style_switchContent___egpb {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_loginWrap__mP10m .style_switchContent___egpb p {
  margin: 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
}

/**
* 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__IsaCw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__P5U57 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZclQY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZclQY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZclQY 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__ZclQY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZclQY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZclQY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZclQY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZclQY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZclQY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__gubNn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ALDAr {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8cYBP .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8cYBP .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8cYBP .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__8cYBP .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__8cYBP .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8cYBP .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8cYBP .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8cYBP .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8cYBP .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8cYBP .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8cYBP .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8cYBP .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__8cYBP .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8cYBP .editBgColor::before,
.style_tree__8cYBP .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8cYBP .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8cYBP .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8cYBP .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__8cYBP .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8cYBP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8cYBP .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8cYBP .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8cYBP .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8cYBP .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GDSJf .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__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GDSJf .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__GDSJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GDSJf .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__GDSJf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GDSJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__k_xmK .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__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__k_xmK .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__k_xmK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__k_xmK .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__k_xmK .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__k_xmK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k_xmK .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__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__k_xmK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__6oBKd::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__6oBKd::-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__6oBKd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__1idOg::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__1idOg::-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__1idOg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__pyDUf {
  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__c_mf8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__c_mf8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__c_mf8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__c_mf8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__c_mf8 {
    flex: 0 0 100%;
  }
}
.style_modeItem__nh_yJ {
  display: flex;
  flex-direction: row;
  padding: 24px;
  flex: 1;
  border: 1px solid var(--lineColor);
  border-radius: 6px;
}
@media screen and (min-width: 767.98px) {
  .style_modeItem__nh_yJ {
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767.98px) {
  .style_modeItem__nh_yJ {
    width: 100%;
  }
}
.style_modeItem__nh_yJ .style_img__VQb1h {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K {
  flex: 1;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_title__rk73t {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  margin-bottom: 16px;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_infoItem__1_hJk {
  font-size: 14px;
  color: var(--secondLevelText);
  display: flex;
  padding-bottom: 8px;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_infoItem__1_hJk:last-child {
  padding-bottom: 0;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_infoItem__1_hJk .style_label__XC97D {
  white-space: pre;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_infoItem__1_hJk .style_value__hWVi0 {
  flex: 1;
  display: flex;
  align-items: center;
}
.style_modeItem__nh_yJ .style_infoContainer__zTe0K .style_defaultLine__MhVe2 {
  display: inline-block;
  width: 8px;
  height: 2px;
  border-radius: 1px;
  background-color: var(--fourthLevelText);
}

/**
* 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__H_wvN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__18Fd9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__s8R6I ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__s8R6I ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__s8R6I 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__s8R6I ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__s8R6I li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__s8R6I .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__s8R6I .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__s8R6I .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__s8R6I .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8AM7b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Na8F2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3YiaO .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3YiaO .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3YiaO .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__3YiaO .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__3YiaO .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3YiaO .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3YiaO .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3YiaO .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3YiaO .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3YiaO .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3YiaO .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3YiaO .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__3YiaO .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3YiaO .editBgColor::before,
.style_tree__3YiaO .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3YiaO .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3YiaO .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3YiaO .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__3YiaO .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3YiaO .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3YiaO .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3YiaO .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3YiaO .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3YiaO .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__l_RdW .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__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__l_RdW .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__l_RdW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__l_RdW .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__l_RdW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__l_RdW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__T17gI .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__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__T17gI .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__T17gI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__T17gI .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__T17gI .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__T17gI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__T17gI .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__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__T17gI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__DD889::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__DD889::-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__DD889:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__2PVfU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__2PVfU::-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__2PVfU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9vCzi {
  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__ekjg7 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ekjg7 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ekjg7 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ekjg7 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ekjg7 {
    flex: 0 0 100%;
  }
}
.style_accountManagerWrapper__ZqFFH {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: auto;
}
.style_accountManagerWrapper__ZqFFH .style_title__lcgFq {
  padding-left: 40px;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_accountManagerWrapper__ZqFFH .style_tipWrapper__Xu_jU {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 144px;
}
.style_accountManagerWrapper__ZqFFH .style_tipWrapper__Xu_jU img {
  height: 48px;
  width: auto;
}
.style_accountManagerWrapper__ZqFFH .style_tipWrapper__Xu_jU .style_tip__4cjbb {
  padding-top: 60px;
  font-size: 15px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_accountManagerWrapper__ZqFFH .style_tipWrapper__Xu_jU .style_subTip__FmV5z {
  display: flex;
  padding-top: 16px;
  font-size: 13px;
  color: var(--firstLevelText);
}
.style_accountManagerWrapper__ZqFFH .style_tipWrapper__Xu_jU .style_subTip__FmV5z .style_spaceName__MhqRO {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_accountManagerWrapper__ZqFFH .style_wrapper__E0cin {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style_accountManagerWrapper__ZqFFH .style_wrapper__E0cin .style_bottomSpacing__9sOQA {
  margin-bottom: 40px;
}
@media screen and (min-width: 767.98px) {
  .style_accountManagerWrapper__ZqFFH .style_wrapper__E0cin {
    padding: 0 40px;
    min-width: 800px;
    margin-top: 18px;
  }
  .style_accountManagerWrapper__ZqFFH .style_wrapper__E0cin .style_rightSpacing__uFiwI {
    margin-right: 40px;
  }
}
.style_codeWrapper__IcRQf .style_title__lcgFq {
  font-size: 18px;
  color: var(--firstLevelText);
  font-weight: bold;
  margin-bottom: 18px;
}
.style_codeWrapper__IcRQf .style_tip__4cjbb {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-bottom: 30px;
}
.style_codeWrapper__IcRQf .style_codeImg__QU9Qb {
  width: 160px;
  height: 160px;
  margin: 0 auto;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_modifyEmail__tRt5D .style_tip__DdZzy {
  padding-bottom: 20px;
  color: var(--secondLevelText);
}
.style_modifyEmail__tRt5D .style_saveBtn__ndvd_ {
  margin-top: 16px;
}
.style_modifyEmail__tRt5D .style_errorMsg__WIF0l {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_modifyEmail__tRt5D .ant-modal-header {
  padding-top: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
@media screen and (min-width: 767.98px) {
  .style_modifyPasswordWrapper__mqoE4 {
    padding-left: 40px;
  }
  .style_modifyPasswordWrapper__mqoE4 .style_form__ctiac {
    margin-top: 52px;
    width: 320px;
  }
}
.style_modifyPasswordWrapper__mqoE4 .style_title__0AiKa {
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 48px;
  color: var(--firstLevelText);
}
.style_modifyPasswordWrapper__mqoE4 .style_item__dIYAs {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.style_modifyPasswordWrapper__mqoE4 .style_item__dIYAs:nth-child(2),
.style_modifyPasswordWrapper__mqoE4 .style_item__dIYAs:nth-child(3) {
  margin-bottom: 0;
}
.style_modifyPasswordWrapper__mqoE4 .style_item__dIYAs:last-child {
  margin-bottom: 80px;
}
.style_modifyPasswordWrapper__mqoE4 .style_item__dIYAs .style_label__Ktt88 {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-bottom: 8px;
  height: 20px;
  line-height: 20px;
  text-align: left;
}
.style_modifyPasswordWrapper__mqoE4 .style_saveBtn__DNWtW {
  margin-top: 30px;
}

/**
* 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__S6L2s {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect___40Iy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__1z0WW ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__1z0WW ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__1z0WW 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__1z0WW ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__1z0WW li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__1z0WW .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__1z0WW .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__1z0WW .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__1z0WW .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__7inXT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__il__s {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__pO28d .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__pO28d .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__pO28d .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__pO28d .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__pO28d .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__pO28d .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__pO28d .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__pO28d .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__pO28d .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__pO28d .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__pO28d .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__pO28d .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__pO28d .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__pO28d .editBgColor::before,
.styles_tree__pO28d .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__pO28d .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__pO28d .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__pO28d .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__pO28d .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__pO28d .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__pO28d .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__pO28d .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__pO28d .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__pO28d .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__6isps .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__6isps .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__6isps .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__6isps .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__6isps .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__6isps .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__6isps .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__60PiH .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__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__60PiH .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__60PiH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__60PiH .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__60PiH .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__60PiH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__60PiH .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__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__60PiH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__uuMwc::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__uuMwc::-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__uuMwc:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__sKxsC::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__sKxsC::-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__sKxsC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__ti0OH {
  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__9joYG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__9joYG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__9joYG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__9joYG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__9joYG {
    flex: 0 0 100%;
  }
}
.styles_radio__85Iw6 {
  display: flex !important;
  align-items: center;
  border: 1px solid transparent;
  outline: 1px solid var(--fc11);
  border-radius: 4px;
  margin-right: 0 !important;
  padding-left: 16px !important;
  width: 352px;
}
.styles_radio__85Iw6:hover,
.styles_radio__85Iw6.styles_checked__dCRT1 {
  border-color: var(--primaryColor);
  border-width: 1px;
  outline: none;
  transition: all 0.3s;
}
.styles_item__f9qUp {
  display: flex;
  align-items: center;
  height: 72px;
  -webkit-user-select: none;
          user-select: none;
}
.styles_item__f9qUp .styles_icon__KYdqk {
  width: 40px;
  height: 40px;
  border: 1px solid var(--fc5);
  border-radius: 6px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_item__f9qUp .styles_icon__KYdqk .styles_img__nr4v7 {
  width: 40px;
  height: 40px;
}
.styles_item__f9qUp .styles_text__sba5d {
  display: flex;
  flex-direction: column;
  width: 254px;
}

/**
* 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_tip__uX8ap {
  padding: 0 0 16px 0;
  font-size: 15px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_modifyEmail__1WN0j .style_saveBtn__RsVlZ {
  margin-top: 16px;
}
.style_modifyEmail__1WN0j .ant-modal-header {
  padding-top: 24px;
}
.style_tip___OPpP {
  margin-bottom: 16px;
  font-size: 15px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_content__2mMOT {
  padding-top: 24px;
}
.styles_content__2mMOT .styles_top__VXwmu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__5gUNz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__cYeTC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__O_haV ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__O_haV ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__O_haV 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__O_haV ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__O_haV li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__O_haV .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__O_haV .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__O_haV .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__O_haV .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__dIEBy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__8RQeo {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__DBcFu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__DBcFu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__DBcFu .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__DBcFu .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__DBcFu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__DBcFu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__DBcFu .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__DBcFu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__DBcFu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__DBcFu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__DBcFu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__DBcFu .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__DBcFu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__DBcFu .editBgColor::before,
.styles_tree__DBcFu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__DBcFu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__DBcFu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__DBcFu .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__DBcFu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__DBcFu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__DBcFu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__DBcFu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__DBcFu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__DBcFu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__8SVX1 .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__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__8SVX1 .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__8SVX1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__8SVX1 .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__8SVX1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__8SVX1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree___fTJi .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___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree___fTJi .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___fTJi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree___fTJi .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___fTJi .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___fTJi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree___fTJi .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___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree___fTJi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__BcAz6::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__BcAz6::-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__BcAz6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__uSXkM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__uSXkM::-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__uSXkM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__AEWD0 {
  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__vB8zk {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__vB8zk {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__vB8zk {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__vB8zk {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__vB8zk {
    flex: 0 0 100%;
  }
}
.styles_stepWrapper__kYUgW .ant-modal-header {
  padding: 24px 24px 16px !important;
}
.styles_footer___9KwI {
  display: flex;
  justify-content: space-between;
}
.normal-modal-content {
  margin-top: 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_modifyNameWrapper__c_W4o .style_saveBtn__2ZAkK {
  margin-top: 16px;
}
.style_modifyNameWrapper__c_W4o .ant-modal-header {
  padding-top: 24px !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__W0Emy {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__tG_zU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__v6zcf ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__v6zcf ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__v6zcf 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__v6zcf ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__v6zcf li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__v6zcf .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__v6zcf .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__v6zcf .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__v6zcf .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__AT42F {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__hLaJP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__PBJ3a .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__PBJ3a .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__PBJ3a .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__PBJ3a .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__PBJ3a .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__PBJ3a .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__PBJ3a .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__PBJ3a .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__PBJ3a .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__PBJ3a .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__PBJ3a .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__PBJ3a .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__PBJ3a .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__PBJ3a .editBgColor::before,
.style_tree__PBJ3a .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__PBJ3a .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__PBJ3a .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__PBJ3a .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__PBJ3a .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__PBJ3a .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__PBJ3a .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__PBJ3a .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__PBJ3a .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__PBJ3a .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__WCFvR .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__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__WCFvR .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__WCFvR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__WCFvR .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__WCFvR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__WCFvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__3WLd0 .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__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__3WLd0 .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__3WLd0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__3WLd0 .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__3WLd0 .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__3WLd0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3WLd0 .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__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__3WLd0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__nINvm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__nINvm::-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__nINvm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__q0tpI::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__q0tpI::-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__q0tpI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__UOC1Q {
  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__a2ICY {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__a2ICY {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__a2ICY {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__a2ICY {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__a2ICY {
    flex: 0 0 100%;
  }
}
.style_basicSettingWrapper__clXqx {
  position: relative;
  overflow-x: auto;
  height: 100%;
}
.style_basicSettingWrapper__clXqx .style_title__95Lf7 {
  padding-left: 40px;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_basicSettingWrapper__clXqx .style_setting__nRnWH {
  margin-top: 80px;
}
@media screen and (min-width: 767.98px) {
  .style_basicSettingWrapper__clXqx .style_setting__nRnWH {
    padding-left: 40px;
    min-width: 720px;
  }
}
.style_basicSettingWrapper__clXqx .style_item__7URlL {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  margin-bottom: 30px;
}
.style_basicSettingWrapper__clXqx .style_item__7URlL:not(:first-child) {
  line-height: 40px;
}
.style_basicSettingWrapper__clXqx .style_label__cCrdc {
  width: 90px;
  text-align: left;
  color: var(--secondLevelText);
}
.style_basicSettingWrapper__clXqx .style_avatar__Ky_fH {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 40px !important;
  position: relative;
}
.style_basicSettingWrapper__clXqx .style_content__WJmoL {
  width: 240px;
  margin-left: 30px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_basicSettingWrapper__clXqx .style_modifyBtn__T4IrP {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--primaryColor);
}
.style_basicSettingWrapper__clXqx .style_modifyBtn__T4IrP .style_btnText__HSoct {
  font-size: 15px;
  color: var(--primaryColor);
}
.style_basicSettingWrapper__clXqx .style_bindEmailMsg__6hr0i {
  height: 24px;
  background-color: rgba(var(--warningColor-rgb), 20%);
  margin-top: 8px;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.style_basicSettingWrapper__clXqx .style_bindEmailMsg__6hr0i::before {
  display: inline-block;
  content: ' ';
  width: 14px;
  height: 8px;
  background-color: #FFebc8;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: skewX(-50deg);
  border-radius: 1px;
}
.style_basicSettingWrapper__clXqx .style_bindEmailMsg__6hr0i span {
  color: var(--warningColor);
  font-size: 13px;
  z-index: 1;
}
.style_basicSettingWrapper__clXqx .style_bindEmailMsg__6hr0i img {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.style_logout__F2j6p {
  position: absolute;
  left: 24px;
  bottom: 0;
}
.style_statusIcon__GpPkF {
  display: flex;
  height: 28px;
  width: 24px;
  align-items: center;
  justify-content: center;
}
.style_cancelBtn__74vrN {
  color: var(--primaryColor) !important;
  padding: 0 !important;
  position: absolute;
  left: 24px;
  text-decoration: underline;
  font-size: 14px !important;
}
.style_cancelBtn__74vrN:hover {
  background: none !important;
}
.style_mobileSetting__i7bi0 {
  height: 100%;
  padding: 0 16px;
}
.style_linkItem__qs_M6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: inset 0px -1px 0px var(--fc8);
  width: 100%;
  height: 56px;
}
.style_linkItem__qs_M6:active {
  background-color: var(--fc6);
}
.style_label__cCrdc {
  color: var(--fc1);
}
.style_value__O5foL {
  display: flex;
  align-items: center;
}

/**
* 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_developerConfiguration__ms4th {
  -webkit-user-select: none;
          user-select: none;
}
@media screen and (min-width: 767.98px) {
  .style_developerConfiguration__ms4th {
    padding-left: 40px;
  }
}
.style_developerConfiguration__ms4th .style_title__iLbXi {
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_developerConfiguration__ms4th .style_label__RvXCp {
  line-height: 20px;
  font-size: 14px;
  color: var(--secondLevelText);
  padding: 40px 0 8px;
}
.style_developerConfiguration__ms4th .style_tokenWrapper__o_YWT {
  display: flex;
  flex-direction: row;
}
.style_developerConfiguration__ms4th .style_tokenWrapper__o_YWT .style_token__AECBR {
  width: 320px;
  margin-right: 16px;
  cursor: default;
}
.style_developerConfiguration__ms4th .style_tokenWrapper__o_YWT svg {
  vertical-align: -0.125em;
}
.style_checkModal__wiBlp .style_content__Lt38M {
  padding: 24px 24px 0;
}
.style_checkModal__wiBlp .style_content__Lt38M .style_tip__4vUZ1 {
  padding-bottom: 16px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_navItem__m_nQL {
  height: 40px;
  line-height: 40px;
  padding-left: 60px;
  font-size: 14px;
  font-weight: normal;
  color: var(--secondLevelText);
  cursor: pointer;
}
.style_activeNavItem__cVhoP {
  color: var(--primaryColor);
  background-color: var(--rowSelectedBg);
}

/**
* 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_languageSetting__a1p5b {
  margin-top: 24px;
}
.style_languageSetting__a1p5b .style_title__Rocou,
.style_languageSetting__a1p5b .style_tip__phUxn {
  padding-bottom: 8px;
}
.style_languageSetting__a1p5b .style_learnMore__w2fCP {
  color: var(--textCommonPrimary);
  text-decoration: underline;
}

.style_expandRecordVisionSetting__g_zee {
  margin-top: 24px;
}
.style_expandRecordVisionSetting__g_zee .style_title__deC6v {
  padding-bottom: 8px;
}
.style_expandRecordVisionSetting__g_zee .style_tip__vihJ1 {
  padding-bottom: 24px;
}

.style_themeSetting__yphkW {
  margin-top: 24px;
}
.style_themeSetting__yphkW .style_title__Oc_zY {
  padding-bottom: 8px;
}
.style_themeSetting__yphkW .style_tip__EytjV {
  padding-bottom: 24px;
}

.style_timezoneSetting__wRbx7 {
  margin-top: 24px;
}
.style_timezoneSetting__wRbx7 .style_title__sfVXx {
  padding-bottom: 8px;
}
.style_timezoneSetting__wRbx7 .style_tip__q31qp {
  padding-bottom: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
@media screen and (min-width: 767.98px) {
  .style_personalizedSetting__V_RwL {
    padding-left: 40px;
  }
}
.style_personalizedSetting__V_RwL .style_title__i0s5_ {
  padding-bottom: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_ant-modal-close__JRvBf {
  height: 24px;
  width: 24px;
  margin: 24px 24px 0 0;
}
.style_ant-modal-close__JRvBf:focus-within .style_ant-modal-close-x__7_dHo:hover {
  background: var(--black_300);
  box-shadow: 0 0 0 4px var(--black_300);
}
.style_ant-modal-body__PP88k {
  color: var(--fc1);
}
.style_ant-modal-confirm-title__cM3Hi,
.style_ant-modal-confirm-content__wPxW_ {
  color: var(--fc1) !important;
}
.style_ant-modal-close-x__7_dHo {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.style_ant-modal-close-x__7_dHo:hover {
  background: var(--fc11);
  box-shadow: 0 0 0 4px var(--fc11);
}
.style_ant-modal-close-x__7_dHo svg {
  height: 16px;
  width: 16px;
  fill: var(--thirdLevelText);
}
.style_ant-modal-header__ogG7l {
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.style_ant-modal-title__yb7O_ {
  color: var(--firstLevelText);
}
.style_ant-modal-content__bJBr_ {
  border-radius: 8px;
  background-color: var(--bgCommonDefault);
  border: 1px solid var(--borderCommonDefault);
  box-shadow: var(--shadowCommonHighest);
  background-clip: inherit;
}
.style_ant-modal-header__ogG7l {
  background-color: var(--bgCommonDefault);
}
.style_ant-modal-footer__jHFHX {
  border-top: none;
}
.style_accountCenter__yPi56 .style_wrapper__MP4_Q {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_accountCenter__yPi56 .ant-modal-content {
  max-height: 768px;
  min-height: 650px;
  height: 85vh;
  border-radius: 8px;
}
.style_accountCenter__yPi56 .ant-modal-header {
  padding-top: 24px;
  padding-bottom: 0px;
}
.style_accountCenter__yPi56 .ant-modal-content {
  display: flex;
  flex-direction: column;
}
.style_accountCenter__yPi56 .ant-modal-body {
  padding-left: 0px;
  flex: 1;
  overflow: hidden;
  padding-right: 0;
}
.style_accountCenterWrapper__Ac3_f {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding-top: 24px;
}
.style_accountCenterWrapper__Ac3_f .style_left__lOwgs {
  width: 240px;
  height: 100%;
  box-shadow: 1px 0px 0px 0px var(--shadowColor);
}
.style_accountCenterWrapper__Ac3_f .style_right__W81HV {
  height: 100%;
  flex: 1;
  overflow: hidden;
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__Bs_jn {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3x9jC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__nNmCz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__nNmCz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__nNmCz 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__nNmCz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__nNmCz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__nNmCz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__nNmCz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__nNmCz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__nNmCz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__6HZmw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__aPRNp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__OJi_i .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__OJi_i .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__OJi_i .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__OJi_i .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__OJi_i .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__OJi_i .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__OJi_i .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__OJi_i .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__OJi_i .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__OJi_i .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__OJi_i .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__OJi_i .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__OJi_i .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__OJi_i .editBgColor::before,
.style_tree__OJi_i .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__OJi_i .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__OJi_i .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__OJi_i .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__OJi_i .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__OJi_i .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__OJi_i .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__OJi_i .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__OJi_i .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__OJi_i .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__oH7P_ .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__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__oH7P_ .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__oH7P_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__oH7P_ .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__oH7P_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__oH7P_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__VS8m4 .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__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__VS8m4 .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__VS8m4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__VS8m4 .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__VS8m4 .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__VS8m4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VS8m4 .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__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__VS8m4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__kJ9yh::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__kJ9yh::-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__kJ9yh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__kilf0::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__kilf0::-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__kilf0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__iCg2b {
  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__YZEoh {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__YZEoh {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__YZEoh {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__YZEoh {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__YZEoh {
    flex: 0 0 100%;
  }
}
.style_uploadContainer__cTPoQ {
  width: 100%;
  height: 100%;
}
.style_uploadContainer__cTPoQ .ant-spin-nested-loading,
.style_uploadContainer__cTPoQ .ant-spin-container {
  width: 100%;
  height: 100%;
}
.style_initPreview__wjjcr {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_initPreview__wjjcr.style_initBackground__rKZLh {
  background-color: var(--lowestBg);
}
.style_initPreview__wjjcr.style_initBorder__0DOmi {
  border: 1px solid var(--lineColor);
  border-radius: 4px;
  overflow: hidden;
}
.style_coverImgWrapper__C_MZX {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.style_coverImgWrapper__C_MZX .style_coverImg__2z3oE {
  display: block;
  object-fit: cover;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-position: center 50%;
}
.style_coverImgWrapper__C_MZX .style_editBtn__01lp1 {
  top: 24px;
  right: 24px;
}
.style_coverImgWrapper__C_MZX .style_editBtn__01lp1 svg {
  fill: var(--fc1);
}
@media (any-hover: hover) {
  .style_coverImgWrapper__C_MZX:hover .style_editBtn__01lp1 {
    display: flex;
  }
}
.style_editBtn__01lp1 {
  position: absolute;
  width: 32px;
  height: 32px;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  cursor: pointer;
}
.style_editBtn__01lp1.style_editBtnMobile__daeA9 {
  display: flex;
}
.style_logoImgWrapper__bSPsi {
  background-color: var(--lowestBg);
  cursor: pointer;
}
.style_logoImgWrapper__bSPsi.style_logoWrapMobile__dgyTi {
  width: 80px;
  height: 80px;
}
.style_logoImgWrapper__bSPsi.style_notEmpty__Lh8sT {
  background-color: transparent;
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  transition: background-color 0.3s linear;
}
@media (any-hover: hover) {
  .style_logoImgWrapper__bSPsi .style_logoImg__8sptj:hover {
    background-color: var(--fill1);
  }
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj .style_logoPlaceHolder__UlpaG {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj .style_logoPlaceHolder__UlpaG.style_placeholderMobile__dMCZ8 {
  padding-top: 16px;
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj .style_logoPlaceHolder__UlpaG span {
  margin-top: 8px;
  font-size: 12px;
  color: var(--fourthLevelText);
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj .style_editBtn__01lp1 {
  top: 44px;
  left: 44px;
}
.style_logoImgWrapper__bSPsi .style_logoImg__8sptj .style_editBtn__01lp1.style_editBtnMobile__daeA9 {
  left: 24px;
  top: 24px;
}
@media (any-hover: hover) {
  .style_logoImgWrapper__bSPsi .style_logoImg__8sptj:hover .style_editBtn__01lp1 {
    display: flex;
  }
}
.style_logoImgWrapper__bSPsi img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.style_formPropContainer__xYcT9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.style_formPropContainer__xYcT9.style_noRadius__m4vFG {
  border-radius: 0;
}
.style_formPropContainer__xYcT9 .style_coverImgUploader__DBI_p {
  width: 100%;
  height: 240px;
  position: absolute;
  left: 0;
  top: 0;
}
.style_formPropContainer__xYcT9 .style_coverImgUploader__DBI_p.style_coverImgUploaderMobile__my9wW {
  height: 125px;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5 {
  position: relative;
  padding: 100px 64px 0;
  margin-top: 240px;
  width: 100%;
  max-width: 720px;
  transition: all 0.3s ease-in-out;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5.style_limitStyleMobile__DxNJE {
  margin-top: 125px;
  padding: 72px 24px 0;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5.style_noCover__L0RdW {
  margin-top: 100px;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5.style_noLogo__zNMcD {
  padding-top: 40px;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5.style_onlyTitle__wSWHg {
  margin-top: 0;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5.style_shareLogoPadding__E_ixt {
  padding-top: 60px;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5 .style_logoImgUploader__JV_Qj {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  border-radius: 8px;
  overflow: hidden;
}
.style_formPropContainer__xYcT9 .style_limitStyle__qKre5 .style_logoImgUploader__JV_Qj.style_logoImgUploaderMobile__BJP0w {
  width: 80px;
  height: 80px;
  top: -40px;
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__M2LM5 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__I27vK {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IY9KA ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IY9KA ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IY9KA 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__IY9KA ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IY9KA li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IY9KA .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IY9KA .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IY9KA .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IY9KA .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__nbvjt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__P8w_W {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__s8llk .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__s8llk .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__s8llk .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__s8llk .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__s8llk .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__s8llk .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__s8llk .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__s8llk .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__s8llk .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__s8llk .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__s8llk .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__s8llk .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__s8llk .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__s8llk .editBgColor::before,
.style_tree__s8llk .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__s8llk .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__s8llk .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__s8llk .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__s8llk .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__s8llk .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__s8llk .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__s8llk .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__s8llk .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__s8llk .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: flex;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-title {
  display: inline-block;
  height: 40px;
  line-height: 40px !important;
  padding: 0;
  flex: 1;
  width: calc(100% - 50px);
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  transition: all 0.2s;
  transform: scale(1) !important;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__slE_X .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__UbB2B .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__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__UbB2B .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__UbB2B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__UbB2B .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__UbB2B .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__UbB2B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UbB2B .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__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__UbB2B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__oEGCo::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__oEGCo::-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__oEGCo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__PiJ3F::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__PiJ3F::-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__PiJ3F:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__MLytC {
  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__8501m {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__8501m {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__8501m {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__8501m {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__8501m {
    flex: 0 0 100%;
  }
}
.style_formContainer___l_mB {
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formContainer___l_mB .style_formContentWrapper__UA7IZ {
  overflow: auto;
  height: 100%;
}
.style_formContainer___l_mB .style_formContent__K8Ybw {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 32px auto 80px;
  padding-bottom: 80px;
  width: 720px;
  border-radius: 8px;
  background-color: var(--defaultBg);
  box-shadow: var(--shadowCommonHigh);
  transition: all 0.3s linear;
}
.style_formContainer___l_mB .style_formContent__K8Ybw.style_fullScreen__2cjwn {
  width: 100%;
  margin-top: 0;
  padding-bottom: 40px;
  box-shadow: none;
  border-radius: 0;
}
.style_formContainer___l_mB .style_formContent__K8Ybw.style_formContentMobile__SOqcQ {
  margin-bottom: 0;
}
.style_formContainer___l_mB .style_formContent__K8Ybw.style_noCover__ba6Rz {
  border-top: 8px solid var(--primaryColor);
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_formFieldContainer__TKjMf {
  margin-top: 16px;
  padding: 0 64px;
  width: 100%;
  max-width: 720px;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_formFieldContainer__TKjMf.style_formFieldContainerMobile__YxQAe {
  padding: 0 24px;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR {
  width: 236px;
  height: 40px;
  margin: 48px auto 0;
  text-align: center;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR.style_submitWrapperMobile__xuJKQ {
  width: 100%;
  height: 48px;
  padding: 0 24px;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR.style_submitWrapperLoading__K9tKC .btn[disabled] {
  opacity: 1;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR .style_submitBtn__6Xp47 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR .style_submitBtn__6Xp47 .style_submitLoading__EviBl {
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: style_spin__6Gocr 1s linear infinite;
}
@keyframes style_spin__6Gocr {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.style_formContainer___l_mB .style_formContent__K8Ybw .style_submitWrapper__UDiwR .style_submitBtn__6Xp47 .style_addIcon__bbavE {
  margin-right: 4px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z {
  display: flex;
  justify-content: center;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI {
  display: flex;
  position: relative;
  margin-bottom: 24px;
  height: 16px;
  color: var(--thirdLevelText);
  font-size: 12px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_brandContainerMobile__Q9DMv {
  margin: 40px 0 24px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_brandContainerMobile__Q9DMv::before,
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_brandContainerMobile__Q9DMv::after {
  width: 60px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_brandContainerMobile__Q9DMv::before {
  left: -70px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_brandContainerMobile__Q9DMv::after {
  right: -70px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI.style_autoFixer__b_4GQ {
  position: fixed;
  bottom: 0;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI::before,
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI::after {
  content: '';
  width: 100px;
  height: 1px;
  position: absolute;
  top: 8px;
  background-color: var(--lineColor);
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI::before {
  left: -116px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI::after {
  right: -116px;
}
.style_formContainer___l_mB .style_brandContainerWrapper__vW2_z .style_brandContainer__O_LbI .style_logoWrap___bi4o {
  height: 100%;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc {
  width: 100%;
  height: 100%;
  min-height: 400px;
  padding: 32px 0 120px;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc.style_welcomeWrapperMobile__2Hv1t {
  padding: 0;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc.style_welcomeWrapperMobile__2Hv1t .style_welcome__yyLDi {
  width: 100%;
  border-top: none;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc.style_welcomeWrapperMobile__2Hv1t .style_welcome__yyLDi .style_welcomeInner__HY9fn {
  top: 180px;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc .style_welcome__yyLDi {
  margin: 0 auto;
  width: 790px;
  height: 100%;
  border-radius: 8px;
  background-color: var(--defaultBg);
  border-top: 9px solid var(--primaryColor);
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc .style_welcome__yyLDi .style_welcomeInner__HY9fn {
  position: relative;
  top: 15%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc .style_welcome__yyLDi .style_welcomeInner__HY9fn .style_iconSuccess__VfXJK {
  width: 100px;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc .style_welcome__yyLDi .style_welcomeInner__HY9fn .style_thankText__aOId0 {
  margin-top: 24px;
  font-size: 14px;
}
.style_formContainer___l_mB .style_welcomeWrapper__Eu_vc .style_welcome__yyLDi .style_welcomeInner__HY9fn .style_linkBtn__l2iSW {
  margin-top: 24px;
  color: var(--primaryColor);
}
.style_formContainer___l_mB .style_logoContainer__U2dKF {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 134px;
  height: 24px;
  cursor: pointer;
}
.style_modalBody__b_i3S {
  font-family: 'MTS Compact', sans-serif;
}
.style_modalBody__b_i3S .style_contentTitle__NMHT2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 8px;
  text-align: center;
}
.style_modalBody__b_i3S .style_contentText__ivXEE {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  text-align: center;
  padding-bottom: 20px;
}
.style_modalBody__b_i3S .ant-modal-content {
  border-radius: 20px;
}
.style_modalBody__b_i3S .ant-modal-body {
  padding: 28px 20px;
}
.style_modalBody__b_i3S .ant-modal-body > div > div:first-child {
  justify-content: center;
}
@media screen and (max-width: 991.98px) {
  .style_mobilePreFill__Nuy_g .ant-drawer-body {
    padding: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__n_ocj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QG8d7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__d5TVi ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__d5TVi ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__d5TVi 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__d5TVi ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__d5TVi li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__d5TVi .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__d5TVi .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__d5TVi .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__d5TVi .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__SW_0B {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__wLDi1 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__kOVM1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__kOVM1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__kOVM1 .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__kOVM1 .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__kOVM1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__kOVM1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__kOVM1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__kOVM1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__kOVM1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__kOVM1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__kOVM1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__kOVM1 .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__kOVM1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__kOVM1 .editBgColor::before,
.style_tree__kOVM1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__kOVM1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__kOVM1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__kOVM1 .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__kOVM1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__kOVM1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__kOVM1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__kOVM1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__kOVM1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__kOVM1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__7Qjuf .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__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__7Qjuf .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__7Qjuf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__7Qjuf .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__7Qjuf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__7Qjuf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__5Ksx_ .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__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__5Ksx_ .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__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__5Ksx_ .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__5Ksx_ .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__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5Ksx_ .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__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__5Ksx_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__j6JJP::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__j6JJP::-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__j6JJP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__NA9hG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__NA9hG::-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__NA9hG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uyBSR {
  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__IXE_M {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__IXE_M {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__IXE_M {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__IXE_M {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__IXE_M {
    flex: 0 0 100%;
  }
}
.style_shareMobileBar__7PoZK {
  flex-shrink: 0;
  cursor: pointer;
  height: 48px;
  display: flex;
  padding: 0 10px;
  align-items: center;
  justify-content: space-between;
  background: var(--defaultBg);
  border-bottom: 0.5px solid var(--lineColor);
}
.style_middle__73nf1 {
  display: flex;
  width: calc(100% - 112px);
  justify-content: center;
  align-items: center;
}
.style_middle__73nf1 span {
  font-size: 15px;
  font-weight: bold;
}
.style_nodeInfoWrap__qgMfg {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.style_nodeInfoWrap__qgMfg span.style_nodeName__4ZfVZ {
  width: 90%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_viewName__Ho6O_ {
  cursor: pointer;
  color: var(--secondLevelText);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88%;
  position: relative;
  left: 4px;
}
.style_viewName__Ho6O_ span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-size: 12px;
}
.style_right__uNTmO {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 56px;
}
.style_side__S5ex8 {
  width: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_settingPanel__nh__X {
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: 240px;
  height: auto;
  background-color: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 8px;
  -webkit-user-select: none;
          user-select: none;
}
.style_settingPanel__nh__X .style_title__Turli {
  color: var(--thirdLevelText);
}
.style_settingPanel__nh__X .style_optionList__FU14C {
  margin-top: 16px;
}
.style_settingPanel__nh__X .style_optionList__FU14C .style_optionItem__TW_ml {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.style_settingPanel__nh__X .style_optionList__FU14C .style_optionItem__TW_ml:first-child {
  margin-top: 0;
}
.style_settingPanel__nh__X .style_optionList__FU14C .style_optionItem__TW_ml .style_iconWrap__19q72 {
  margin-left: -3px;
  width: 16px;
  height: 16px;
}
.style_settingPanel__nh__X .style_optionList__FU14C .style_optionItem__TW_ml .style_iconWrap__19q72 svg:hover {
  fill: var(--primaryColor);
}
.style_shareModal__fUDnh .ant-modal-close-x svg {
  fill: var(--defaultBg);
}
.style_shareModal__fUDnh .ant-modal-close-x svg:hover {
  fill: var(--secondLevelText);
}
.style_shareDrawer__1OsnK .ant-drawer-header {
  z-index: 1;
}
.style_shareDrawer__1OsnK .ant-drawer-body {
  padding: 0;
}
.style_shareDrawer__1OsnK .style_container__JG9F6 {
  padding: 24px 16px;
}
.style_header__5rggw {
  width: 100%;
}
.style_header__5rggw .style_cover__sN1se {
  width: 100%;
}
.style_container__JG9F6 {
  padding: 24px;
}
.style_container__JG9F6 .style_title__Turli {
  font-size: 18px;
  font-weight: bold;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT {
  margin-top: 32px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareTitle__iZSND {
  display: flex;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareTitle__iZSND .style_shareTitleText__VN_lf {
  margin-left: 4px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_switcherWrapper__nXGXD {
  display: flex;
  align-items: center;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_switcherWrapper__nXGXD .style_statusSwitcher__rFo5T {
  width: 28px;
  margin-right: 8px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareLink__DxpMw {
  margin-top: 16px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareContent__AkQZH {
  margin-top: 24px;
  border: 1px solid var(--lineColor);
  border-radius: 4px;
  padding: 24px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareContent__AkQZH .style_fillSetting__sY_8h .style_fillTitle__QHH7z {
  font-size: 13px;
  padding-bottom: 8px;
  color: var(--thirdLevelText);
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareContent__AkQZH .style_fillSetting__sY_8h .style_fillRadioDesc___hSv8 {
  padding: 4px 0;
  color: var(--thirdLevelText);
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareContent__AkQZH .style_fillSetting__sY_8h .style_submitLimitRadio__VZVDH .ant-radio-wrapper {
  margin-right: 40px;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareContent__AkQZH .style_fillSetting__sY_8h .style_submitLimitRadio__VZVDH .ant-radio-wrapper:last-child {
  margin-right: 0;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareClosedContent__gNRGU {
  padding: 48px 0 100px 0;
  text-align: center;
}
.style_container__JG9F6 .style_shareSetting__Q3jcT .style_shareClosedContent__gNRGU .style_shareClosedTips__OHHXf {
  padding-top: 24px;
  font-size: 13px;
  color: var(--thirdLevelText);
  line-height: 20px;
}
.style_toolbarItem___lHJS {
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding: 4px;
  height: 30px;
  font-size: 14px;
}
.style_toolbarItem___lHJS.style_active__Eqdud,
.style_toolbarItem___lHJS.style_active__Eqdud:hover {
  color: var(--primaryColor) !important;
}
.style_toolbarItem___lHJS.style_active__Eqdud svg,
.style_toolbarItem___lHJS.style_active__Eqdud: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__yjkPp {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__K37i7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__HCs68 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__HCs68 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__HCs68 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__HCs68 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__HCs68 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__HCs68 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__HCs68 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__HCs68 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__HCs68 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__1QC9q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___tMJL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__XLyIW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__XLyIW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__XLyIW .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__XLyIW .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__XLyIW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__XLyIW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__XLyIW .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__XLyIW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__XLyIW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__XLyIW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__XLyIW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__XLyIW .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__XLyIW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__XLyIW .editBgColor::before,
.style_tree__XLyIW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__XLyIW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__XLyIW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__XLyIW .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__XLyIW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__XLyIW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__XLyIW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__XLyIW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__XLyIW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__XLyIW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__taYi7 .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__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__taYi7 .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__taYi7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__taYi7 .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__taYi7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__taYi7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__cNpgi .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__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__cNpgi .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__cNpgi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__cNpgi .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__cNpgi .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__cNpgi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cNpgi .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__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__cNpgi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__A1Edv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__A1Edv::-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__A1Edv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__t_bEo::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__t_bEo::-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__t_bEo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__NvVU_ {
  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__Ao5bB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Ao5bB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Ao5bB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Ao5bB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Ao5bB {
    flex: 0 0 100%;
  }
}
.style_footer__hMFsj {
  display: flex;
  justify-content: flex-end;
  padding: 0 24px;
  height: 80px;
  align-items: center;
}
.style_desc__54cKn {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
}
.style_desc__54cKn svg {
  margin-right: 8px;
  vertical-align: -0.125em;
  flex-shrink: 0;
  fill: var(--thirdLevelText);
}
.style_desc__54cKn .style_text__zlBrO {
  font-size: 12px;
  color: var(--fc2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 651px) {
  .codex-editor--narrow .ce-toolbar__plus {
    left: -28px;
  }
}
.style_showDesc__V4Fdn {
  padding: 0 24px;
  height: calc(100% - 80px);
  overflow: scroll;
}
.style_showDesc__V4Fdn.style_noPermission__cyVOk {
  height: 100%;
}
.style_showDesc__V4Fdn img {
  width: 100%;
}
.style_quill__ZB3oe {
  height: calc(100% - 24px);
}
.style_quill__ZB3oe .ql-editor {
  line-height: inherit;
}
.style_quill__ZB3oe > div:nth-of-type(2) {
  height: calc(100% - 48px);
  border: none;
}
.style_mobileCloseButton__vFbeN {
  position: absolute;
  bottom: -72px;
  background: var(--defaultBg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}
.style_mobileCloseButton__vFbeN svg {
  fill: var(--fc3);
}
.style_hiddenToolbar__Fm4Z3 .ql-toolbar {
  display: none;
}
.style_descModal__zBFQ1 .ant-modal-title {
  width: 100%;
}
.style_descModal__zBFQ1 .ant-modal-title div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 48px;
}
.style_mobileModal__wUo2U .ant-modal-title div {
  padding-right: 0;
}
@media screen and (max-width: 767.98px) {
  .style_desc__54cKn {
    position: absolute;
    width: calc(100% - 32px);
    height: 44px;
  }
}

/**
* 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_favoriteStatus__yVY5h {
  display: flex !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 3px 0 0 3px;
}
.style_favoriteStatus__yVY5h .style_svg__imBst {
  width: 18px;
  height: 18px;
}
.style_favoriteStatus__yVY5h .style_favorite__K1lzh {
  fill: var(--warningColor);
}
.style_favoriteStatus__yVY5h .style_unFavorite__FG_Wz {
  fill: var(--thirdLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_nodeInfoBar__S8h0v {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 3px;
}
.style_nodeInfoBar__S8h0v .style_nameWrapper__6h65B {
  max-height: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  min-width: 0;
}
.style_nodeInfoBar__S8h0v .style_nameWrapper__6h65B.style_editing__Nv9Q2 {
  flex: 1;
}
.style_nodeInfoBar__S8h0v .style_permissionWrapper__hLdOc {
  display: flex;
  align-items: center;
}
.style_nodeInfoBar__S8h0v .style_icon__H3IQd {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  margin-left: 4px;
}
.style_nodeInfoBar__S8h0v .style_icon__H3IQd.style_iconHover__eLxDj {
  cursor: pointer;
}
@media (any-hover: hover) {
  .style_nodeInfoBar__S8h0v .style_icon__H3IQd.style_iconHover__eLxDj:hover {
    background: var(--shadowColor);
  }
}
.style_nodeInfoBar__S8h0v .style_nameInput__D4q7F {
  margin-right: 9px;
  border: none;
  padding: 0;
  min-width: 20px;
  background-color: transparent;
  line-height: 0;
}
.style_nodeInfoBar__S8h0v .style_nameBox__H4gwr {
  display: flex;
  min-width: 0;
}
.style_nodeInfoBar__S8h0v .style_name__okzI6 {
  height: auto;
  flex: 1;
}
.style_nodeInfoBar__S8h0v .style_namePre___MAfk {
  visibility: hidden;
  position: absolute;
}
.style_nodeInfoBar__S8h0v .style_tag__pK6lX {
  flex-shrink: 0;
  margin: 0 6px 0 9px;
}
.style_multiLine__rOoww {
  flex-direction: column;
}
.style_multiLine__rOoww .style_permissionWrapper__hLdOc {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-bottom: 2px;
}

/**
* 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__Oh9D5 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__JA8U_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__z7FlE ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__z7FlE ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__z7FlE 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__z7FlE ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__z7FlE li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__z7FlE .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__z7FlE .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__z7FlE .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__z7FlE .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__oG3YF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__NGFiO {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__6Vjss .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__6Vjss .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__6Vjss .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__6Vjss .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__6Vjss .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__6Vjss .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__6Vjss .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__6Vjss .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__6Vjss .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__6Vjss .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__6Vjss .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__6Vjss .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__6Vjss .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__6Vjss .editBgColor::before,
.style_tree__6Vjss .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__6Vjss .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__6Vjss .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__6Vjss .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__6Vjss .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__6Vjss .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__6Vjss .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__6Vjss .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__6Vjss .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__6Vjss .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__XShmC .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__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__XShmC .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__XShmC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__XShmC .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__XShmC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__XShmC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__TlcEf .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__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__TlcEf .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__TlcEf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__TlcEf .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__TlcEf .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__TlcEf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__TlcEf .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__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__TlcEf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__5sRHV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__5sRHV::-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__5sRHV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ctKPx::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ctKPx::-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__ctKPx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7MCyq {
  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__DXraD {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__DXraD {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__DXraD {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__DXraD {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__DXraD {
    flex: 0 0 100%;
  }
}
.style_moreMemberCount__m4FuJ {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  margin-left: 8px;
}
.style_statusbar__A_Zr6 {
  max-width: 110px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.style_statusbar__A_Zr6 .style_collaboratorsAvatars__k5xVh {
  display: flex;
  flex-direction: row-reverse;
}
.style_statusbar__A_Zr6 > span {
  height: 24px;
}
.style_statusbarLine__K0HqR::after {
  content: "";
  display: block;
  height: 20px;
  background: var(--lineColor);
  width: 1px;
  margin-left: 8px;
  margin-right: 8px;
}
.style_statusbarMargin__oySQr {
  margin-right: 16px;
}
.style_memberListPopover__Eepdw .ant-popover-arrow {
  display: none;
}
.style_memberListPopover__Eepdw .ant-popover-inner-content {
  padding: 0;
}
.style_memberListCard__KvfJr {
  overflow-y: auto;
  width: 180px;
  max-height: 280px;
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 1px solid var(--lineColor);
  padding-bottom: 3px;
}
.style_memberListCard__KvfJr::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_memberListCard__KvfJr::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_memberListCard__KvfJr::-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_memberListCard__KvfJr:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_memberListCard__KvfJr .style_avatarListItem__F7SXA {
  cursor: pointer;
  height: 35px;
  display: flex;
  margin-top: 6px;
  padding-left: 10px;
  align-items: center;
}
.style_memberListCard__KvfJr .style_avatarListItem__F7SXA:hover {
  background-color: var(--rowSelectedBg);
}
.style_memberListCard__KvfJr .style_avatarListItem__F7SXA .style_userName__ryohI {
  height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: var(--firstLevelText);
  line-height: 18px;
  margin-left: 8px;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__Abh8D {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__dLQZz {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__07RLK ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__07RLK ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__07RLK 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__07RLK ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__07RLK li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__07RLK .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__07RLK .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__07RLK .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__07RLK .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GOoRc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__fVSze {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__12eWp .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__12eWp .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__12eWp .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__12eWp .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__12eWp .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__12eWp .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__12eWp .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__12eWp .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__12eWp .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__12eWp .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__12eWp .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__12eWp .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__12eWp .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__12eWp .editBgColor::before,
.style_tree__12eWp .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__12eWp .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__12eWp .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__12eWp .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__12eWp .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__12eWp .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__12eWp .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__12eWp .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__12eWp .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__12eWp .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cpacU .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__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cpacU .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__cpacU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cpacU .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__cpacU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cpacU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__zTfZi .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__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__zTfZi .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__zTfZi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__zTfZi .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__zTfZi .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__zTfZi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__zTfZi .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__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__zTfZi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Xfzr6::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Xfzr6::-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__Xfzr6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__3vT3O::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__3vT3O::-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__3vT3O:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__DKKhK {
  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__3egas {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3egas {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3egas {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3egas {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3egas {
    flex: 0 0 100%;
  }
}
.style_tabBarWrapper__IuLIe {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px solid var(--borderCommonDefault);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_nav__5S3FA {
  width: 100%;
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.style_nav__5S3FA.style_navMobile__g1_Zt .style_sidebar__1E83C {
  background-color: var(--primaryColor);
  width: 32px;
  height: 32px;
  border-radius: 0 50% 50% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px / 375px * 100vw;
  flex-shrink: 0;
}
.style_nav__5S3FA .react-contextmenu {
  z-index: var(--contextmenu);
}
.style_nav__5S3FA .tab-context-menu {
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 2px solid var(--lineColor);
}
.style_nav__5S3FA .tab-context-menu .react-contextmenu-item {
  width: 220px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
}
.style_nav__5S3FA .tab-context-menu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.style_nav__5S3FA .ant-modal-confirm-content {
  margin: 20px 0 0 0 !important;
}
.style_status__1HCrt {
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 32px;
  height: 100%;
  padding-top: 10px;
  margin-left: 32px;
}
.style_left__LUnvR {
  flex: 0 1 100%;
  padding-left: 32px;
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-right: 8px;
}
.style_left__LUnvR p {
  margin-bottom: 0;
}
.style_left__LUnvR .style_container__d6h5A {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style_left__LUnvR .style_container__d6h5A .style_nodeInfo__A3Lzu {
  flex: 1;
}
.style_right__WQ5Rz {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}
.style_right__WQ5Rz.style_rightMobile__zKupO {
  width: 60%;
}
.style_right__WQ5Rz .style_preFillBtn__4z368 {
  margin-right: 8px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_right__WQ5Rz .style_tourDesc__MOch9 {
  font-size: 13px;
}
.style_right__WQ5Rz .style_tourDesc__MOch9 > span {
  font-size: 13px;
}
@media screen and (max-width: 991.98px) {
  .style_left__LUnvR {
    padding-left: 16px;
  }
  .style_left__LUnvR .style_container__d6h5A {
    flex-direction: column;
  }
  .style_left__LUnvR .style_container__d6h5A .style_sourceInfo__Z3h7R {
    margin-left: 0;
  }
}

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

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

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

.styles_editor___tmW6 {
  font-variant-numeric: normal;
  /* Render the username above the caret */
  /* List styles */
  /* Heading styles */
  /* Code and preformatted text styles */
  /* Highlight specific styles */
  /* Task list specific styles */
}
.styles_editor___tmW6 ::selection {
  background: #b7ddff;
  text-shadow: none;
}
.styles_editor___tmW6 ::-moz-selection {
  background: #b7ddff;
  text-shadow: none;
}
.styles_editor___tmW6 .styles_cursorCaret__qXtOs {
  border-left: 1px solid #0d0d0d;
  border-right: 1px solid #0d0d0d;
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.styles_editor___tmW6 .styles_cursorLabel__6fMKX {
  border-radius: 3px 3px 3px 0;
  color: #0d0d0d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: 0.1rem 0.3rem;
  position: absolute;
  top: -1.4em;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.styles_editor___tmW6 :first-child {
  margin-top: 0;
}
.styles_editor___tmW6 ul,
.styles_editor___tmW6 ol {
  padding: 0 1rem;
  margin: 1.25rem 1rem 1.25rem 0.4rem;
}
.styles_editor___tmW6 ul li p,
.styles_editor___tmW6 ol li p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.styles_editor___tmW6 h1,
.styles_editor___tmW6 h2,
.styles_editor___tmW6 h3,
.styles_editor___tmW6 h4,
.styles_editor___tmW6 h5,
.styles_editor___tmW6 h6 {
  line-height: 1.1;
  margin-top: 2.5rem;
  text-wrap: pretty;
  font-family: "MTS Wide", sans-serif;
  font-weight: 500;
}
.styles_editor___tmW6 h1,
.styles_editor___tmW6 h2 {
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}
.styles_editor___tmW6 h1 {
  font-size: 1.4rem;
}
.styles_editor___tmW6 h2 {
  font-size: 1.2rem;
}
.styles_editor___tmW6 h3 {
  font-size: 1.1rem;
}
.styles_editor___tmW6 h4,
.styles_editor___tmW6 h5,
.styles_editor___tmW6 h6 {
  font-size: 1rem;
}
.styles_editor___tmW6 code {
  background-color: var(--purple-light);
  border-radius: 0.4rem;
  color: var(--black);
  font-size: 0.85rem;
  padding: 0.25em 0.3em;
}
.styles_editor___tmW6 pre {
  background-color: var(--color-background-secondary);
  color: var(--color-text-secondary);
  border-radius: 0.5rem;
  font-family: 'JetBrainsMono', monospace;
  margin: 1.5rem 0;
  padding: 0.75rem 1rem;
}
.styles_editor___tmW6 pre code {
  background: none;
  color: inherit;
  font-size: 0.8rem;
  padding: 0;
}
.styles_editor___tmW6 hr {
  border: none;
  border-top: 1px solid var(--gray-2);
  margin: 2rem 0;
}
.styles_editor___tmW6 mark {
  background-color: #FAF594;
  border-radius: 0.4rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0.1rem 0.3rem;
}
.styles_editor___tmW6 ul[data-type="taskList"] {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.styles_editor___tmW6 ul[data-type="taskList"] li {
  align-items: flex-start;
  display: flex;
}
.styles_editor___tmW6 ul[data-type="taskList"] li > label {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  -webkit-user-select: none;
          user-select: none;
}
.styles_editor___tmW6 ul[data-type="taskList"] li > div {
  flex: 1 1 auto;
}
.styles_editor___tmW6 ul[data-type="taskList"] input[type="checkbox"] {
  cursor: pointer;
}
.styles_editor___tmW6 ul[data-type="taskList"] ul[data-type="taskList"] {
  margin: 0;
}
.styles_editor___tmW6 p {
  word-break: break-all;
}
.styles_editorPopup__Fm7_D {
  background: var(--color-background-modal);
  padding: 0.5rem;
  border-radius: 0.75rem;
  box-shadow: var(--shadow-middle);
}
.styles_editorPopup__Fm7_D .styles_editorPopupBubble__dqoql {
  padding: 0.25rem;
}

/**
* 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__TSbux {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__B_1rV {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__K4gjE ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__K4gjE ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__K4gjE 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__K4gjE ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__K4gjE li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__K4gjE .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__K4gjE .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__K4gjE .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__K4gjE .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__3RGTq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__RiybB {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__mEYGB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__mEYGB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__mEYGB .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__mEYGB .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__mEYGB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__mEYGB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__mEYGB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__mEYGB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__mEYGB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__mEYGB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__mEYGB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__mEYGB .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__mEYGB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__mEYGB .editBgColor::before,
.style_tree__mEYGB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__mEYGB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__mEYGB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__mEYGB .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__mEYGB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__mEYGB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__mEYGB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__mEYGB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__mEYGB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__mEYGB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__le03X .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__le03X .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__le03X .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__le03X .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__le03X .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__le03X .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__le03X .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ZBTna .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__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ZBTna .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__ZBTna .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ZBTna .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__ZBTna .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__ZBTna .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZBTna .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__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ZBTna .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__yQnG5::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__yQnG5::-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__yQnG5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Xn6SZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Xn6SZ::-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__Xn6SZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__c5y4Q {
  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__Hde_0 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Hde_0 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Hde_0 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Hde_0 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Hde_0 {
    flex: 0 0 100%;
  }
}
.style_applicationJoinSpace__KyG9f {
  width: 100%;
  display: flex;
  justify-content: center;
}
.style_applicationJoinSpace__KyG9f .style_container__ssxt3 {
  position: absolute;
  bottom: 72px;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 24px;
  border-radius: 8px;
  background: var(--defaultBg);
  box-shadow: 0px 2px 14px 0px var(--shadowColor);
  transition: all 1s ease;
}
.style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_text__p5XtG {
  padding-right: 16px;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_applicationBtn__IRTWn {
  flex-shrink: 0;
}
.style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_closeBtn__Oa6EP {
  display: flex;
  align-items: center;
  margin-left: 16px;
  width: 16px;
  height: 16px;
}
.style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_closeBtn__Oa6EP svg {
  width: 16px;
  height: 16px;
  fill: var(--secondLevelText);
  cursor: pointer;
}
.style_joinBtn__Al2he {
  opacity: 0;
  visibility: hidden;
}
@keyframes style_fadeInAnimation__YT8XM {
  0% {
    opacity: 0.5;
    transform: translateX(80px);
  }
  40% {
    opacity: 1;
    transform: translateX(-10px);
  }
  80% {
    opacity: 1;
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes style_fadeoutAnimation__bIslP {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(150px) scale(0.2);
  }
}
.style_fadeout__7NJon .style_container__ssxt3 {
  animation: style_fadeoutAnimation__bIslP 0.3s ease-out forwards;
}
.style_fadeIn__h6kEs.style_joinBtn__Al2he {
  visibility: visible;
  animation: style_fadeInAnimation__YT8XM 0.5s ease-in-out 0.2s forwards;
}
.style_spaceName__2goD2 {
  color: var(--primaryColor);
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .style_applicationJoinSpace__KyG9f .style_container__ssxt3 {
    width: 100%;
    padding: 0 19px;
    height: 48px;
    display: flex;
    justify-content: center;
    bottom: 40px;
    border-radius: 0;
  }
  .style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_text__p5XtG {
    padding-right: 16px;
  }
  .style_applicationJoinSpace__KyG9f .style_container__ssxt3 .style_closeBtn__Oa6EP {
    margin-left: 16px;
  }
  .style_joinBtn__Al2he {
    opacity: 1;
    visibility: visible;
  }
}

/**
* 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__Sg5_w {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3if5b {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__5z2x4 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__5z2x4 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__5z2x4 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__5z2x4 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__5z2x4 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__5z2x4 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__5z2x4 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__5z2x4 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__5z2x4 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__PClaR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__xgkpB {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__pswnK .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__pswnK .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__pswnK .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__pswnK .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__pswnK .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__pswnK .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__pswnK .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__pswnK .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__pswnK .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__pswnK .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__pswnK .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__pswnK .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__pswnK .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__pswnK .editBgColor::before,
.style_tree__pswnK .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__pswnK .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__pswnK .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__pswnK .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__pswnK .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__pswnK .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__pswnK .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__pswnK .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__pswnK .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__pswnK .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__uhrz6 .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__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__uhrz6 .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__uhrz6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__uhrz6 .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__uhrz6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__uhrz6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__xa2mM .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__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__xa2mM .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__xa2mM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__xa2mM .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__xa2mM .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__xa2mM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xa2mM .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__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__xa2mM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Tq_yG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Tq_yG::-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__Tq_yG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ap6Nc::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ap6Nc::-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__ap6Nc:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__g3Cmf {
  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__8E5K9 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__8E5K9 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__8E5K9 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__8E5K9 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__8E5K9 {
    flex: 0 0 100%;
  }
}
.style_iframeShare__vmoht {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.style_share__muL24 {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.style_share__muL24.style_formShare__tpeT3 .formVikaLogo {
  display: none;
}
.style_share__muL24 .style_splitLeft__a_1Vw {
  box-sizing: border-box;
  height: 100%;
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG {
  position: absolute;
  top: 13px;
  right: 0px;
  transform: translateX(50%);
  z-index: var(--catalogCloseBtn);
  width: 24px;
  height: 24px;
  border: 1px solid var(--lineColor);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--defaultBg);
  cursor: pointer;
  border-radius: 50%;
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG svg {
  fill: var(--thirdLevelText);
  pointer-events: none;
  transform: translateX(-1px);
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG.style_isPanelClose__PqN__ {
  right: -30px;
  box-shadow: 0px 1px 6px 0px #d6daee;
  border: none;
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG.style_isPanelClose__PqN__ svg {
  fill: var(--primaryColor);
  pointer-events: none;
  transform: translateX(1px);
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG.style_isPanelClose__PqN__:hover {
  box-shadow: 0px 1px 6px 0px var(--bgBrandLightHover);
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG.style_isPanelClose__PqN__:hover svg {
  fill: var(--primaryColor);
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG:hover {
  background-color: var(--defaultBg);
  border-color: var(--bgBrandLightHover);
}
.style_share__muL24 .style_splitLeft__a_1Vw .style_closeBtn__rWKqG:hover svg {
  fill: var(--primaryColor);
}
.style_share__muL24 .Resizer {
  background: var(--lineColor);
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
.style_share__muL24 .Resizer:hover {
  transition: all 0.5s ease;
}
.style_share__muL24 .Resizer.horizontal {
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  cursor: row-resize;
  width: 100%;
}
.style_share__muL24 .Resizer.horizontal:hover {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.style_share__muL24 .Resizer.vertical {
  margin: 0 -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  cursor: col-resize;
}
.style_share__muL24 .Resizer.vertical:hover {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.style_share__muL24 .Resizer.disabled {
  cursor: not-allowed;
}
.style_share__muL24 .Resizer.disabled:hover {
  border-color: transparent;
}
.style_share__muL24 .ant-modal-header {
  display: none !important;
}
.style_hiddenCatalog__0Eoli .Resizer.vertical {
  margin: 0 -6px;
}
.style_nickNameWrapper__zEepY form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_nickNameWrapper__zEepY .style_nickNameImg__aAr9T {
  width: 210px;
  margin: 0 auto;
}
.style_nickNameWrapper__zEepY .style_nickNameImg__aAr9T img {
  width: 100%;
}
.style_nickNameWrapper__zEepY .style_err___trEn {
  width: 330px;
  font-size: 12px;
  color: var(--errorColor);
  margin-top: 8px;
  height: 12px;
  line-height: 12px;
}
.style_nickNameWrapper__zEepY .style_tip__JFj5Q {
  text-align: center;
  color: var(--firstLevelText);
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0 50px 0;
}
.style_nickNameWrapper__zEepY .style_nickName__z2mQP,
.style_nickNameWrapper__zEepY .style_submit__lgc53 {
  width: 330px;
  height: 50px;
}
.style_nickNameWrapper__zEepY .style_submit__lgc53 {
  margin-top: 30px;
}
.style_embedContainer__vzupB {
  min-width: 800px;
  position: relative;
  min-height: 500px;
}
.style_wrapper__fxPh_ {
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--defaultBg);
  border-radius: 8px;
  overflow: hidden;
  transform: translateZ(0);
}
.style_containerAfter__P2cTE:after {
  content: " ";
  display: block;
  background: var(--primaryColor);
  width: 16px;
  position: absolute;
  right: 0;
  height: 100%;
  bottom: 0;
}
.style_noFolder__Nv8Yp {
  background: var(--defaultBg);
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_mobile__HSKjB {
  width: 100%;
  height: 100%;
}
.style_mobile__HSKjB #DATASHEET_VIEW_CONTAINER_ID {
  padding-left: 0;
}
.style_side__0J0Sg {
  width: 300px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--primaryColor);
  transition: all 0.3s;
}
.style_side__0J0Sg .style_shareButton__Y8sjZ {
  width: 76%;
  color: var(--defaultBg);
  background: var(--warningColor);
  font-size: 14px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.style_side__0J0Sg .style_shareReport__pqGE3 {
  cursor: pointer;
  width: 32px;
  height: 40px;
  background: rgba(var(--defaultBg-rgb), 80%);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 87px;
  left: 0;
}
.style_brandContainer__4CUD8 {
  width: 100%;
  height: 40px;
  background-color: var(--bgCommonDefault);
  border-top: 1px solid var(--borderCommonDefault);
  padding: 10px 16px;
  position: fixed;
  bottom: 0;
}
.style_brandContainer__4CUD8 img {
  height: 20px;
  width: 75px;
}

/**
* 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__veYyC {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__2EPFg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__8QFHq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__8QFHq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__8QFHq 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__8QFHq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__8QFHq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__8QFHq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__8QFHq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__8QFHq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__8QFHq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___7N_u {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__82hQ_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__9NtB_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__9NtB_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__9NtB_ .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__9NtB_ .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__9NtB_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__9NtB_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__9NtB_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__9NtB_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__9NtB_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__9NtB_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__9NtB_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__9NtB_ .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__9NtB_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__9NtB_ .editBgColor::before,
.style_tree__9NtB_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__9NtB_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__9NtB_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__9NtB_ .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__9NtB_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__9NtB_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__9NtB_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__9NtB_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__9NtB_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__9NtB_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__rKkDJ .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__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__rKkDJ .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__rKkDJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__rKkDJ .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__rKkDJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__rKkDJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QrkVZ .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__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QrkVZ .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__QrkVZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QrkVZ .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__QrkVZ .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__QrkVZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QrkVZ .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__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QrkVZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__pLijF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__pLijF::-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__pLijF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__cqep7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__cqep7::-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__cqep7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9xx8A {
  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__t4e2U {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__t4e2U {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__t4e2U {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__t4e2U {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__t4e2U {
    flex: 0 0 100%;
  }
}
.style_side__HvyBQ {
  background-color: var(--primaryColor);
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.style_objectFieldTemplateWrapper__xZQIY {
  display: flex;
  flex-direction: column;
}
.style_objectFieldTemplateWrapper__xZQIY .field-object {
  padding-top: 0!important;
}
.style_inlineObjectChildren__Khw2W {
  align-items: flex-start;
  display: block;
}
.style_inlineObjectChildren__Khw2W.style_inline__NMbiY {
  display: flex;
}
.style_inlineArrayItem__LIOum {
  display: flex;
  align-items: center;
}

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

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

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

.styles_checkedBackground__jqX2G {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--borderCommonDefault) !important;
  background: var(--bgControlsElevateHigh) !important;
  border-radius: 24px !important;
}
.styles_unCheckedBackground__UlyhS {
  border-radius: 24px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--borderCommonDefault) !important;
  background: var(--bgControlsElevateHigh) !important;
}
.styles_checkedText__1LpmZ {
  line-height: 48px;
  color: var(--textCommonTertiary) !important;
  margin-left: 14px !important;
  margin-right: 48px !important;
}
.styles_unCheckedText__8euSc {
  line-height: 48px;
  color: var(--textCommonTertiary) !important;
  margin-left: 48px !important;
  margin-right: 14px !important;
}
.styles_unCheckedCircle__En_6n {
  right: inherit !important;
  left: 8px !important;
  top: 8px !important;
  height: 32px !important;
  width: 32px !important;
  background-color: var(--textStaticTertiary, rgba(255, 255, 255, 0.6)) !important;
}
.styles_checkedCircle__d5BaZ {
  left: inherit !important;
  right: 8px !important;
  top: 8px !important;
  height: 32px !important;
  width: 32px !important;
  background-color: var(--textSuccessDefault, #3CD6A3) !important;
}
.styles_tabPannel___Tr11 {
  height: 100%;
}
.styles_tabPannel___Tr11 .ant-tabs-nav {
  margin-bottom: 0 !important;
}
.styles_tabItem__MaxTa {
  height: 100%;
}
.styles_tabItem__MaxTa .ant-tabs-nav {
  margin-bottom: 0 !important;
}
.styles_tabItem__MaxTa .ant-tabs .ant-tabs-top {
  height: 100%;
}
.styles_tabItem__MaxTa .ant-tabs-content-holder {
  height: calc(100% - 30px);
}
.styles_tabItem__MaxTa .ant-tabs-content-top {
  height: 100%;
}
.styles_tabItem__MaxTa .ant-tabs-tab-btn {
  padding-left: 16px;
}
.styles_tabItem__MaxTa .ant-tabs-ink-bar {
  visibility: hidden;
}

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

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

/**
* 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__XFu3T {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UI3EU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__TzPX6 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__TzPX6 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__TzPX6 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__TzPX6 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__TzPX6 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__TzPX6 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__TzPX6 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__TzPX6 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__TzPX6 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__sJZfS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__byaTx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__2NjPk .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__2NjPk .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__2NjPk .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__2NjPk .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__2NjPk .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__2NjPk .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__2NjPk .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__2NjPk .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__2NjPk .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__2NjPk .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__2NjPk .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__2NjPk .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__2NjPk .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__2NjPk .editBgColor::before,
.style_tree__2NjPk .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__2NjPk .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__2NjPk .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__2NjPk .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__2NjPk .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__2NjPk .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__2NjPk .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__2NjPk .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__2NjPk .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__2NjPk .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__VEV9l .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__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__VEV9l .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__VEV9l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__VEV9l .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__VEV9l .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__VEV9l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Mo_3n .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__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Mo_3n .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__Mo_3n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Mo_3n .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__Mo_3n .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__Mo_3n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Mo_3n .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__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Mo_3n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2DAZ7::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2DAZ7::-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__2DAZ7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__pczUC::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__pczUC::-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__pczUC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__rWDz9 {
  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__sM_hO {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__sM_hO {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__sM_hO {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__sM_hO {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__sM_hO {
    flex: 0 0 100%;
  }
}
.style_recommendWidgetPanel__KtdOP {
  height: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.style_recommendWidgetPanel__KtdOP header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.style_recommendWidgetPanel__KtdOP header .style_title__gCUCk {
  font-size: 16px;
}
.style_recommendWidgetPanel__KtdOP header .style_closeIcon__NrZht {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_recommendWidgetPanel__KtdOP main {
  display: flex;
  position: relative;
  padding: 4px 8px;
  height: 100%;
}
.style_recommendWidgetPanel__KtdOP .style_operate__M2Mfn {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.style_recommendWidgetPanel__KtdOP .style_operate__M2Mfn .style_moreWidget__CFjER {
  color: var(--primaryColor);
  margin-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.style_recommendWidgetPanel__KtdOP .style_widgetItem__juRaG {
  width: 176px;
  margin-right: 12px;
  padding: 8px;
  height: 210px;
  border-radius: 8px;
  transition: box-shadow 0.3s;
  background-color: var(--highBg);
}
.style_recommendWidgetPanel__KtdOP .style_widgetItem__juRaG:hover {
  box-shadow: var(--shadowCommonDefault);
  cursor: pointer;
}
.style_recommendWidgetPanel__KtdOP .style_widgetContainers__mbFxy {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--lineColor);
}
.style_recommendWidgetPanel__KtdOP .style_widgetContainers__mbFxy .style_widgetIconBox__Ad8Q5 {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
  z-index: 1;
}
.style_recommendWidgetPanel__KtdOP .style_widgetName__4tUXx {
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_recommendWidgetPanel__KtdOP .style_widgetFrom___eDMm {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_skeleton__LSV1d .style_skeletonHeader__YHhF_ {
  margin-bottom: 40px;
}
.style_skeleton__LSV1d .style_skeletonBody__igSiL {
  display: flex;
  align-items: center;
}
.style_skeleton__LSV1d .style_skeletonBody__igSiL > div {
  margin-right: 24px;
}
.style_emptyImg__h_gSh {
  width: 224px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.style_widgetCover__BCOH_ {
  width: 160px;
  height: 90px;
}
.style_widgetCover__BCOH_ > span {
  position: unset !important;
}
.style_widgetCover__BCOH_ > span img {
  width: 100% !important;
  height: 100% !important;
  max-width: unset !important;
  max-height: unset !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__HTmxK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__y3jt8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__weNMa ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__weNMa ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__weNMa 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__weNMa ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__weNMa li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__weNMa .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__weNMa .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__weNMa .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__weNMa .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__xDzTV {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__yvRTd {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CVFd6 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CVFd6 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CVFd6 .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__CVFd6 .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__CVFd6 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CVFd6 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CVFd6 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CVFd6 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CVFd6 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CVFd6 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CVFd6 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CVFd6 .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__CVFd6 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CVFd6 .editBgColor::before,
.style_tree__CVFd6 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CVFd6 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CVFd6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CVFd6 .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__CVFd6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CVFd6 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CVFd6 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CVFd6 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CVFd6 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CVFd6 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LyzZI .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__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LyzZI .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__LyzZI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LyzZI .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__LyzZI .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LyzZI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Rc5ng .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__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Rc5ng .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__Rc5ng .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Rc5ng .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__Rc5ng .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__Rc5ng .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Rc5ng .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__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Rc5ng .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___cL_y::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___cL_y::-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___cL_y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ey5YD::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ey5YD::-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__ey5YD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__DIdan {
  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__VmpLl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__VmpLl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__VmpLl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__VmpLl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__VmpLl {
    flex: 0 0 100%;
  }
}
.style_tabBar__RrS9Q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--lowestBg);
  border-radius: 8px 8px 0 0;
  padding: 24px 24px 0;
  -webkit-user-select: none;
          user-select: none;
}
.style_tabBar__RrS9Q .style_atcButton__H4qwy {
  color: var(--secondLevelText);
}
.style_tabBar__RrS9Q .style_atcButton__H4qwy:hover {
  background: var(--fc11);
}
.style_tabBar__RrS9Q .style_atcButton__H4qwy:active {
  background: var(--fc4);
}
.style_tabBar__RrS9Q .style_nodeName__VfLXO {
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 21px;
  font-weight: bold;
  max-width: 150px;
}
.style_tabBar__RrS9Q .style_tabLeft__JOzx7 {
  width: 35%;
  display: flex;
  align-items: center;
}
.style_tabBar__RrS9Q .style_tabRight__91w_0 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.style_addWidgetMenu__URES8 {
  width: 240px;
  background-color: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  padding: 4px 8px;
  border-radius: 4px;
}
.style_addWidgetMenu__URES8 .style_menuItem__C9KD2 {
  line-height: 40px;
  padding: 0 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.style_addWidgetMenu__URES8 .style_menuItem__C9KD2 svg {
  margin-right: 4px;
}
.style_addWidgetMenu__URES8 .style_menuItem__C9KD2:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_status__GhrhA {
  display: flex;
  align-items: center;
}
.style_mobileBar__Pekth {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
}
.style_mobileBar__Pekth .style_side__cc8FY {
  background-color: var(--primaryColor);
  width: 32px;
  height: 32px;
  border-radius: 0 50% 50% 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.style_mobileBar__Pekth .style_nodeName__VfLXO {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: bold;
  max-width: 150px;
}
.style_mobileBar__Pekth .style_ghost__ugwap {
  width: 32px;
  height: 32px;
}
.style_token__LvUkA {
  padding-left: 4px;
  flex-shrink: 0;
}
.style_shareDoc__dffK_ {
  color: var(--primaryColor);
  padding-left: 14px;
}

/**
* 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__1gqWs {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__yuj4u {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0LHoo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0LHoo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0LHoo 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__0LHoo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0LHoo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0LHoo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0LHoo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0LHoo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0LHoo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__xBrPF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__oWu_d {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MYCuX .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MYCuX .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MYCuX .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__MYCuX .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__MYCuX .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MYCuX .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MYCuX .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MYCuX .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MYCuX .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MYCuX .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MYCuX .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MYCuX .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__MYCuX .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MYCuX .editBgColor::before,
.style_tree__MYCuX .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MYCuX .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MYCuX .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MYCuX .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__MYCuX .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MYCuX .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MYCuX .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MYCuX .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MYCuX .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MYCuX .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__uLvO3 .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__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__uLvO3 .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__uLvO3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__uLvO3 .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__uLvO3 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__uLvO3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__sP9tw .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__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__sP9tw .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__sP9tw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__sP9tw .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__sP9tw .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__sP9tw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__sP9tw .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__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__sP9tw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1lZjt::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1lZjt::-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__1lZjt:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__nup5G::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__nup5G::-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__nup5G:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__2KbeU {
  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__3yM_5 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3yM_5 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3yM_5 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3yM_5 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3yM_5 {
    flex: 0 0 100%;
  }
}
.style_dashboardPanel__r3e0U {
  width: 100%;
  height: 100%;
  position: relative;
}
.style_dashboardPanel__r3e0U .style_widgetArea___f37X {
  background: var(--lowestBg);
  border-radius: 0px 0px 8px 8px;
  width: 100%;
  height: calc(100% - 64px);
  max-height: 100%;
  overflow: auto;
}
.style_dashboardPanel__r3e0U .style_widgetContainer__jD2dI {
  border: 1px solid var(--lineColor);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  background: var(--defaultBg);
  overflow: hidden;
}
.style_dashboardPanel__r3e0U .style_isFullscreen__9E091 {
  transform: none !important;
}
.style_dashboardPanel__r3e0U * {
  transition: none;
}
.style_addNewWidget__OXju9 {
  width: 325px;
  height: 242px;
  border: 1px dashed var(--fourthLevelText);
  border-radius: 8px;
  margin-left: 24px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}
.style_addNewWidget--disabled__0efFB {
  cursor: not-allowed;
}
.style_addNewWidget__OXju9 svg {
  margin-bottom: 24px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__Riq8z {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__S58Fg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__wuRLo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__wuRLo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__wuRLo 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__wuRLo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__wuRLo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__wuRLo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__wuRLo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__wuRLo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__wuRLo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__6ngdK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__RQJo7 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__tqmcK .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__tqmcK .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__tqmcK .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__tqmcK .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__tqmcK .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__tqmcK .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__tqmcK .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__tqmcK .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__tqmcK .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__tqmcK .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__tqmcK .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__tqmcK .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__tqmcK .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__tqmcK .editBgColor::before,
.style_tree__tqmcK .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__tqmcK .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__tqmcK .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__tqmcK .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__tqmcK .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__tqmcK .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__tqmcK .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__tqmcK .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__tqmcK .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__tqmcK .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree___YsxP .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___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree___YsxP .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___YsxP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree___YsxP .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___YsxP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree___YsxP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__28pCS .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__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__28pCS .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__28pCS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__28pCS .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__28pCS .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__28pCS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__28pCS .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__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__28pCS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__X7opP::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__X7opP::-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__X7opP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__DRdmy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__DRdmy::-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__DRdmy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__X8HnB {
  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__RQyil {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RQyil {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RQyil {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RQyil {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RQyil {
    flex: 0 0 100%;
  }
}
.style_skeletonWrapper__RQwsX {
  height: 100%;
  padding: 20px;
  width: 100%;
}
.style_skeletonWrapper__RQwsX .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
/* PrismJS 1.21.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=clike+javascript+bash&plugins=treeview */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
.styles_loading__UfMdv {
  background-color: transparent !important;
}
.styles_fieldCodes__8BKX7 {
  position: relative;
  padding: 0 24px;
  height: 100%;
  color: var(--static-white);
}
.styles_fieldCodes__8BKX7 {
  /* Code blocks */
  /* Code block copy button */
  /* Inline code */
}
.styles_fieldCodes__8BKX7 code[class*="language-"],
.styles_fieldCodes__8BKX7 pre[class*="language-"] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  text-shadow: none;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}
.styles_fieldCodes__8BKX7 pre[class*="language-"] {
  padding: 50px 1em 1em;
  margin: 0.5em 0;
  overflow: auto;
}
.styles_fieldCodes__8BKX7 .markdown-it-code-button-wrap {
  position: absolute;
  top: 7.5px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.styles_fieldCodes__8BKX7 .markdown-it-code-button-wrap button[class*="markdown-it-code-button-"] {
  color: var(--textCommonSecondary);
}
.styles_fieldCodes__8BKX7 button[class*="markdown-it-code-button-"] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  cursor: pointer;
  outline: none;
  border: none;
  color: #616161;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
  background-color: transparent;
}
.styles_fieldCodes__8BKX7 button[class*="markdown-it-code-button-"] svg {
  margin-right: 4px;
}
.styles_fieldCodes__8BKX7 button[class*="markdown-it-code-button-"] svg path {
  fill: var(--thirdLevelText);
}
.styles_fieldCodes__8BKX7 button[class*="markdown-it-code-button-"]:hover {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.styles_fieldCodes__8BKX7 button[class*="markdown-it-code-button-"]:active {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.styles_fieldCodes__8BKX7 :not(pre) > code[class*="language-"],
.styles_fieldCodes__8BKX7 pre[class*="language-"] {
  background: var(--dc02);
  border-radius: 4px;
}
.styles_fieldCodes__8BKX7 :not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.styles_fieldCodes__8BKX7 .token.comment,
.styles_fieldCodes__8BKX7 .token.block-comment,
.styles_fieldCodes__8BKX7 .token.prolog,
.styles_fieldCodes__8BKX7 .token.doctype,
.styles_fieldCodes__8BKX7 .token.cdata {
  color: #999;
}
.styles_fieldCodes__8BKX7 .token.punctuation {
  color: #ccc;
}
.styles_fieldCodes__8BKX7 .token.tag,
.styles_fieldCodes__8BKX7 .token.attr-name,
.styles_fieldCodes__8BKX7 .token.namespace,
.styles_fieldCodes__8BKX7 .token.deleted {
  color: #e2777a;
}
.styles_fieldCodes__8BKX7 .token.function-name {
  color: #6196cc;
}
.styles_fieldCodes__8BKX7 .token.boolean,
.styles_fieldCodes__8BKX7 .token.number,
.styles_fieldCodes__8BKX7 .token.function {
  color: #f08d49;
}
.styles_fieldCodes__8BKX7 .token.property,
.styles_fieldCodes__8BKX7 .token.class-name,
.styles_fieldCodes__8BKX7 .token.constant,
.styles_fieldCodes__8BKX7 .token.symbol {
  color: #f8c555;
}
.styles_fieldCodes__8BKX7 .token.selector,
.styles_fieldCodes__8BKX7 .token.important,
.styles_fieldCodes__8BKX7 .token.atrule,
.styles_fieldCodes__8BKX7 .token.keyword,
.styles_fieldCodes__8BKX7 .token.builtin {
  color: #cc99cd;
}
.styles_fieldCodes__8BKX7 .token.string,
.styles_fieldCodes__8BKX7 .token.char,
.styles_fieldCodes__8BKX7 .token.attr-value,
.styles_fieldCodes__8BKX7 .token.regex,
.styles_fieldCodes__8BKX7 .token.variable {
  color: #7ec699;
}
.styles_fieldCodes__8BKX7 .token.operator,
.styles_fieldCodes__8BKX7 .token.entity,
.styles_fieldCodes__8BKX7 .token.url {
  color: #67cdcc;
  background: none;
}
.styles_fieldCodes__8BKX7 .token.important,
.styles_fieldCodes__8BKX7 .token.bold {
  font-weight: bold;
}
.styles_fieldCodes__8BKX7 .token.italic {
  font-style: italic;
}
.styles_fieldCodes__8BKX7 .token.entity {
  cursor: help;
}
.styles_fieldCodes__8BKX7 .token.inserted {
  color: green;
}
.styles_fieldCodes__8BKX7 .styles_subTitle__W_7gw {
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: normal;
  margin: 28px 0;
}
.styles_fieldCodes__8BKX7 .styles_subTitle__W_7gw a {
  opacity: 0.8;
  color: var(--static-white);
  font-size: 13px;
  margin-left: 8px;
}
.styles_fieldCodes__8BKX7 .styles_subTitle__W_7gw a svg {
  font-size: 15px;
  vertical-align: text-top;
}
.styles_fieldCodes__8BKX7 .styles_codeWrapper__yPkua,
.styles_fieldCodes__8BKX7 .styles_codeWrapper__yPkua code {
  white-space: pre-wrap;
  word-break: break-word;
}
.styles_fieldCodes__8BKX7 .styles_radioGroup__o1h_h {
  position: absolute;
  right: 24px;
  display: flex;
}
.styles_fieldCodes__8BKX7 .styles_radioGroup__o1h_h button {
  color: rgba(var(--static-white-rgb), 60%);
}
.styles_fieldCodes__8BKX7 .styles_radioGroup__o1h_h button.styles_radioActive__7cwD8 {
  color: var(--static-white);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_fieldDocsCard__j_KoG {
  color: var(--static-white);
  padding: 24px;
}
.styles_fieldDocsCard__j_KoG .styles_fieldName__9Dnfc {
  position: relative;
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid rgba(var(--static-white-rgb), 20%);
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.styles_fieldDocsCard__j_KoG .styles_fieldName__9Dnfc svg {
  vertical-align: text-bottom;
}
.styles_fieldDocsCard__j_KoG .styles_fieldName__9Dnfc .styles_fieldId__uZ9ez {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 12px;
  color: var(--static-white);
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W {
  display: flex;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_leftPart__pB_se {
  width: 33%;
  flex-shrink: 0;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_rightPart__vIDiy {
  width: 67%;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_fieldValueDescription__qOpk1 {
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--static-white);
  font-size: 14px;
  margin-bottom: 32px;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_fieldValueType__ELsn5 {
  color: var(--successColor);
  font-size: 14px;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_subTitle__BMVco {
  font-weight: normal;
  font-size: 14px;
  color: rgba(var(--static-white-rgb), 60%);
  margin-bottom: 16px;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_fieldValueExample__gvD2s {
  background-color: var(--dc02);
  border-radius: 8px;
  padding: 15px 24px;
  white-space: pre-wrap;
  word-break: break-word;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_largeIconWrapper__jW0Ca {
  display: flex;
  flex-direction: column;
  min-width: 80px;
  max-width: 120px;
  height: 80px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  background-color: var(--dc02);
  margin-bottom: 24px;
  text-align: center;
}
.styles_fieldDocsCard__j_KoG .styles_splitWrapper__tv43W .styles_largeIconWrapper__jW0Ca .styles_title__ft9_s {
  margin-top: 4px;
  word-break: keep-all;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--static-white);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_apiPanelContainer__eAwJ4 {
  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__eAwJ4 .styles_iconDelete__llr2G {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.styles_apiPanelContainer__eAwJ4 .styles_panelTitle__KwErr {
  color: var(--primaryColor);
  font-size: 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.styles_apiPanelContainer__eAwJ4 .styles_panelTitle__KwErr a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 6px;
  text-decoration: none;
}
.styles_apiPanelContainer__eAwJ4 .styles_panelTitle__KwErr a svg {
  vertical-align: sub;
}
.styles_apiPanelContainer__eAwJ4 .styles_panelName__eqUmY {
  color: white;
  font-size: 16px;
  font-weight: normal;
}
.styles_apiPanelContainer__eAwJ4 .styles_panelName__eqUmY .styles_nodeName__q2LDC span {
  width: auto;
}
.styles_apiPanelContainer__eAwJ4 .styles_operationArea__YEbi3 {
  display: flex;
  justify-content: flex-end;
  padding: 16px 0;
}
.styles_apiPanelContainer__eAwJ4 .styles_operationArea__YEbi3 .styles_switchFieldId__buZai,
.styles_apiPanelContainer__eAwJ4 .styles_operationArea__YEbi3 .styles_switchApiToken__n9JRB {
  display: flex;
  align-items: center;
  padding-left: 17px;
}
.styles_apiPanelContainer__eAwJ4 .styles_operationArea__YEbi3 span {
  font-size: 13px;
  color: var(--static-white);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-content {
  min-height: 100%;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs {
  position: absolute;
  left: 24px;
  top: 182px;
  right: 24px;
  bottom: 0;
  border-radius: 4px;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs .ant-tabs-nav-list {
  width: 100%;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs .ant-tabs-top > .ant-tabs-nav::before {
  border: none;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs .ant-tabs-nav {
  margin-bottom: 0;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs .ant-tabs-content-holder {
  background: var(--dc03);
  overflow: hidden scroll;
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs .ant-tabs-ink-bar {
  transform: scaleX(0.65);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-tabpane {
  padding-bottom: 100px;
}
.styles_apiPanelContainer__eAwJ4 .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__eAwJ4 .ant-tabs-tab::before {
  border: 0 !important;
}
.styles_apiPanelContainer__eAwJ4 .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__eAwJ4 .ant-tabs-tab .ant-tabs-tab-btn:focus {
  color: rgba(var(--static-white-rgb), 70%);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-tab .ant-tabs-tab-btn:active {
  color: rgba(var(--static-white-rgb), 90%);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-tab .ant-tabs-tab-btn:hover {
  color: rgba(var(--static-white-rgb), 80%);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--dc03);
}
.styles_apiPanelContainer__eAwJ4 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--static-white);
}
.styles_linkButton__EJ_4B {
  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___HOvt {
  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___HOvt i {
  font-size: 24px;
  margin-bottom: 16px;
}
.style_apitableWarpper__R8LfZ {
  padding-top: 24px;
  height: calc(100% - 50px);
}
.style_tabs__EN3cP {
  padding-left: 0 !important;
  height: calc(100% - 50px);
}
.style_tabs__EN3cP .ant-tabs-nav-list {
  margin-left: 16px;
}
.style_tabs__EN3cP .ant-tabs-tab {
  padding-left: 8px;
  padding-right: 8px;
}
.style_tabs__EN3cP .ant-tabs-content,
.style_tabs__EN3cP .ant-tabs-tabpane {
  height: 100%;
}
.style_wrap__kCOs3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--fc8);
  z-index: var(--zIndex-1);
}
.style_wrap__kCOs3 .ant-tabs {
  color: inherit !important;
}
.style_header__DDHG8 {
  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__d__Yf {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: stretch;
  overflow: scroll;
  height: 100%;
}
.style_bottomTip___9vUx {
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.style_listItem__b8icg {
  cursor: pointer;
  padding: 8px 12px;
  width: 100%;
  border-radius: 4px;
}
.style_listItem__b8icg .style_title__jm4DX {
  color: var(--timeMachinePrimary);
  font-size: 14px;
  margin-bottom: 4px;
}
.style_listItem__b8icg .style_title__jm4DX span {
  line-height: 22px;
  display: block;
}
.style_listItem__b8icg[data-active='true'] {
  background-color: var(--bgBglessActive);
}
.style_listItem__b8icg:hover {
  background-color: var(--bgBglessHover);
}
.style_listItem__b8icg:active {
  background-color: var(--bgBrandLightDefault);
}
.style_timeMachineFooter__Xw_uM {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: var(--timeMachineSecondary);
  font-size: 12px;
  line-height: 18px;
}
.style_danger__Qlhah {
  color: red;
}
.style_noList__s2J7O {
  text-align: center;
  padding-top: 24vh;
}
.style_noList__s2J7O p {
  margin-top: 16px;
}

.style_expandRecordPanel___muet {
  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__LfThk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__4p_wQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qLjok ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qLjok ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qLjok 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__qLjok ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qLjok li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qLjok .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qLjok .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qLjok .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qLjok .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__wYKAk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MwI_b {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__UjZLh .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__UjZLh .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__UjZLh .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__UjZLh .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__UjZLh .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__UjZLh .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__UjZLh .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__UjZLh .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__UjZLh .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__UjZLh .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__UjZLh .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__UjZLh .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__UjZLh .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__UjZLh .editBgColor::before,
.style_tree__UjZLh .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__UjZLh .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__UjZLh .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__UjZLh .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__UjZLh .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__UjZLh .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__UjZLh .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__UjZLh .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__UjZLh .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__UjZLh .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LadJv .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__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LadJv .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__LadJv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LadJv .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__LadJv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LadJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__uEFjU .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__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__uEFjU .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__uEFjU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__uEFjU .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__uEFjU .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__uEFjU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uEFjU .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__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__uEFjU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__oFLMT::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__oFLMT::-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__oFLMT:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__bH5u_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__bH5u_::-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__bH5u_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__s3hQY {
  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__WO2X8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__WO2X8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__WO2X8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__WO2X8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__WO2X8 {
    flex: 0 0 100%;
  }
}
.style_toolList__lWE4S {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
}
.style_toolList__lWE4S span {
  margin-right: 16px;
}
.style_toolList__lWE4S svg {
  cursor: pointer;
  fill: var(--textCommonTertiary);
}
.style_toolList__lWE4S svg:hover {
  fill: var(--textBrandDefault);
}
.style_batchHandle__G2cvT {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
  align-items: center;
}
.style_batchHandle__G2cvT button {
  margin-right: 10px;
}
.style_batchHandle__G2cvT p {
  margin: 0;
}
.style_header__HaJGI {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.style_header__HaJGI p {
  margin: 0;
}
.style_archivedBy__Slw5S {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 16px;
}
.style_archivedBy__Slw5S span {
  margin-right: 10px;
}
.style_cellValue__PJ2QK {
  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__zayNy {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__cSPVA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__F2NXP ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__F2NXP ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__F2NXP 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__F2NXP ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__F2NXP li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__F2NXP .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__F2NXP .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__F2NXP .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__F2NXP .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__LJR_D {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__2N5Mz {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__gDPO5 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__gDPO5 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__gDPO5 .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__gDPO5 .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__gDPO5 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__gDPO5 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__gDPO5 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__gDPO5 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__gDPO5 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__gDPO5 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__gDPO5 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__gDPO5 .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__gDPO5 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__gDPO5 .editBgColor::before,
.style_tree__gDPO5 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__gDPO5 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__gDPO5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__gDPO5 .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__gDPO5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__gDPO5 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__gDPO5 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__gDPO5 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__gDPO5 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__gDPO5 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__82f4d .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__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__82f4d .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__82f4d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__82f4d .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__82f4d .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__82f4d .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QZJbr .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__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QZJbr .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__QZJbr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QZJbr .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__QZJbr .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__QZJbr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QZJbr .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__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QZJbr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__OXBF9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__OXBF9::-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__OXBF9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__EFgG4::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__EFgG4::-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__EFgG4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ycnqu {
  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__mWZk4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__mWZk4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__mWZk4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__mWZk4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__mWZk4 {
    flex: 0 0 100%;
  }
}
.style_mirrorListInner__50f__ {
  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__50f__ .style_scroll__ae61e {
  margin-top: 8px;
  max-height: 244px;
  overflow: auto;
}
.style_mirrorListInner__50f__ .style_operateButton__fgdob {
  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__50f__ .style_operateButton__fgdob > span:nth-child(1) {
  display: flex;
}
.style_listItem__E8F9j {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: pointer;
}
.style_listItem__E8F9j svg {
  margin-right: 8px;
}
.style_listItem__E8F9j:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_skeletonWrapper__DC0B8 {
  margin-top: 20px;
}
.style_skeletonWrapper__DC0B8 .ant-skeleton-element {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
.style_mirrorItem__eyysV.style_active__J5jCE,
.style_mirrorItem__eyysV.style_active__J5jCE:hover {
  color: var(--primaryColor) !important;
}
.style_mirrorItem__eyysV.style_active__J5jCE svg,
.style_mirrorItem__eyysV.style_active__J5jCE:hover svg {
  fill: currentColor !important;
}
.style_blackInner__1JgjM {
  display: flex;
  flex-flow: column;
  align-items: center;
  overflow: auto;
}
.style_blackInner__1JgjM .style_imgBox__6OEtq {
  width: 160px;
  height: 120px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.style_blackInner__1JgjM .style_emptyText__0uiSy {
  margin: 0 16px;
  font-size: 13px;
  color: var(--secondLevelText);
}
.style_blackInner__1JgjM button {
  margin-top: 24px;
}
.style_switchCoverFit__rYhrN {
  display: flex;
  align-items: center;
}
.style_switchCoverFit__rYhrN 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__cOdAT {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__FCxcI {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__eFkVR ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__eFkVR ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__eFkVR 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__eFkVR ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__eFkVR li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__eFkVR .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__eFkVR .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__eFkVR .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__eFkVR .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__ZlNtN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__6o6FD {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__f2Rqt .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__f2Rqt .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__f2Rqt .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__f2Rqt .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__f2Rqt .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__f2Rqt .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__f2Rqt .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__f2Rqt .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__f2Rqt .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__f2Rqt .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__f2Rqt .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__f2Rqt .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__f2Rqt .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__f2Rqt .editBgColor::before,
.styles_tree__f2Rqt .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__f2Rqt .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__f2Rqt .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__f2Rqt .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__f2Rqt .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__f2Rqt .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__f2Rqt .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__f2Rqt .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__f2Rqt .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__f2Rqt .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__OuaOY .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__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__OuaOY .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__OuaOY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__OuaOY .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__OuaOY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__OuaOY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__l2ygk .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__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__l2ygk .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__l2ygk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__l2ygk .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__l2ygk .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__l2ygk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__l2ygk .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__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__l2ygk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__XHexO::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__XHexO::-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__XHexO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__5c1IT::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__5c1IT::-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__5c1IT:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__QGBZb {
  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__LUKQz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__LUKQz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__LUKQz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__LUKQz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__LUKQz {
    flex: 0 0 100%;
  }
}
@keyframes styles_fadeIn__Pn5hp {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.styles_findSearchInput__LOkpm {
  width: 263px;
  background: var(--defaultBg);
  height: 32px;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  padding: 0 8px;
  align-items: center;
  animation: styles_fadeIn__Pn5hp 0.3s ease;
  margin-right: 8px;
}
.styles_findSearchInput__LOkpm.styles_darkBg__pN_S7 {
  background-color: var(--highBg);
}
.styles_findSearchInput__LOkpm.styles_darkBg__pN_S7 .styles_searchInput__IY09r,
.styles_findSearchInput__LOkpm.styles_darkBg__pN_S7 input {
  background-color: var(--highBg);
}
.styles_findSearchInput__LOkpm .styles_searchIcon__ZdeTD {
  display: inline-block;
  margin-right: 2px;
  width: 16px;
  height: 16px;
}
.styles_findSearchInput__LOkpm .styles_searchIcon__ZdeTD svg {
  fill: var(--thirdLevelText);
}
.styles_findSearchInput__LOkpm .styles_inputTextGroup__bL8EI {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.styles_findSearchInput__LOkpm .styles_inputTextGroup__bL8EI .styles_searchCountText__EuM3I {
  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__LOkpm .styles_searchInputWrap__qYEuG {
  position: relative;
  flex: 1;
  height: 32px;
}
.styles_findSearchInput__LOkpm .styles_searchInputWrap__qYEuG 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__LOkpm .styles_iconGroup__9QRih {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.styles_findSearchInput__LOkpm .styles_iconGroup__9QRih::before {
  content: " ";
  border-left: 1px solid var(--shadowColor);
  display: inline-block;
  height: 16px;
}
.styles_findSearchInput__LOkpm .styles_prevBtn__kwkEK,
.styles_findSearchInput__LOkpm .styles_nextBtn___2GcR {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}
.styles_findSearchInput__LOkpm .styles_prevBtn__kwkEK {
  margin: 0 8px;
}
.styles_findSearchInput__LOkpm .styles_nextBtn___2GcR {
  margin-right: 16px;
}
.styles_findSearchInput__LOkpm .styles_closeButton__rjqpQ {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.styles_findSearchInput__LOkpm .styles_closeButton__rjqpQ:hover svg {
  fill: var(--black_600);
}
.styles_findSearchInput__LOkpm .styles_closeButton__rjqpQ:active svg {
  fill: var(--black_700);
}
.styles_findSearchInput__LOkpm .styles_closeButton__rjqpQ 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__1iygg {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ym3Ry {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__RHBQQ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__RHBQQ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__RHBQQ 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__RHBQQ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__RHBQQ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__RHBQQ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__RHBQQ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__RHBQQ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__RHBQQ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__xPsqZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Uj0OT {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CkKOM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CkKOM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CkKOM .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__CkKOM .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__CkKOM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CkKOM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CkKOM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CkKOM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CkKOM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CkKOM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CkKOM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CkKOM .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__CkKOM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CkKOM .editBgColor::before,
.style_tree__CkKOM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CkKOM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CkKOM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CkKOM .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__CkKOM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CkKOM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CkKOM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CkKOM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CkKOM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CkKOM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__y71Eh .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__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__y71Eh .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__y71Eh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__y71Eh .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__y71Eh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__y71Eh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__oPP8K .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__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__oPP8K .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__oPP8K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__oPP8K .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__oPP8K .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__oPP8K .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oPP8K .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__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__oPP8K .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__MKxR5::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__MKxR5::-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__MKxR5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__pGg1I::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__pGg1I::-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__pGg1I:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PQPV_ {
  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__bDbg6 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__bDbg6 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__bDbg6 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__bDbg6 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__bDbg6 {
    flex: 0 0 100%;
  }
}
.style_skeletonWrapper__hD4zh .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}
.style_panelContainer__7ymhc {
  width: 400px;
  border-radius: 8px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
}
.style_panelContainer__7ymhc .style_header__g274c {
  display: flex;
  padding: 16px 16px 0;
  font-size: 14px;
  margin-bottom: 0;
  color: var(--fc1);
}
.style_panelContainer__7ymhc .style_header__g274c .style_helpBtn__HjHpg {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_panelContainer__7ymhc .style_content__ijRkL {
  width: 100%;
  margin-top: 16px;
  padding: 0 16px;
  height: 180px;
  overflow-x: hidden;
  overflow-y: auto;
}
.style_panelContainer__7ymhc .style_content__ijRkL .style_formItem__a1eDK {
  display: flex;
  align-items: center;
  padding-left: 8px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  border-radius: 4px;
}
.style_panelContainer__7ymhc .style_content__ijRkL .style_formItem__a1eDK:hover {
  background-color: var(--rowSelectedBg);
}
.style_panelContainer__7ymhc .style_content__ijRkL .style_formItem__a1eDK .style_formName__3CNAe {
  width: 340px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_panelContainer__7ymhc .style_emptyContent__MPPmH {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_panelContainer__7ymhc .style_emptyContent__MPPmH .style_emptyImg__0hGKF {
  width: 160px;
  height: 120px;
}
.style_panelContainer__7ymhc .style_emptyContent__MPPmH .style_emptyText__ENq38 {
  margin: 16px 16px 0 16px;
  font-size: 13px;
  color: var(--secondLevelText);
}
.style_panelContainer__7ymhc .style_footer__dlyhR {
  display: flex;
  justify-content: center;
  padding: 24px 0 32px;
}
.style_panelContainer__7ymhc .style_footer__dlyhR.style_notEmpty__BQfbK {
  padding: 0;
  border-top: 1px solid var(--lineColor);
}
.style_panelContainer__7ymhc .style_footer__dlyhR.style_notEmpty__BQfbK .style_addBtn__3xb4r {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.style_panelContainer__7ymhc .style_footer__dlyhR .style_addBtn__3xb4r {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_foreignForm__YW2vH.style_active__nH8mc,
.style_foreignForm__YW2vH.style_active__nH8mc:hover {
  color: var(--primaryColor) !important;
}
.style_foreignForm__YW2vH.style_active__nH8mc svg,
.style_foreignForm__YW2vH.style_active__nH8mc: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__NZzea {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__PadA4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__1FA_p ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__1FA_p ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__1FA_p 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__1FA_p ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__1FA_p li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__1FA_p .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__1FA_p .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__1FA_p .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__1FA_p .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__shoOv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__gmfCo {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CZgyM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CZgyM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CZgyM .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__CZgyM .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__CZgyM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CZgyM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CZgyM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CZgyM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CZgyM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CZgyM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CZgyM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CZgyM .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__CZgyM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CZgyM .editBgColor::before,
.style_tree__CZgyM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CZgyM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CZgyM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CZgyM .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__CZgyM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CZgyM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CZgyM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CZgyM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CZgyM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CZgyM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cmYSM .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__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cmYSM .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__cmYSM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cmYSM .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__cmYSM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cmYSM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CKWne .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__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CKWne .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__CKWne .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CKWne .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__CKWne .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__CKWne .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CKWne .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__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CKWne .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__0bWNN::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__0bWNN::-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__0bWNN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__okvmg::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__okvmg::-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__okvmg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fW0Zc {
  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___2lZy {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___2lZy {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___2lZy {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___2lZy {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___2lZy {
    flex: 0 0 100%;
  }
}
.style_mobileToolBar__Bz_lZ {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  background-color: var(--defaultBg);
  border-bottom: 1px solid var(--lineColor);
}
.style_mobileToolBar__Bz_lZ .style_side___2GSo {
  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__u6LVs {
  padding-left: 24px;
}
.style_toolRight__WWvDr {
  height: 30px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  align-content: flex-end;
  margin-right: 8px;
}
.style_toolRight__WWvDr .style_trigger__VECk6 {
  width: 24px;
  height: 24px;
  padding: 0;
  min-width: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 4px;
}
.style_toolRight__WWvDr .style_trigger__VECk6:first-child {
  margin-right: 4px;
}
.style_toolRight__WWvDr .style_find__YISzl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.style_content__tftJD {
  padding: 4px 16px;
}
.style_moreToolItem__RnX5v {
  display: flex;
  width: 104px;
  height: 44px;
  align-items: center;
}
.style_moreToolItem__RnX5v .style_moreToolBtn__Jfq8K {
  font-size: 16px;
}
.style_moreToolItem__RnX5v .ant-btn {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
}
.style_moreToolItem__RnX5v svg {
  margin-right: 4px;
}
.style_moreToolItem__RnX5v .style_toolName__mZU7T {
  color: var(--static-white);
}
.style_viewList__ExcrB {
  display: flex;
  align-items: center;
  overflow: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  transform: all 0.3s;
  height: 40px;
}
.style_viewList__ExcrB .style_viewItem__fO_Jo {
  height: 32px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  flex-shrink: 0;
  color: var(--secondLevelText);
  border-radius: 4px;
}
.style_viewList__ExcrB .style_viewItem__fO_Jo.style_active__JzOVP {
  color: var(--static-white);
  position: relative;
  background-color: var(--primaryColor);
}
.style_viewList__ExcrB .style_viewItem__fO_Jo .style_viewItemName__dSFKR {
  margin-left: 4px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_viewToolsWrapper__bJDcq {
  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__bJDcq {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
}
.style_menuOpenContainer__n5z_z {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_menuIconWrapper__dMUNa {
  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__SVBga {
  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__xso5a ease 0.3s;
  transform-origin: right center;
}
@keyframes style_expand__xso5a {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.style_search__bnAsh {
  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__bnAsh input {
  border-radius: 16px !important;
}
.style_iconGroup__YtdfA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.style_iconGroup__YtdfA > svg {
  margin-left: 24px;
  cursor: pointer;
}
.style_iconGroup__YtdfA::before {
  content: " ";
  border-left: 1px solid var(--shadowColor);
}
.style_slash__pTlfl {
  height: 16px;
  width: 1px;
  margin: 0 8px;
  opacity: 0.1;
  background-color: black;
}
.style_searchCountText__eMTpz {
  display: inline-block;
  width: -webkit-max-content;
  width: max-content;
  -webkit-user-select: none;
          user-select: none;
}
.style_clear___ginl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_clear___ginl > svg {
  fill: var(--fc4);
}
.style_cancel__DfPWl {
  margin-left: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_widgetTool__nBATh {
  margin-left: 4px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__QdqrZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__px4Du {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qQ7gA ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qQ7gA ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qQ7gA 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__qQ7gA ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qQ7gA li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qQ7gA .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qQ7gA .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qQ7gA .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qQ7gA .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__b6BNz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__7aVHv {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__tP7Vn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__tP7Vn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__tP7Vn .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__tP7Vn .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__tP7Vn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__tP7Vn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__tP7Vn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__tP7Vn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__tP7Vn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__tP7Vn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__tP7Vn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__tP7Vn .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__tP7Vn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__tP7Vn .editBgColor::before,
.style_tree__tP7Vn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__tP7Vn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__tP7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__tP7Vn .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__tP7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__tP7Vn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__tP7Vn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__tP7Vn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__tP7Vn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__tP7Vn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__XbkdZ .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__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__XbkdZ .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__XbkdZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__XbkdZ .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__XbkdZ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__XbkdZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__rRmql .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__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__rRmql .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__rRmql .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__rRmql .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__rRmql .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__rRmql .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rRmql .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__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__rRmql .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___SDOX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___SDOX::-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___SDOX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__cUX9h::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__cUX9h::-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__cUX9h:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PpZdK {
  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__5BhAh {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__5BhAh {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__5BhAh {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__5BhAh {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__5BhAh {
    flex: 0 0 100%;
  }
}
.style_wrapper__Skjdh {
  display: flex;
  flex-direction: column;
}
.style_wrapper__Skjdh .style_inputWrapper__RvnOZ {
  padding-right: 24px;
}
.style_main__LGjKW {
  height: 290px;
  overflow: auto;
  padding: 8px 0;
}
.style_viewItem__bbdAL {
  height: 40px;
  display: flex;
  align-items: center;
  background-color: var(--defaultBg);
}
.style_viewItem__bbdAL svg {
  flex-shrink: 0;
}
.style_text__eiPXY {
  margin-left: 8px;
  padding-right: 24px;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_iconMove__Pn6kl {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.style_swipeItem__d8pB5 {
  width: 64px;
  color: var(--defaultBg);
}

/**
* 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__fRBgB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__yCtW4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__YdfcB ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__YdfcB ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__YdfcB 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__YdfcB ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__YdfcB li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__YdfcB .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__YdfcB .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__YdfcB .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__YdfcB .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__R2gFE {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__0rJLn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MOH1p .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MOH1p .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MOH1p .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__MOH1p .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__MOH1p .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MOH1p .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MOH1p .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MOH1p .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MOH1p .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MOH1p .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MOH1p .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MOH1p .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__MOH1p .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MOH1p .editBgColor::before,
.style_tree__MOH1p .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MOH1p .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MOH1p .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MOH1p .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__MOH1p .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MOH1p .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MOH1p .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MOH1p .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MOH1p .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MOH1p .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__GlTvR .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__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__GlTvR .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__GlTvR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__GlTvR .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__GlTvR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__GlTvR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__QuEvG .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__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__QuEvG .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__QuEvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__QuEvG .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__QuEvG .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__QuEvG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QuEvG .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__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__QuEvG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__OzWXC::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__OzWXC::-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__OzWXC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__40z3E::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__40z3E::-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__40z3E:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Rbn_R {
  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__Rgyfp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Rgyfp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Rgyfp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Rgyfp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Rgyfp {
    flex: 0 0 100%;
  }
}
.style_active___DP0u.style_viewList__mMais {
  bottom: 0;
}
.style_active___DP0u.style_mask__db_Jp {
  display: block;
}
.style_animation__jM_qs {
  transition: width 0.3s;
}
.style_viewList__mMais {
  transition: width 0.3s;
}
.style_viewList__mMais h2 {
  font-size: 15px;
  line-height: 48px;
}
.style_viewList__mMais .style_viewItem__lqVk3 {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_viewList__mMais .style_viewItem__lqVk3 svg {
  margin-right: 8px;
}
.style_viewList__mMais .style_viewItem__lqVk3 span {
  flex: 1;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_viewList__mMais .style_viewItem__lqVk3.style_active___DP0u svg:nth-of-type(1) {
  fill: var(--primaryColor);
}
.style_viewList__mMais .style_viewItem__lqVk3.style_active___DP0u svg:nth-of-type(2) {
  margin-left: 8px;
}
.style_viewList__mMais .style_viewItem__lqVk3.style_active___DP0u span {
  color: var(--primaryColor);
}
.style_mask__db_Jp {
  position: fixed;
  background: var(--shadowColor);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--zIndex-1) viewListMaskZIndex;
  display: none;
  transition: width 0.3s;
}

.style_widgetToolPopup__XFYe1 .ant-drawer-content-wrapper {
  max-height: 100%;
}
.style_widgetToolPopup__XFYe1 .ant-drawer-content {
  border-radius: 0;
}
.style_widgetPanelHeader__0ga0A .style_navBar__gZ22X {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/**
* 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_reportReasonWrap__N2zXy {
  width: 400px;
  position: absolute;
  right: 48px;
  bottom: 0;
  box-shadow: 0 1px 6px 0 var(--shadowColor);
  border-radius: 8px;
  overflow: hidden;
}
.style_reportReasonWrap__N2zXy img {
  width: 100%;
}
.style_reportReason__I7jG0 {
  background-color: var(--defaultBg);
}
.style_reportReason__I7jG0 .style_title__AYVey {
  font-size: 16px;
  color: var(--secondLevelText);
  height: 48px;
  line-height: 48px;
}
.style_reportReason__I7jG0 .style_buttonWrap__lrXT4 {
  display: flex;
  justify-content: flex-end;
  padding: 40px 0 16px;
}
.style_reportReason__I7jG0 .style_title__AYVey,
.style_reportReason__I7jG0 .style_buttonWrap__lrXT4,
.style_reportReason__I7jG0 .ant-radio-wrapper {
  margin: 0 16px;
}
.style_reportReason__I7jG0 .ant-radio-wrapper {
  display: block;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  color: var(--firstLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_reportReasonWrap__N2zXy {
    position: static;
    width: 100%;
    max-width: 400px;
  }
}

/**
* 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_feedbackMenu__LHcLW {
  background-color: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  padding: 4px 0;
  border-radius: 4px;
}
.style_reportWeb__wmvsU .style_feedbackBtn__fxN0M {
  background-color: var(--highestBg);
}
.style_reportWeb__wmvsU .style_feedbackBtn__fxN0M svg {
  width: 24px;
  height: 24px;
  fill: var(--secondLevelText);
}
.style_reportWeb__wmvsU .btn-shadow {
  box-shadow: var(--shadowCommonHighest);
}
.style_reasonModal__34YO6 .ant-modal-body {
  padding: 0;
}
.style_reasonModal__34YO6 .ant-modal-close-x svg {
  fill: var(--defaultBg);
}

.style_suspensionPanel___Dyim {
  position: absolute;
  bottom: 56px;
  right: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 1;
}
.style_suspensionPanel___Dyim > :not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_suspensionPanel___Dyim {
    bottom: 56px;
    right: 16px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__rtj0Z {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__bFo_B {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IiPgV ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IiPgV ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IiPgV 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__IiPgV ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IiPgV li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IiPgV .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IiPgV .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IiPgV .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IiPgV .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__orBdI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Nzd5X {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ufoDI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ufoDI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ufoDI .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__ufoDI .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__ufoDI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ufoDI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ufoDI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ufoDI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ufoDI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ufoDI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ufoDI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ufoDI .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__ufoDI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ufoDI .editBgColor::before,
.style_tree__ufoDI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ufoDI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ufoDI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ufoDI .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__ufoDI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ufoDI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ufoDI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ufoDI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ufoDI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ufoDI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__nsjRP .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__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__nsjRP .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__nsjRP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__nsjRP .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__nsjRP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__nsjRP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__SnWgq .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__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__SnWgq .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__SnWgq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__SnWgq .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__SnWgq .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__SnWgq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SnWgq .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__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__SnWgq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__dZ2b0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__dZ2b0::-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__dZ2b0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__HHfjs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__HHfjs::-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__HHfjs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__n_csK {
  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__S56xy {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__S56xy {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__S56xy {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__S56xy {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__S56xy {
    flex: 0 0 100%;
  }
}
.style_nodeContainerWrapper__UJ2od {
  padding: 0 16px;
}
.style_nodeContainer__5yEZe {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}
.style_nodeContainer__5yEZe.style_viewNodeContainer__vG3xE {
  padding: 0 24px;
}
.style_nodeContainer__5yEZe:hover,
.style_nodeContainer__5yEZe.style_active__RHCyO {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__5yEZe.style_active__RHCyO {
  color: var(--primaryColor);
}
.style_nodeContainer__5yEZe.style_disable__O3k7S svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__5yEZe.style_disable__O3k7S .style_text__Wmf5F {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__5yEZe svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__5yEZe svg.style_leftIcon__snDCr {
  margin-right: 10px;
}
.style_nodeContainer__5yEZe svg.style_rightIcon__XcvjK {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__5yEZe .style_text__Wmf5F {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__5yEZe .style_text__Wmf5F.style_rightText__5URlm {
  margin-left: 10px;
}
.style_nodeContainer__5yEZe .style_budget__0zaAA {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  background: var(--fourthLevelText);
  border-radius: 2px;
  font-size: 10px;
  color: white;
  line-height: 16px;
  vertical-align: middle;
}
.style_formPreviewer__PnUpy {
  position: relative;
  background-color: var(--bgCommonHigh);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__PnUpy .style_scrollContainer__p9Nsr {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__PnUpy .style_panelTitleDesc__bLj5D {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__PnUpy .style_panelTitle__DoY_q {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq {
  margin: 32px 0 48px;
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq .style_formField__x0_cT {
  margin-bottom: 24px;
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq .style_formField__x0_cT .style_title__TVei9 {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq .style_formField__x0_cT .style_title__TVei9[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__PnUpy .style_panelContent__cq_dq .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__PnUpy .style_panelFooter__yo_ug {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__m7OHA {
  height: 100%;
}
.style_formPreviewerMobile__m7OHA .style_scrollContainer__p9Nsr {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__m7OHA .style_scrollContainer__p9Nsr .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__m7OHA .style_scrollContainer__p9Nsr .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList__y6bYi {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList__y6bYi h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList__y6bYi .style_widgetListWrap__99S8R {
  position: relative;
  flex: 1;
}
.style_widgetList__y6bYi .style_scroll__mrmko {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1 {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1 h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1 .style_checked__oQK7u {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1 .style_checked__oQK7u svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1.style_selected__NG24c {
  border-color: var(--primaryColor);
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1.style_selected__NG24c .style_checked__oQK7u {
  display: block;
}
.style_widgetList__y6bYi .style_widgetItem__uSSp1 .style_widgetIconBox__mDb_c {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 18px;
  height: 18px;
  display: flex;
  border: 1px solid var(--static-white);
  border-radius: 3.3px;
  overflow: hidden;
  background: var(--defaultBg);
}
.style_emptyImg__YPiMD {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__49DRZ {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__49DRZ .style_img__v5NuZ {
  width: 180px;
}
.style_emptyTipWrap__49DRZ .style_emptyTip__BDmkv {
  position: relative;
  top: 8px;
  font-size: 13px;
  color: var(--secondLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__meEG_ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__BQmkR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__vuBoy ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__vuBoy ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__vuBoy 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__vuBoy ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__vuBoy li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__vuBoy .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__vuBoy .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__vuBoy .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__vuBoy .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__V_vCf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__GjEuy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__z__eW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__z__eW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__z__eW .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__z__eW .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__z__eW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__z__eW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__z__eW .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__z__eW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__z__eW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__z__eW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__z__eW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__z__eW .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__z__eW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__z__eW .editBgColor::before,
.style_tree__z__eW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__z__eW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__z__eW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__z__eW .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__z__eW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__z__eW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__z__eW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__z__eW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__z__eW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__z__eW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__1Q_S2 .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__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__1Q_S2 .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__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__1Q_S2 .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__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__1Q_S2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Z6EsH .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__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Z6EsH .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__Z6EsH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Z6EsH .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__Z6EsH .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__Z6EsH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Z6EsH .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__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Z6EsH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__RjTpm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__RjTpm::-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__RjTpm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__PWLmA::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__PWLmA::-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__PWLmA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ylEQZ {
  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__cjz0G {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__cjz0G {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__cjz0G {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__cjz0G {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__cjz0G {
    flex: 0 0 100%;
  }
}
.style_container__UzwpE {
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
}
.style_searchPanel__4lK8z {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanel__4lK8z.style_searchPanelLeft__VsMfp {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__4lK8z .style_narrowBtn__cgmUS {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__4lK8z .style_searchPanelTitle__WZ_ql {
  display: flex;
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__4lK8z .style_searchPanelTitle__WZ_ql .style_helpBtn__TjCC1 {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__4lK8z .style_folderBreadItem__OGIuI:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__4lK8z .style_searchResult__b_svr {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__4lK8z .style_searchResult__b_svr::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__4lK8z .style_searchResult__b_svr::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__4lK8z .style_searchResult__b_svr::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
.style_searchPanel__4lK8z .style_searchResult__b_svr:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__4lK8z .style_searchResult__b_svr .style_nodeTitle___wKk8 {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__4lK8z .style_searchEmpty__zX8pt {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__4lK8z .style_searchEmpty__zX8pt .style_emptyImage__Y6JN0 {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__4lK8z .style_searchEmpty__zX8pt .style_emptyText__qEnMM {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__4lK8z .style_searchEmpty__zX8pt .style_emptyText__qEnMM span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__4lK8z .style_folderContent__B5oFo {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__4lK8z .style_breadCrumb__KK6E7 {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanel__4lK8z .style_breadCrumb__KK6E7 .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanel__4lK8z .style_breadCrumb__KK6E7 .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanel__4lK8z .style_breadCrumb__KK6E7 .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanel__4lK8z .style_breadCrumb__KK6E7 .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanel__4lK8z .style_loading__WjldD {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__4lK8z .style_emptyFolder__Xc5sS .style_emptyImg__AuaeD {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__4lK8z .style_emptyFolder__Xc5sS p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__fQ9N5 .style_searchPanel__4lK8z {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__R0im2 {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__R0im2 button {
  margin-left: 8px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__KUncj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Q4FwW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__pb9Ts ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__pb9Ts ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__pb9Ts 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__pb9Ts ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__pb9Ts li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__pb9Ts .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__pb9Ts .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__pb9Ts .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__pb9Ts .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__0vJpK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__vMouz {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__2l3RI .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__2l3RI .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__2l3RI .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__2l3RI .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__2l3RI .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__2l3RI .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__2l3RI .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__2l3RI .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__2l3RI .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__2l3RI .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__2l3RI .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__2l3RI .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__2l3RI .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__2l3RI .editBgColor::before,
.style_tree__2l3RI .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__2l3RI .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__2l3RI .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__2l3RI .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__2l3RI .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__2l3RI .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__2l3RI .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__2l3RI .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__2l3RI .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__2l3RI .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__4bboU .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__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__4bboU .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__4bboU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__4bboU .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__4bboU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__4bboU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__LvMdS .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__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__LvMdS .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__LvMdS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__LvMdS .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__LvMdS .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__LvMdS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LvMdS .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__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__LvMdS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__sHQL4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__sHQL4::-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__sHQL4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__TfM6s::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__TfM6s::-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__TfM6s:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__wc6_E {
  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__30yyz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__30yyz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__30yyz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__30yyz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__30yyz {
    flex: 0 0 100%;
  }
}
.style_container__qiHT9 {
  background: var(--defaultBg);
  border-radius: 4px;
  width: 360px;
  position: absolute;
  left: 0px;
  box-shadow: 1px 1px 14px var(--shadowColor);
  border: 1px solid var(--lineColor);
  z-index: var(--tabAddNewIcon);
  font-size: 14px;
  cursor: default;
}
.style_addViewBtnWrap__hhOl2 {
  height: 40px;
  display: flex;
  align-items: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: background-color 0.3s;
  color: var(--fc3);
}
.style_addViewBtnWrap__hhOl2:hover {
  background-color: var(--lowestBg);
}
.style_addViewBtnWrap__hhOl2:active {
  background-color: var(--fc11);
}
.style_addViewButton__znmpl {
  width: -webkit-max-content;
  width: max-content;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.style_addViewButton__znmpl button {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.style_addViewButton__znmpl .style_tip__82QEf {
  color: var(--fc2);
}
.style_addBtnDisabled__sD9S2 {
  cursor: not-allowed;
}
.style_addBtnDisabled__sD9S2:hover,
.style_addBtnDisabled__sD9S2:active {
  background-color: transparent;
}
.style_addBtnDisabled__sD9S2 .style_tip__82QEf {
  color: var(--fc3);
}
.style_addBtnDisabled__sD9S2 svg {
  fill: var(--fc3);
}
.style_tip__82QEf {
  font-size: 14px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_onlyOne__PQvf7 {
  display: flex;
  max-width: -webkit-max-content;
  max-width: max-content;
  justify-content: left;
  cursor: pointer;
}
.style_onlyOne__PQvf7 .style_tip__82QEf {
  color: var(--primaryColor);
}
.style_onlyOne__PQvf7 svg {
  fill: var(--primaryColor) !important;
}
.style_onlyOne__PQvf7:hover {
  opacity: 0.8;
}
.style_onlyOne__PQvf7:active {
  opacity: 0.5;
}
.style_viewTypeContainer__A1oiE {
  width: 100%;
  background: var(--highBg);
  padding: 24px 16px;
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: auto;
}
.style_nodeTypeContainer__hEhp3 {
  padding-top: 8px;
  position: relative;
}
.style_nodeTypeContainer__hEhp3::before {
  position: absolute;
  left: 8px;
  top: 0;
  width: 216px;
  height: 1px;
  content: "";
  background-color: var(--lineColor);
}
.style_viewItem__IEZf7 {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
  margin-bottom: 8px;
  border-radius: 4px;
}
.style_viewItem__IEZf7.style_disabled__lRtA_ {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_viewItem__IEZf7:last-child {
  margin-bottom: 0;
}
.style_viewItem__IEZf7:hover {
  background: var(--rowSelectedBg);
}
.style_viewItem__IEZf7:active {
  background: rgba(var(--rowSelectedBg-rgb), 50%);
}
.style_viewItem__IEZf7 span {
  display: inline-block;
  flex: 1;
  margin: 0 6px;
  color: var(--secondLevelText);
}
.style_addNewDatasheet__IGUgS {
  color: var(--thirdLevelText);
  font-size: 13px;
  margin-top: 16px;
  text-align: center;
  cursor: pointer;
}
.style_addNewDatasheet__IGUgS:hover {
  opacity: 0.8;
}
.style_addNewDatasheet__IGUgS:active {
  opacity: 0.5;
}
.style_introduce__Fh8CB {
  background: var(--highBg);
  padding: 24px;
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
}
.style_introduce__Fh8CB h3 {
  color: var(--firstLevelText);
  font-size: 14px;
  margin-bottom: 8px;
}
.style_introduce__Fh8CB p {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-bottom: 16px;
}
.style_introduce__Fh8CB video {
  width: 240px;
  height: 135px;
}
.style_noHoverBg__cL6Vz {
  background: transparent !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__xQRWQ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__R5Ipu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__QIbtI ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__QIbtI ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__QIbtI 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__QIbtI ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__QIbtI li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__QIbtI .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__QIbtI .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__QIbtI .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__QIbtI .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Mw2zC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__RZ7nq {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__83VY7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__83VY7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__83VY7 .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__83VY7 .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__83VY7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__83VY7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__83VY7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__83VY7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__83VY7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__83VY7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__83VY7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__83VY7 .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__83VY7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__83VY7 .editBgColor::before,
.style_tree__83VY7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__83VY7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__83VY7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__83VY7 .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__83VY7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__83VY7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__83VY7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__83VY7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__83VY7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__83VY7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__OAPhX .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__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__OAPhX .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__OAPhX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__OAPhX .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__OAPhX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__OAPhX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__DIDl6 .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__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__DIDl6 .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__DIDl6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__DIDl6 .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__DIDl6 .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__DIDl6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DIDl6 .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__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__DIDl6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ormEg::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ormEg::-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__ormEg:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__O4Hx_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__O4Hx_::-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__O4Hx_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uWFJe {
  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__x7XM7 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__x7XM7 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__x7XM7 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__x7XM7 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__x7XM7 {
    flex: 0 0 100%;
  }
}
.style_collapse__PgXrq {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.style_collapse__PgXrq .style_toggle__35p7W {
  cursor: pointer;
  transition: all 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.style_collapse__PgXrq .style_toggle__35p7W.style_toggleHidden__96Usi {
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  transition: none;
}
.style_collapse__PgXrq .style_content__gAiNj {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  width: 100%;
  justify-content: flex-start;
}
.style_collapse__PgXrq .style_item__bLdsn {
  flex-shrink: 0;
}
.style_collapse__PgXrq .style_item__bLdsn.style_itemHidden__IqGzW {
  opacity: 0;
  pointer-events: none;
}
.style_collapse__PgXrq .style_popupItem___zq1a {
  display: block;
  width: 100%;
  position: relative;
}
.style_collapse__PgXrq .style_toggle__35p7W,
.style_collapse__PgXrq .style_extraBtn__JsDWo {
  z-index: 1;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__hJv0Y {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QDwCO {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__jZ1mJ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__jZ1mJ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__jZ1mJ 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__jZ1mJ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__jZ1mJ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__jZ1mJ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__jZ1mJ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__jZ1mJ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__jZ1mJ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Gz3yb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__1820u {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__gEgIr .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__gEgIr .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__gEgIr .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__gEgIr .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__gEgIr .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__gEgIr .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__gEgIr .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__gEgIr .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__gEgIr .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__gEgIr .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__gEgIr .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__gEgIr .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__gEgIr .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__gEgIr .editBgColor::before,
.style_tree__gEgIr .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__gEgIr .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__gEgIr .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__gEgIr .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__gEgIr .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__gEgIr .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__gEgIr .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__gEgIr .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__gEgIr .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__gEgIr .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__XrYfH .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__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__XrYfH .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__XrYfH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__XrYfH .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__XrYfH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__XrYfH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__rXgF3 .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__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__rXgF3 .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__rXgF3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__rXgF3 .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__rXgF3 .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__rXgF3 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rXgF3 .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__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__rXgF3 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__BNOhm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__BNOhm::-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__BNOhm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__3Ufff::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__3Ufff::-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__3Ufff:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__A6bB_ {
  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__PsCFG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__PsCFG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__PsCFG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__PsCFG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__PsCFG {
    flex: 0 0 100%;
  }
}
.style_tabbarItemWrapper__oGpLO {
  height: 100%;
  box-sizing: border-box;
  font-size: 13px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: none !important;
  border: 1px solid transparent;
  padding: 0 8px 0 10px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.style_tabbarItemWrapper__oGpLO .style_lineBorder__tl8Zw {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: transparent;
}
.style_tabbarItemWrapper__oGpLO:hover {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__oGpLO:hover .style_lineBorder__tl8Zw {
  background: var(--lineColor);
}
.style_tabbarItemWrapper__oGpLO:hover .style_viewIconArea__gwVrW {
  background: linear-gradient(90deg, rgba(var(--lowestBg), 0.6) 0%, rgba(var(--lowestBg), 1) 30%, rgba(var(--lowestBg), 1) 100%);
}
.style_tabbarItemWrapper__oGpLO:hover::after {
  opacity: 0;
}
.style_tabbarItemWrapper__oGpLO:active {
  background-color: var(--fc11);
}
.style_tabbarItemWrapper__oGpLO:active .style_viewIconArea__gwVrW {
  background: linear-gradient(90deg, rgba(var(--fc11), 0.6) 0%, rgba(var(--fc11), 1) 30%, rgba(var(--fc11), 1) 100%);
}
.style_tabbarItemWrapper__oGpLO svg {
  vertical-align: -0.125em;
  fill: var(--fc3);
}
.style_tabbarItemWrapper__oGpLO svg path {
  fill: var(--fc3);
}
.style_tabbarItemWrapper__oGpLO::after {
  content: '';
  display: block;
  height: 20px;
  background: var(--lineColor);
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-10px);
}
.style_tabbarItemWrapper__oGpLO .style_inputBox__c6KmM {
  border: none;
  outline: none;
  width: 160px;
  height: 21px;
  line-height: 21px;
  border-radius: 2px;
  font-size: 14px;
  padding: 2px 0;
  z-index: 3;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0 auto;
  background: var(--defaultBg);
}
.style_tabbarItemWrapper__oGpLO .style_inputBox__c6KmM.style_lowestBg__irKf9 {
  background: var(--defaultBg);
}
.style_tabbarItemWrapper__oGpLO .style_sheetName__1nHCU {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--fc1);
}
.style_tabbarItemWrapper__oGpLO .style_sheetName__1nHCU .style_name__LoDSX {
  display: inline-block;
  padding-left: 4px;
  height: 16px;
  line-height: 15px;
  -webkit-user-select: none;
          user-select: none;
  max-width: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_tabbarItemWrapper__oGpLO .style_closeBtn__TkZl1 {
  box-sizing: border-box;
}
.style_tabbarItemWrapper__oGpLO .style_closeBtn__TkZl1 .style_circle__uVKvO {
  display: flex;
  justify-content: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  align-items: center;
  transform: rotate(90deg);
}
.style_tabbarItemWrapper__oGpLO.style_preActive__7zwPg:after {
  opacity: 0;
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH {
  border-color: var(--lineColor);
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH .style_lineBorder__tl8Zw {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH .style_viewIconArea__gwVrW {
  background: linear-gradient(90deg, rgba(var(--lowestBg), 0.6) 0%, rgba(var(--lowestBg), 1) 30%, rgba(var(--lowestBg), 1) 100%);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH.style_specialType__n64TZ {
  background: var(--fc8);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH.style_specialType__n64TZ .style_lineBorder__tl8Zw {
  background: var(--fc8);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH.style_specialType__n64TZ .style_viewIconArea__gwVrW {
  background: linear-gradient(90deg, rgba(var(--fc8), 0.6) 0%, rgba(var(--fc8), 1) 30%, rgba(var(--fc8), 1) 100%);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH .style_name__LoDSX {
  color: var(--primaryColor);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH svg,
.style_tabbarItemWrapper__oGpLO.style_active__au0rH svg path {
  fill: var(--primaryColor);
}
.style_tabbarItemWrapper__oGpLO.style_active__au0rH::after {
  opacity: 0;
}
.style_tabbarItemWrapper__oGpLO.style_tabbarEditting__o0eVr.style_specialType__n64TZ .style_inputBox__c6KmM {
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__oGpLO.style_activePrev__UhO4q {
  background: var(--lowestBg);
  border-bottom: none;
}
.style_tabbarItemWrapper__oGpLO.style_activePrev__UhO4q .style_item__efrXJ {
  position: relative;
  height: 40px;
  background: var(--defaultBg);
  border-bottom-right-radius: 10px;
}
.style_tabbarItemWrapper__oGpLO.style_activeNext__rPz2C {
  border-bottom: none;
  background: var(--lowestBg);
}
.style_tabbarItemWrapper__oGpLO.style_activeNext__rPz2C .style_item__efrXJ {
  position: relative;
  height: 40px;
  background: var(--defaultBg);
  border-bottom-left-radius: 10px;
}
.style_tabbarItemWrapper__oGpLO.style_err__AGVNN .style_inputBox__c6KmM {
  border: 1px solid var(--errorColor);
}
.style_tabbarItemWrapper__oGpLO.style_err__AGVNN .style_inputBox__c6KmM::selection {
  background: var(--errorColor);
}
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  transition: all 0.3s;
  border-radius: 4px;
  background: transparent;
  background: linear-gradient(90deg, rgba(var(--fc8), 0.6) 0%, rgba(var(--fc8), 1) 30%, rgba(var(--fc8), 1) 100%);
}
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > span,
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > div {
  transition: all 0.3s;
  border-radius: 4px;
}
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > span:hover,
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > div:hover {
  background-color: var(--fc11);
}
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > span:active,
.style_tabbarItemWrapper__oGpLO .style_viewIconArea__gwVrW > div:active {
  background-color: var(--fc4);
}

/**
* 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_nodeInfo__T7p_5 {
  max-width: 400px;
}
.styles_nodeInfo__T7p_5 .styles_title__QjDlG {
  white-space: normal;
  line-height: 24px;
}
.styles_nodeInfo__T7p_5 .styles_title__QjDlG svg,
.styles_nodeInfo__T7p_5 .styles_title__QjDlG img {
  margin-right: 8px;
  vertical-align: bottom;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc {
  margin: 0;
  padding: 0;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li + li {
  padding-top: 24px;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li .styles_label__n_i7i {
  line-height: 22px;
  color: var(--thirdLevelText);
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li .styles_value__Zn6QH {
  color: var(--firstLevelText);
  display: flex;
  align-items: center;
  text-align: right;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li .styles_value__Zn6QH .styles_avatar__zTZM8 {
  margin-right: 4px;
}
.styles_nodeInfo__T7p_5 .styles_contentInfo__dERUc li .styles_isLeave__sSJoI {
  opacity: 0.5;
}
.styles_nodeInfoMobile___StGM {
  max-width: calc(100vw - 48px) !important;
}
.styles_nodeInfoMobile___StGM .ant-modal-title {
  padding-right: 0 !important;
}
.styles_nodeInfoMobile___StGM .ant-modal-footer {
  padding: 13px 0;
  box-shadow: inset 0px 1px 0px var(--lineColor);
}
.styles_nodeInfoMobile___StGM .ant-modal-footer:active {
  background-color: #ddd;
}
.styles_nodeInfoMobile___StGM .styles_title__QjDlG {
  text-align: center;
}
.styles_nodeInfoMobile___StGM .styles_footer__lSkOi {
  text-align: center;
  color: var(--thirdLevelText);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__7BJrz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__xd1es {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__mmeqq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__mmeqq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__mmeqq 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__mmeqq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__mmeqq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__mmeqq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__mmeqq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__mmeqq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__mmeqq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__4ILst {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__iXxOW {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__L_clP .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__L_clP .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__L_clP .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__L_clP .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__L_clP .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__L_clP .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__L_clP .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__L_clP .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__L_clP .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__L_clP .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__L_clP .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__L_clP .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__L_clP .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__L_clP .editBgColor::before,
.style_tree__L_clP .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__L_clP .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__L_clP .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__L_clP .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__L_clP .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__L_clP .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__L_clP .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__L_clP .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__L_clP .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__L_clP .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__A07Su .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__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__A07Su .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__A07Su .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__A07Su .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__A07Su .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__A07Su .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Td1nv .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__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Td1nv .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__Td1nv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Td1nv .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__Td1nv .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__Td1nv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Td1nv .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__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Td1nv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__JJesc::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__JJesc::-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__JJesc:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ssNmG::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ssNmG::-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__ssNmG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__FW3YP {
  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__Gio8U {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Gio8U {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Gio8U {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Gio8U {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Gio8U {
    flex: 0 0 100%;
  }
}
.style_title__XyA2w {
  display: flex;
  align-items: center;
}
.style_title__XyA2w > span {
  display: flex;
  align-items: center;
}
.style_title__XyA2w svg {
  margin-right: 4px;
}
.style_title__XyA2w .style_name__zTprN {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_tags__u_aFD {
  margin-top: 16px;
}
.style_beta__4__kg {
  display: flex;
  align-items: center;
}
.style_betaTag__NwSLI {
  margin-left: 4px;
  border-radius: 4px;
  background: var(--bgBrandLightDefault);
  width: 42px;
  height: 24px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--textBrandDefault);
}

/**
* 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__jUzqI {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__aTCKb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6_osH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6_osH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6_osH 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__6_osH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6_osH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6_osH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6_osH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6_osH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6_osH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__fddle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__qDGri {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__VEhVl .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__VEhVl .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__VEhVl .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__VEhVl .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__VEhVl .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__VEhVl .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__VEhVl .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__VEhVl .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__VEhVl .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__VEhVl .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__VEhVl .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__VEhVl .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__VEhVl .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__VEhVl .editBgColor::before,
.style_tree__VEhVl .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__VEhVl .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__VEhVl .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__VEhVl .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__VEhVl .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__VEhVl .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__VEhVl .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__VEhVl .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__VEhVl .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__VEhVl .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ZP2bm .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__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ZP2bm .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__ZP2bm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ZP2bm .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__ZP2bm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ZP2bm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__dGp_A .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__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__dGp_A .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__dGp_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__dGp_A .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__dGp_A .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__dGp_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__dGp_A .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__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__dGp_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__InY4x::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__InY4x::-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__InY4x:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__GArVF::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__GArVF::-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__GArVF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__fwzOl {
  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__N2XbJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__N2XbJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__N2XbJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__N2XbJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__N2XbJ {
    flex: 0 0 100%;
  }
}
.style_itemWrapper__Bhxu3.style_scrollAnimation__Oarrb {
  transition: all 0.6s;
}
.style_trigger__49uRX {
  min-width: 125px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  z-index: 0 !important;
}
.style_trigger__49uRX.style_triggerLastChild__Aj7UA .style_triggerView__QV_GR::after,
.style_trigger__49uRX.style_triggerLastChild__Aj7UA .style_viewMoreBtn__8t5xc::after {
  display: none !important;
}
.style_trigger__49uRX input[type="text"] {
  background: var(--defaultBg) !important;
}
.style_trigger__49uRX span {
  max-width: 64px !important;
  font-size: 14px;
  box-sizing: border-box;
  padding-right: 8px;
}
.style_trigger__49uRX button div {
  height: 16px;
  margin-left: 4px;
}
.style_trigger__49uRX button div svg {
  fill: var(--fc1);
}
.style_extra__J_jmy {
  z-index: 0 !important;
}
.style_scrollBox__FnO25 {
  flex: 1;
  overflow: hidden;
  margin-top: 1px;
}
.style_viewArrow__7esbb {
  transition: all 0.3s;
  transform: rotateZ(0deg);
  border-radius: 2px;
}
.style_viewArrow__7esbb:hover {
  background: var(--black_200);
}
.style_viewArrow__7esbb.style_viewArrowActive__5gdiy {
  transform: rotateZ(180deg);
}
.style_viewBar__RD9EP {
  height: 40px;
  margin-top: 9px;
}
.style_viewBar__RD9EP > div:first-child {
  flex-basis: 0;
}
.style_viewBarItem__PnEia {
  height: 100%;
}
.style_viewMoreBtn__8t5xc {
  height: 100%;
  background-color: none;
}
.style_viewMoreBtn__8t5xc:hover {
  background: var(--lowestBg) !important;
}
.style_viewMoreBtn__8t5xc:active {
  background: var(--fc11) !important;
}
.style_viewMoreBtn__8t5xc::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0;
  background: var(--lineColor);
}

/**
* 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__55oES {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__WOuLH {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NBcvg ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NBcvg ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NBcvg 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__NBcvg ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NBcvg li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NBcvg .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NBcvg .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NBcvg .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NBcvg .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__68cyW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__3EPRw {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__VRBk0 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__VRBk0 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__VRBk0 .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__VRBk0 .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__VRBk0 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__VRBk0 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__VRBk0 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__VRBk0 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__VRBk0 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__VRBk0 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__VRBk0 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__VRBk0 .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__VRBk0 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__VRBk0 .editBgColor::before,
.style_tree__VRBk0 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__VRBk0 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__VRBk0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__VRBk0 .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__VRBk0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__VRBk0 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__VRBk0 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__VRBk0 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__VRBk0 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__VRBk0 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__1Emd_ .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__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__1Emd_ .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__1Emd_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__1Emd_ .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__1Emd_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__1Emd_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__xjiVM .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__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__xjiVM .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__xjiVM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__xjiVM .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__xjiVM .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__xjiVM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xjiVM .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__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__xjiVM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__veaGQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__veaGQ::-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__veaGQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__vDUal::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__vDUal::-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__vDUal:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JUm_P {
  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__uz26o {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__uz26o {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__uz26o {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__uz26o {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__uz26o {
    flex: 0 0 100%;
  }
}
.style_nav__EFuZs {
  width: 100%;
  height: 100%;
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_nav__EFuZs .react-contextmenu {
  z-index: var(--contextmenu);
}
.style_nav__EFuZs .tab-context-menu {
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 2px solid var(--lineColor);
}
.style_nav__EFuZs .tab-context-menu .react-contextmenu-item {
  width: 220px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
}
.style_nav__EFuZs .tab-context-menu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.style_nav__EFuZs .ant-modal-confirm-content {
  margin: 20px 0 0 0 !important;
}
.style_scrollBoxWrapper__qswhu {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.style_status__W2VLX {
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  height: 100%;
  margin-left: 32px;
}
.style_prevEmpty__UdG9Z {
  width: 10px;
  background: var(--lowestBg);
  border-bottom: none;
}
.style_prevEmpty__UdG9Z .style_item__sfMvP {
  width: 100%;
  position: relative;
  height: 40px;
  background: var(--defaultBg);
  border-bottom-right-radius: 10px;
}
.style_prevEmpty__UdG9Z .style_item__sfMvP::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 128px;
  height: 50%;
  border-bottom-right-radius: 10px;
  border-right: 1px solid var(--lineColor);
  border-bottom: 1px solid var(--lineColor);
  pointer-events: none;
  z-index: var(--tabBlank);
}
.style_nodeName__mlZCa {
  width: 20%;
  padding-left: 16px;
  height: 100%;
  flex-shrink: 0;
  margin-right: 4px;
  min-width: 300px;
}
.style_nodeName__mlZCa p {
  margin-bottom: 0;
}
.style_nodeName__mlZCa .style_titleWrapper__HVBCc {
  height: 100%;
}
.style_nodeName__mlZCa .style_title__EUE8L {
  font-size: 16px;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeName__mlZCa .style_token__dKN4y {
  padding-left: 4px;
  flex-shrink: 0;
}
.style_nodeName__mlZCa .style_nodeFavorite__046K0 {
  padding-left: 16px;
}
.style_nodeName__mlZCa .style_desc__4Wt67 {
  font-size: 10px;
  color: var(--thirdLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeName__mlZCa .style_desc__4Wt67 svg {
  vertical-align: -0.125em;
  margin-right: 4px;
}
.style_switchList__5dsLm {
  padding: 10px 20px 0;
}
.style_viewBarWrapper__aAH54 {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding-right: 6px;
}
.style_lineBorder__Dvi_C {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--lineColor);
  bottom: 0;
}
.style_embedView__9ZHrs {
  padding-left: 35px;
}
.style_embedTitle__5PUEK {
  padding: 12px 24px;
}
.style_embedTitle__5PUEK p {
  margin: 0;
  font-family: 'PingFang SC';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--textCommonPrimary);
}
.style_inputBox__9C0Gn {
  outline: none;
  width: 160px;
  height: 21px;
  line-height: 21px;
  border-radius: 2px;
  font-size: 14px;
  z-index: 3;
  border: 1px solid transparent;
  box-sizing: border-box;
  margin: 0 auto;
  background: var(--defaultBg);
  margin-right: 8px;
  padding: 12px 4px;
}
.style_inputBox__9C0Gn.style_error__tGM0i {
  border: 1px solid var(--errorColor);
}
.style_embedOnlyViewName__Sms1A {
  display: flex;
  justify-content: left;
  align-items: center;
}
.style_embedOnlyViewName__Sms1A p {
  margin-right: 10px;
}
.style_isShowNodeInfoBar__jYdAs {
  justify-content: right;
}

/**
* 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__2zO9k {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__1U4WD {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__MLBdk ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__MLBdk ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__MLBdk 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__MLBdk ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__MLBdk li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__MLBdk .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__MLBdk .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__MLBdk .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__MLBdk .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__o88ha {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__AJOXn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__U1YSl .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__U1YSl .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__U1YSl .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__U1YSl .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__U1YSl .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__U1YSl .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__U1YSl .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__U1YSl .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__U1YSl .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__U1YSl .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__U1YSl .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__U1YSl .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__U1YSl .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__U1YSl .editBgColor::before,
.style_tree__U1YSl .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__U1YSl .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__U1YSl .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__U1YSl .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__U1YSl .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__U1YSl .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__U1YSl .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__U1YSl .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__U1YSl .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__U1YSl .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__DlDdG .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__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__DlDdG .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__DlDdG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__DlDdG .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__DlDdG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__DlDdG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__R6tlZ .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__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__R6tlZ .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__R6tlZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__R6tlZ .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__R6tlZ .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__R6tlZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__R6tlZ .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__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__R6tlZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Y8qLu::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Y8qLu::-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__Y8qLu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__0XF1M::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__0XF1M::-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__0XF1M:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PppLw {
  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__Jj_6i {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Jj_6i {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Jj_6i {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Jj_6i {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Jj_6i {
    flex: 0 0 100%;
  }
}
.style_tabBarWrapper__YQ62D {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px solid var(--lineColor);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.list.mobile .styles_recordItem__FurVd {
  padding: 0;
}
.list.mobile .styles_empty__A0PU5 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.styles_recordItem__FurVd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0;
}
.styles_recordItem__FurVd > div {
  width: 100%;
}
.styles_recordItem__FurVd.styles_high__vKyzA {
  line-height: 48px;
  min-height: 48px;
}
.styles_recordItem__FurVd.styles_bolder__aqEon {
  font-weight: bolder;
}
.styles_recordItem__FurVd .checkboxCell {
  padding-top: 0;
  justify-self: unset;
  padding-left: 10px;
  justify-content: start;
}
.styles_recordItem__FurVd .fieldTitleWrap {
  padding-right: 8px;
}
.styles_recordItem__FurVd .fieldTitleWrap .right {
  padding-bottom: 4px;
}
.styles_recordItem__FurVd .fieldTitle {
  line-height: 18px;
  padding: 0 8px 4px;
  margin: 0;
  font-size: 12px;
}
.styles_recordItem__FurVd .ratingCell {
  height: 18px;
}
.styles_recordItem__FurVd .expandWorkdoc {
  height: 18px;
  display: flex;
}
.styles_recordItem__FurVd .createdTime,
.styles_recordItem__FurVd .optionCellContainer,
.styles_recordItem__FurVd .cellDateTimeDate,
.styles_recordItem__FurVd .dateTime,
.styles_recordItem__FurVd .cellAutoNumber,
.styles_recordItem__FurVd .cellText {
  line-height: 20px;
}
.styles_recordItem__FurVd .expandWorkdoc,
.styles_recordItem__FurVd .optionCellContainer,
.styles_recordItem__FurVd .createdTime,
.styles_recordItem__FurVd .cellText,
.styles_recordItem__FurVd .dateTime,
.styles_recordItem__FurVd .cellAutoNumber,
.styles_recordItem__FurVd .ratingCell,
.styles_recordItem__FurVd .optionCellContainer,
.styles_recordItem__FurVd .attachmentContainer {
  padding-top: 0;
  padding-bottom: 0;
}
.styles_recordItem__FurVd .expandWorkdoc .link,
.styles_recordItem__FurVd .optionCellContainer .link,
.styles_recordItem__FurVd .createdTime .link,
.styles_recordItem__FurVd .cellText .link,
.styles_recordItem__FurVd .dateTime .link,
.styles_recordItem__FurVd .cellAutoNumber .link,
.styles_recordItem__FurVd .ratingCell .link,
.styles_recordItem__FurVd .optionCellContainer .link,
.styles_recordItem__FurVd .attachmentContainer .link,
.styles_recordItem__FurVd .expandWorkdoc .tabItem,
.styles_recordItem__FurVd .optionCellContainer .tabItem,
.styles_recordItem__FurVd .createdTime .tabItem,
.styles_recordItem__FurVd .cellText .tabItem,
.styles_recordItem__FurVd .dateTime .tabItem,
.styles_recordItem__FurVd .cellAutoNumber .tabItem,
.styles_recordItem__FurVd .ratingCell .tabItem,
.styles_recordItem__FurVd .optionCellContainer .tabItem,
.styles_recordItem__FurVd .attachmentContainer .tabItem {
  margin-top: 0;
  margin-bottom: 0;
}
.styles_recordItem__FurVd .unitMember {
  margin: 0;
}
.styles_recordItem__FurVd .workdocBtn {
  height: 16px;
  padding: 0;
}
.styles_recordItem__FurVd .workdocBtn:hover {
  background-color: transparent;
}
.styles_recordItem__FurVd .workdocBtn > div {
  font-size: 12px !important;
  line-height: 16px;
}
.styles_recordItem__FurVd .workdocBtn > svg {
  margin-right: 2px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 767.98px) {
  .styles_recordItem__FurVd .cellText {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.styles_empty__A0PU5 {
  line-height: 20px;
  padding: 4px 10px;
  font-weight: bolder;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .styles_empty__A0PU5 {
    padding-left: 4px;
    padding-right: 4px;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_mobile__2Q_m3 {
  width: 100%;
  height: 100%;
  margin-top: 25%;
}
.styles_mobile__2Q_m3 .styles_mobileEmpty__ldHgL {
  width: 100%;
  text-align: center;
}
.styles_mobile__2Q_m3 img {
  width: 240px;
}
.styles_mobile__2Q_m3 h6 {
  width: 100%;
  text-align: center;
  margin: 16px 0 8px;
}
.styles_mobile__2Q_m3 .styles_mobileEmptyWords__09iW7 {
  width: 100%;
  font-size: 12px;
  color: var(--fc3);
  text-align: center;
}
.styles_mobile__2Q_m3 .styles_mobileEmptyWords__09iW7 p {
  margin-bottom: 0;
}
.styles_calendarView__9r76R {
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  border: 1px solid var(--sheetLineColor);
  border-radius: 8px 8px 0 0;
  position: relative;
}
@media screen and (min-width: 767.98px) {
  .styles_calendarView__9r76R .Pane {
    overflow: hidden;
  }
}
.styles_calendarView__9r76R .Resizer.disabled {
  cursor: auto;
}
.styles_calendarView__9r76R .pickerChildrenWrapper {
  padding: 0;
}
.styles_left__NTpc0 {
  display: flex;
  height: 100%;
  position: relative;
}
.styles_left__NTpc0 .styles_toggleBtn___oDeu {
  position: absolute;
  top: 9px;
  right: 12px;
  z-index: 1;
  font-size: 12px;
}
.styles_left__NTpc0 .styles_toggleBtn___oDeu.styles_active__hpcXE button {
  background-color: var(--primaryLight);
  color: var(--deepPurple_500);
}
.styles_left__NTpc0 .styles_toggleBtn___oDeu button {
  background-color: inherit;
  color: var(--fc2);
  padding: 4px 8px;
  height: auto;
  display: flex;
  align-items: center;
}
.styles_left__NTpc0 .styles_toggleBtn___oDeu button:hover {
  background-color: var(--primaryLightHover);
}
.styles_left__NTpc0 .styles_toggleBtn___oDeu button svg {
  vertical-align: bottom;
}
.styles_left__NTpc0 .calendar {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  flex: 1;
}
.styles_left__NTpc0 .calendar .btn-pre-month,
.styles_left__NTpc0 .calendar .btn-next-month {
  display: flex;
  align-items: center;
}
.styles_left__NTpc0 .calendar .cp-calendar-picker input {
  cursor: pointer;
  font-weight: bold;
  width: 88px;
  text-align: center;
  display: inline-block;
  background-color: transparent;
}
.styles_left__NTpc0 .calendar .endClose .list {
  border-right: 0;
}
.styles_left__NTpc0 .calendar .endClose .list:hover {
  border-right: 0;
}
.styles_left__NTpc0 .calendar .startClose .list {
  border-left: 0;
}
.styles_left__NTpc0 .calendar .startClose .list:hover {
  border-left: 0;
}
.styles_left__NTpc0 .calendar .right-resize:hover ~ .list,
.styles_left__NTpc0 .calendar .left-resize:hover ~ .list {
  border: 1px solid var(--deepPurple_500);
  background-color: var(--defaultBg);
}
.styles_left__NTpc0 .calendar .list {
  min-height: 24px;
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 28px;
  font-size: 12px;
  border: 1px solid var(--borderOnbrandLight);
  background: linear-gradient(0deg, var(--bgBrandLightDefault) 0%, var(--bgBrandLightDefault) 100%), var(--bgCommonDefault);
}
.styles_left__NTpc0 .calendar .list.mobile {
  line-height: 24px;
  padding: 0;
}
.styles_left__NTpc0 .calendar .list:hover {
  border: 1px solid var(--borderBrandDefault);
  background-color: var(--bgCommonHigh);
}
.styles_left__NTpc0 .calendar .list.highlight {
  background: linear-gradient(0deg, var(--bgWarnLightDefault) 0%, var(--bgWarnLightDefault) 100%), var(--bgCommonDefault);
}
.styles_left__NTpc0 .calendar .task .mobile + .warning {
  right: 4px;
  top: 4px;
}
.styles_left__NTpc0 .calendar .task .warning {
  top: 10px;
  right: 8px;
}
.styles_left__NTpc0 .calendar .task.isMove .list {
  border: 1px solid var(--deepPurple_500);
}
.styles_left__NTpc0 .months {
  border-right: 0;
  height: calc(100% - 72px);
  overflow-x: hidden;
  overflow-y: overlay;
}
.styles_left__NTpc0 .months .day .active {
  background-color: var(--fc16);
}
@media screen and (min-width: 767.98px) {
  .styles_left__NTpc0 .calendar {
    overflow-x: overlay;
  }
  .styles_left__NTpc0 .weeks,
  .styles_left__NTpc0 .months {
    min-width: 800px;
  }
}
@media screen and (max-width: 767.98px) {
  .styles_left__NTpc0 .outer-months {
    height: calc(100% - 110px);
  }
  .styles_left__NTpc0 .months {
    height: 100%;
  }
  .styles_left__NTpc0 .months .today .day-value {
    top: 4px !important;
  }
  .styles_left__NTpc0 .months .day-value {
    font-size: 12px;
    top: 7px;
    left: 4px;
    letter-spacing: -1px;
  }
}
.styles_day__ulw54 {
  width: 100%;
  height: 100%;
  position: relative;
}
.styles_day__ulw54.styles_hover__tz3gd:hover {
  background-color: var(--fill0);
}
.styles_day__ulw54 .styles_add__GK2_2 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_day__ulw54 .styles_add__GK2_2:hover {
  background-color: var(--fill1);
}
.styles_dragTitle__i8qvh {
  font-weight: bolder;
  font-size: 13px;
}
.styles_dragTip__P8__R header {
  font-weight: bold;
}
.styles_dragTip__P8__R header > div {
  padding-left: 0;
  line-height: unset;
}
.styles_dragTip__P8__R header .cellText {
  padding: 0;
}
.styles_dragTip__P8__R .styles_dragTipDate__ky_Z1 {
  font-size: 12px;
}
.styles_duration__iUe3T {
  color: var(--fc3);
  padding-left: 3px;
}
.styles_duration__iUe3T span {
  padding: 0 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_calendarView__9r76R {
    border-radius: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_dragItem__4T2Lv {
  margin-bottom: 8px;
  border: 1px solid var(--sheetLineColor);
  border-radius: 4px;
  color: var(--fc1);
  font-size: 13px;
  min-height: 30px;
}
.styles_dragItem__4T2Lv.styles_draggable__S0_NT {
  cursor: pointer;
}
.styles_dragItem__4T2Lv.styles_draggable__S0_NT:hover {
  border: 1px solid var(--deepPurple_500);
}
.styles_dragItem__4T2Lv.styles_highlight__uQsLU {
  background-color: var(--warnLight);
}
.styles_dragItem__4T2Lv .styles_date__goTzZ {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
}
.styles_dragItem__4T2Lv svg {
  fill: currentcolor;
}
.styles_dragItem__4T2Lv .typography {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_dropList__mx7Fe {
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding: 8px;
}
.styles_dropList__mx7Fe .styles_dropMask__13BqF {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  position: absolute;
  top: 0;
  left: 0;
  border: 2px dashed var(--fc9);
  box-sizing: border-box;
  border-radius: 0 8px 8px 0;
  z-index: 13;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_dropList__mx7Fe .styles_dropMask__13BqF .styles_dropMaskText__0cRyE {
  width: 118px;
  font-size: 12px;
  text-align: center;
  color: var(--fc1);
}

/**
* 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_recordList__VzHKT {
  position: relative;
  height: 100%;
  width: 100%;
  border-right: 1px solid var(--sheetLineColor);
}
.styles_recordList__VzHKT .styles_header__enzIJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 0px 8px;
}
.styles_recordList__VzHKT .styles_header__enzIJ .styles_closeIcon__DQ7Cb {
  cursor: pointer;
}
.styles_recordList__VzHKT .styles_list__9IMW7 {
  height: calc(100% - 32px);
}
.styles_recordList__VzHKT .styles_list__9IMW7 > div:first-child {
  padding: 8px;
}
.styles_recordList__VzHKT .styles_list__9IMW7 > div:first-child div {
  background: var(--defaultBg);
}
.styles_recordList__VzHKT .styles_list__9IMW7 > div:nth-child(2) {
  height: calc(100% - 48px);
  max-height: none;
  overflow: hidden;
}
.styles_recordList__VzHKT .styles_listItems__q3vFr {
  height: calc(100% - 56px);
  overflow-y: overlay;
  overflow-x: hidden;
}
.styles_recordList__VzHKT .styles_add__NmNNw {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;
}
.styles_recordList__VzHKT .styles_empty__t9Gg7 {
  margin-top: 32px;
  text-align: center;
  color: var(--fc3);
}

/**
* 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_settingPanelContainer__VchOY {
  width: 100%;
  height: 100%;
  padding: 24px;
  background-color: var(--defaultBg);
  border-top-right-radius: 8px;
}
.styles_settingPanelContainer__VchOY .styles_header__WNPF_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.styles_settingPanelContainer__VchOY .styles_header__WNPF_ .styles_title__TVQma {
  display: flex;
  align-items: center;
}
.styles_settingPanelContainer__VchOY .styles_header__WNPF_ .styles_title__TVQma .styles_helpIcon__Rz8jp {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.styles_settingPanelContainer__VchOY .styles_header__WNPF_ .styles_closeIcon__Qvfy2 {
  cursor: pointer;
}
.styles_settingPanelContainer__VchOY .styles_guideWrap__s01Ym {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--fc6);
  height: 36px;
  cursor: pointer;
  transition: all 0.3s;
}
.styles_settingPanelContainer__VchOY .styles_guideWrap__s01Ym .styles_left__zvU9W {
  display: inline-flex;
  align-items: center;
}
.styles_settingPanelContainer__VchOY .styles_guideWrap__s01Ym .styles_left__zvU9W svg {
  margin-right: 8px;
}
.styles_settingPanelContainer__VchOY .styles_guideWrap__s01Ym:hover {
  background-color: var(--fc16);
}
.styles_settingPanelContainer__VchOY .styles_guideWrap__s01Ym:active {
  background-color: var(--fc9);
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg {
  margin-top: 24px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_settingTitle__rBAPi {
  padding-left: 6px;
  position: relative;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_settingTitle__rBAPi::before {
  content: "";
  width: 2px;
  height: 12px;
  background-color: var(--primaryColor);
  position: absolute;
  left: 0;
  top: 5px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_settingLayout__tihKN {
  margin-top: 16px;
  display: flex;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_settingLayout__tihKN .styles_selectField___cPoG {
  width: 132px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_settingLayout__tihKN .styles_selectField___cPoG:first-child {
  margin-right: 16px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_errorText__pu0pA {
  color: var(--errorColor);
  font-size: 10px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_timeZoneTip__fTC_6 {
  color: var(--textCommonTertiary);
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
}
.styles_settingPanelContainer__VchOY .styles_setting__PQuJg .styles_timeZoneTip__fTC_6 svg {
  margin-right: 4px;
  vertical-align: -0.2em;
}
.styles_color__Dd3Lh {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.styles_color__Dd3Lh .styles_outer__jDrwD {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--deepPurple_500);
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_color__Dd3Lh .styles_inner__vMSBX {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.styles_color__Dd3Lh .styles_more__EZyRX {
  font-size: 12px;
  cursor: pointer;
  color: var(--thirdLevelText);
  border-bottom: 1px solid var(--thirdLevelText);
  line-height: 1.4;
}

/**
* 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_createFieldModal__3dlyl {
  padding: 24px 24px 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_createFieldModal__3dlyl .style_banner__0Qu_E {
  width: 320px;
  height: 192px;
  margin-bottom: 24px;
}
.style_createFieldModal__3dlyl .style_banner__0Qu_E .style_bannerImg__5rvy1 {
  width: 100%;
  height: 100%;
  position: relative;
}
.style_createFieldModal__3dlyl .style_desc__1bj80 {
  margin-top: 8px;
  color: var(--thirdLevelText);
}
.style_createFieldModal__3dlyl .style_createBtn__iQLi3 {
  margin-top: 56px;
  display: flex;
  align-items: center;
}
.style_modalWrap__cbGqw {
  position: absolute !important;
}
.style_modalWrap__cbGqw .ant-modal-body {
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_dragDropModal__I7xUR {
  position: fixed;
  color: var(--firstLevelText);
  background-color: var(--highBg);
  border-radius: 4px;
  box-shadow: var(--shadowCommonHigh);
  width: 400px;
  padding: 12px;
  z-index: 16;
}
.styles_dragDropModal__I7xUR header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_dragDropModal__I7xUR header > div {
  box-sizing: unset;
}
.styles_dragDropModal__I7xUR .styles_content__7OscY {
  padding: 16px 0;
}
.styles_dragDropModal__I7xUR .styles_date__aYg6Y {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.styles_dragDropModal__I7xUR .styles_date__aYg6Y .styles_dateItem__fFoz7 {
  flex: 1 1;
}
.styles_dragDropModal__I7xUR .styles_date__aYg6Y .styles_dateItem__fFoz7:first-child {
  margin-right: 16px;
  max-width: 50%;
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__lsXuj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__RiRbs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__MB94t ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__MB94t ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__MB94t 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__MB94t ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__MB94t li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__MB94t .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__MB94t .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__MB94t .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__MB94t .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__B9Wxf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__1QVAH {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___oMxK .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___oMxK .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___oMxK .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___oMxK .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___oMxK .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___oMxK .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___oMxK .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___oMxK .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___oMxK .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___oMxK .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___oMxK .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___oMxK .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___oMxK .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___oMxK .editBgColor::before,
.style_tree___oMxK .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___oMxK .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___oMxK .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___oMxK .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___oMxK .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___oMxK .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___oMxK .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___oMxK .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___oMxK .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___oMxK .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3BOdO .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__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3BOdO .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__3BOdO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3BOdO .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__3BOdO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3BOdO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__DHdUp .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__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__DHdUp .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__DHdUp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__DHdUp .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__DHdUp .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__DHdUp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DHdUp .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__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__DHdUp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__URYUq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__URYUq::-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__URYUq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__yz69J::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__yz69J::-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__yz69J:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__WsELa {
  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__zY754 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__zY754 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__zY754 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__zY754 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__zY754 {
    flex: 0 0 100%;
  }
}
.style_galleryViewContainer__Ut73n {
  width: calc(100% + 32px);
  margin-left: -32px;
}
.style_galleryViewContainer__Ut73n > div {
  width: 100% !important;
  padding-left: 32px;
}
.style_galleryViewContainer__Ut73n > div > div {
  position: relative;
}
.style_galleryViewContainer__Ut73n.style_galleryViewContainerMobile__ewBoM > div {
  margin: 0 auto !important;
}
.style_galleryViewContainer__Ut73n.style_galleryViewContainerMobile__ewBoM > div > div {
  margin-left: 0;
}
.style_galleryViewContainer__Ut73n.style_galleryViewContainerMobile__ewBoM .style_cardGroupTitle__jZSAG .style_icon__SNcK1 {
  flex-shrink: 0;
}
.style_card__q79sY {
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: all 300ms ease-in-out;
}
.style_innerCard__98foP {
  box-shadow: 0px 0px 12px 0px rgba(var(--shadowBg-rgb), 6%);
  transition-delay: 0.1s;
  transition: box-shadow 300ms ease-out, transform 0.3s ease-out, top 300ms ease-out;
}
@media (any-hover: hover) {
  .style_innerCard__98foP:hover {
    cursor: pointer;
    box-shadow: 0px 8px 24px 0px rgba(var(--shadowBg-rgb), 16%);
    transform: translateY(-8px);
  }
  .style_innerCardForOneColumnMode__lh8sw:hover {
    box-shadow: 0px 8px 24px 0px rgba(var(--shadowBg-rgb), 6%) !important;
  }
}
.style_addNewRecordCard__R5N0c {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--defaultBg);
  color: var(--thirdLevelText);
}
.style_cardGroupTitle__jZSAG {
  display: flex;
  align-items: center;
  transition: all 0.35s;
}
.style_cardGroupTitle__jZSAG .style_icon__SNcK1 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 2px;
}
.style_cardGroupTitle__jZSAG .style_icon__SNcK1:hover,
.style_cardGroupTitle__jZSAG .style_icon__SNcK1:active {
  background: var(--black_200);
}
.style_galleryGroupTitle__fExea {
  font-weight: bold;
  transition: all 0.35s;
}
.style_gallaryGroupTitlebox__2gjaG > div {
  padding-left: 4px;
}
.style_gallaryGroupTitlebox__2gjaG > div,
.style_gallaryGroupTitlebox__2gjaG > div > div {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__wilJh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__H8EmS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__YgKjm ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__YgKjm ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__YgKjm 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__YgKjm ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__YgKjm li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__YgKjm .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__YgKjm .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__YgKjm .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__YgKjm .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__0sUyR {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__FhmbI {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__NfP79 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__NfP79 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__NfP79 .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__NfP79 .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__NfP79 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__NfP79 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__NfP79 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__NfP79 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__NfP79 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__NfP79 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__NfP79 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__NfP79 .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__NfP79 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__NfP79 .editBgColor::before,
.styles_tree__NfP79 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__NfP79 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__NfP79 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__NfP79 .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__NfP79 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__NfP79 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__NfP79 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__NfP79 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__NfP79 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__NfP79 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__ETa1V .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__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__ETa1V .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__ETa1V .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__ETa1V .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__ETa1V .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__ETa1V .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__tgqko .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__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__tgqko .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__tgqko .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__tgqko .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__tgqko .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__tgqko .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__tgqko .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__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__tgqko .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__LI8sy::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__LI8sy::-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__LI8sy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__JMPN6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__JMPN6::-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__JMPN6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__uWGOc {
  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__JlTIu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__JlTIu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__JlTIu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__JlTIu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__JlTIu {
    flex: 0 0 100%;
  }
}
.styles_dragItem__Dhmwh {
  margin-bottom: 8px;
  border: 1px solid var(--sheetLineColor);
  border-radius: 4px;
  color: var(--fc1);
  font-size: 13px;
  min-height: 30px;
}
.styles_dragItem__Dhmwh:hover {
  cursor: pointer;
  border: 1px solid var(--deepPurple_500);
}
.styles_dragItem__Dhmwh.styles_highlight__lHNeK {
  background-color: var(--warnLight);
}
.styles_dragItem__Dhmwh.styles_disabled__xWsHI {
  cursor: initial;
}
.styles_dragItem__Dhmwh .styles_date__NXCpo {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-top: 4px;
}
.styles_dragItem__Dhmwh svg {
  fill: currentcolor;
}
.styles_dragItem__Dhmwh .typography {
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
}
.styles_cellText__b7B1r {
  padding: 3px 10px;
  line-height: 24px;
  flex-grow: 1;
}
.styles_cellText__b7B1r > span {
  font-weight: bold;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_recordList__b7spS {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 4px 4px 0 0;
  background-color: var(--defaultBg);
  z-index: 10;
  border-right: 1px solid var(--sheetLineColor);
}
.styles_recordList__b7spS .styles_header__aKYMG {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 0px 8px;
}
.styles_recordList__b7spS .styles_header__aKYMG .styles_closeIcon__Rx5Md {
  cursor: pointer;
}
.styles_recordList__b7spS .styles_list__Z2R1m {
  height: calc(100% - 32px);
}
.styles_recordList__b7spS .styles_list__Z2R1m > div:first-child {
  padding: 8px;
}
.styles_recordList__b7spS .styles_list__Z2R1m > div:first-child div {
  background: var(--defaultBg);
}
.styles_recordList__b7spS .styles_list__Z2R1m > div:nth-child(2) {
  height: calc(100% - 48px);
  max-height: none;
  overflow: hidden;
}
.styles_recordList__b7spS .styles_listItems__C1RQO {
  height: calc(100% - 56px);
  overflow-y: overlay;
  overflow-x: hidden;
}
.styles_recordList__b7spS .styles_add__DNTjq {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 16px;
}
.styles_recordList__b7spS .styles_empty___8GqJ {
  margin-top: 32px;
  text-align: center;
  color: var(--fc3);
}
.styles_dropList__sS_ZG {
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding: 4px 4px 8px 0;
}
.styles_dropList__sS_ZG .styles_dropMask__edgWf {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  position: absolute;
  top: 0;
  left: 0;
  border: 2px dashed var(--deepPurple_300);
  box-sizing: border-box;
  border-radius: 8px;
  z-index: 13;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_dropList__sS_ZG .styles_dropMask__edgWf .styles_dropMaskText__6aZ_P {
  width: 118px;
  font-size: 12px;
  text-align: center;
  color: var(--fc1);
}

/**
* 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_createFieldModal__I7w4t {
  padding: 24px 24px 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_createFieldModal__I7w4t .style_banner__GesDQ {
  width: 320px;
  height: 192px;
  margin-bottom: 24px;
}
.style_createFieldModal__I7w4t .style_banner__GesDQ .style_bannerImg___GbrC {
  width: 100%;
  height: 100%;
}
.style_createFieldModal__I7w4t .style_desc__QO3nL {
  margin-top: 8px;
  color: var(--thirdLevelText);
}
.style_createFieldModal__I7w4t .style_createBtn__T_9pD {
  margin-top: 56px;
  display: flex;
  align-items: center;
}
.style_modalWrap__DKCp6 {
  position: absolute !important;
}
.style_modalWrap__DKCp6 .ant-modal-body {
  padding: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.styles_antiEllipsis__ud3h9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__qNN3K {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__eawWn ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__eawWn ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__eawWn 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__eawWn ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__eawWn li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__eawWn .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__eawWn .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__eawWn .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__eawWn .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__aaW_Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__g0_DL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__236EO .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__236EO .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__236EO .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__236EO .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__236EO .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__236EO .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__236EO .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__236EO .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__236EO .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__236EO .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__236EO .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__236EO .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__236EO .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__236EO .editBgColor::before,
.styles_tree__236EO .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__236EO .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__236EO .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__236EO .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__236EO .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__236EO .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__236EO .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__236EO .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__236EO .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__236EO .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__Nt_Ic .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__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__Nt_Ic .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__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__Nt_Ic .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__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__Nt_Ic .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__2gd12 .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__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__2gd12 .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__2gd12 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__2gd12 .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__2gd12 .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__2gd12 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__2gd12 .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__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__2gd12 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__ckyYv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__ckyYv::-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__ckyYv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__1cxIM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__1cxIM::-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__1cxIM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__mAaS4 {
  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__SIJMA {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__SIJMA {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__SIJMA {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__SIJMA {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__SIJMA {
    flex: 0 0 100%;
  }
}
.styles_outer__3HW2i {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 0 0 1px var(--fc5);
  border: 1px solid var(--fc5);
  box-shadow: 0px 1px 14px rgba(38, 38, 38, 0.05);
  transition: border 0.3s ease;
}
.styles_outer__3HW2i.styles_hover__jnQ5N,
.styles_outer__3HW2i:hover {
  border: 1px solid var(--primaryColor);
  cursor: pointer;
}
.styles_outer__3HW2i.styles_isDragging__7z0GY {
  opacity: 0.5;
  box-shadow: none;
  cursor: grabbing;
}
.styles_outer__3HW2i.styles_canDrop__WdrZZ {
  border-radius: 4px;
  box-shadow: 0 0 0 3px var(--bgBrandLightDefault);
  border-color: transparent;
}
.styles_outer__3HW2i.styles_highlight__uNQ_9 {
  position: relative;
}
.styles_outer__3HW2i.styles_highlight__uNQ_9::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--orange_100);
  opacity: 0.3;
  border-radius: 4px;
  pointer-events: none;
}
.styles_layer__5b8Lc {
  position: fixed;
  pointer-events: none;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: grabbing !important;
}
@keyframes styles_dashdraw___KoLC {
  from {
    stroke-dashoffset: 10;
  }
}
.styles_animated__cca5W > path {
  stroke-dasharray: 5;
  animation: styles_dashdraw___KoLC 0.5s linear infinite;
}
.styles_cycleNode__YQ2C3 {
  width: 108px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--fc5);
  box-shadow: 0px 1px 14px rgba(38, 38, 38, 0.05);
  border-radius: 4px;
  background-color: var(--defaultBg);
  pointer-events: none;
  font-size: 14px;
  font-weight: bold;
}
.styles_cycleNode__YQ2C3 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_collapse__WUcqY {
  height: 24px;
  position: absolute;
  left: calc(50% - 8px);
  transform: translateY(5px);
}
.styles_collapse__WUcqY::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 50%;
  width: 2px;
  height: 10px;
  background-color: var(--primaryColor);
  transform: translateX(-50%);
}
.styles_collapse__WUcqY.styles_horizontal__VeJt_ {
  left: calc(100% + 6px);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.styles_collapse__WUcqY.styles_horizontal__VeJt_::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  width: 6px;
  height: 2px;
  background-color: var(--primaryColor);
  transform: translateY(-50%);
}
.styles_draggingCard__UofHI {
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--primaryColor);
  cursor: grabbing !important;
}
.styles_ghostWrapper__AOG9T {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.styles_ghost__m8rwW {
  background-color: var(--orange_200);
  border-radius: 4px;
  width: 48px;
  height: 100%;
}
.styles_ghost__m8rwW.styles_horizontal__VeJt_ {
  width: 100%;
}
.styles_foreignObject__ivojx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.styles_deleteButton__pkH0S {
  border: 1px solid var(--fc5);
}
.styles_deleteButton__pkH0S:hover {
  border: 1px solid var(--primaryColor);
}
.styles_deleteButton__pkH0S:hover svg {
  fill: var(--primaryColor);
}
.styles_handle__4ZAcW {
  background-color: var(--primaryColor) !important;
  width: 5px !important;
  height: 2px !important;
  border: none !important;
  border-radius: unset !important;
  opacity: 0;
  pointer-events: none !important;
}
.styles_handle__4ZAcW.styles_visible__PHIyv {
  opacity: 1 !important;
}
.styles_ghostHandle__x1egG {
  background-color: var(--orange_200) !important;
  width: 5px !important;
  height: 2px !important;
  border: none !important;
  border-radius: unset !important;
  opacity: 0 !important;
}
.styles_ghostHandle__x1egG.styles_visible__PHIyv {
  opacity: 1 !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
**/
.styles_antiEllipsis__p955t {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__u2Bzs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__P5wyz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__P5wyz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__P5wyz 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__P5wyz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__P5wyz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__P5wyz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__P5wyz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__P5wyz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__P5wyz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__nZtMA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Aw00t {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__UoAoD .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__UoAoD .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__UoAoD .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__UoAoD .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__UoAoD .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__UoAoD .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__UoAoD .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__UoAoD .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__UoAoD .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__UoAoD .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__UoAoD .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__UoAoD .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__UoAoD .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__UoAoD .editBgColor::before,
.styles_tree__UoAoD .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__UoAoD .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__UoAoD .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__UoAoD .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__UoAoD .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__UoAoD .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__UoAoD .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__UoAoD .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__UoAoD .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__UoAoD .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__87GXf .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__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__87GXf .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__87GXf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__87GXf .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__87GXf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__87GXf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__BbKv6 .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__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__BbKv6 .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__BbKv6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__BbKv6 .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__BbKv6 .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__BbKv6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__BbKv6 .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__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__BbKv6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__DqQe8::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__DqQe8::-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__DqQe8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__BwDCd::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__BwDCd::-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__BwDCd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__LGWZa {
  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__yi9jc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__yi9jc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__yi9jc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__yi9jc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__yi9jc {
    flex: 0 0 100%;
  }
}
.styles_wrapper__rf_AQ {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_bottom__wbw1t {
  height: 36px;
}
.styles_bottom__wbw1t .styles_addBottom__YivnK {
  width: 16px;
  height: 16px;
  position: relative;
  top: -1px;
}
.styles_bottom__wbw1t .styles_addBottom__YivnK::before {
  content: '';
  position: absolute;
  top: -9px;
  left: 50%;
  width: 2px;
  height: 10px;
  background-color: var(--primaryColor);
  transform: translateX(-50%);
}
.styles_left__WKDVf {
  width: 36px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -36px;
}
.styles_left__WKDVf .styles_addLeft__L08EC {
  width: 16px;
  height: 16px;
}
.styles_left__WKDVf .styles_addLeft__L08EC::before {
  content: '';
  position: absolute;
  left: 24px;
  top: 24px;
  width: 12px;
  height: 2px;
  background-color: var(--primaryColor);
}
.styles_right__tCDJP {
  width: 36px;
  height: 100%;
  position: absolute;
  right: -36px;
  top: 0px;
}
.styles_right__tCDJP .styles_addRight__WxC43 {
  width: 16px;
  height: 16px;
  position: relative;
}
.styles_right__tCDJP .styles_addRight__WxC43::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -11px;
  width: 12px;
  height: 2px;
  background-color: var(--primaryColor);
}
.styles_mask__u62Sf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.styles_addIcon__EjyN7:hover path {
  fill: var(--primaryColor);
}
.styles_addIcon__EjyN7:hover rect {
  fill: var(--defaultBg);
}

.styles_cycleFlow__q5cg_ {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 72px;
}

/**
* 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__bnC93 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__m6iF9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__wB_o_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__wB_o_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__wB_o_ 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__wB_o_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__wB_o_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__wB_o_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__wB_o_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__wB_o_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__wB_o_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__9Aivv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__FgFPY {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__hkjJi .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__hkjJi .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__hkjJi .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__hkjJi .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__hkjJi .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__hkjJi .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__hkjJi .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__hkjJi .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__hkjJi .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__hkjJi .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__hkjJi .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__hkjJi .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__hkjJi .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__hkjJi .editBgColor::before,
.style_tree__hkjJi .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__hkjJi .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__hkjJi .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__hkjJi .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__hkjJi .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__hkjJi .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__hkjJi .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__hkjJi .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__hkjJi .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__hkjJi .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__PEpu5 .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__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__PEpu5 .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__PEpu5 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__PEpu5 .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__PEpu5 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__PEpu5 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ZJsiJ .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__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ZJsiJ .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__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ZJsiJ .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__ZJsiJ .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__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZJsiJ .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__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ZJsiJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___HOdI::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___HOdI::-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___HOdI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ODAtV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ODAtV::-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__ODAtV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__lvu4U {
  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__tA_de {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__tA_de {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__tA_de {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__tA_de {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__tA_de {
    flex: 0 0 100%;
  }
}
.style_settingPanelContainer__ddrEY {
  width: 100%;
  height: 100%;
  padding: 24px;
  background-color: var(--defaultBg);
  border-top-right-radius: 8px;
}
.style_settingPanelContainer__ddrEY .style_header__tYxfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_settingPanelContainer__ddrEY .style_header__tYxfo .style_title__sA61O {
  display: flex;
  align-items: center;
}
.style_settingPanelContainer__ddrEY .style_header__tYxfo .style_title__sA61O .style_helpIcon__TbG3d {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_settingPanelContainer__ddrEY .style_header__tYxfo .style_closeIcon__MjFAW {
  cursor: pointer;
}
.style_settingPanelContainer__ddrEY .style_guideWrap__4JJau {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-radius: 4px;
  background-color: var(--fc6);
  height: 36px;
  cursor: pointer;
  transition: all 0.3s;
}
.style_settingPanelContainer__ddrEY .style_guideWrap__4JJau .style_left__okEa6 {
  display: inline-flex;
  align-items: center;
}
.style_settingPanelContainer__ddrEY .style_guideWrap__4JJau .style_left__okEa6 svg {
  margin-right: 8px;
}
.style_settingPanelContainer__ddrEY .style_guideWrap__4JJau:hover {
  background-color: var(--fc16);
}
.style_settingPanelContainer__ddrEY .style_guideWrap__4JJau:active {
  background-color: var(--fc9);
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk {
  margin-top: 24px;
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk .style_settingTitle__IcMXm {
  padding-left: 6px;
  position: relative;
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk .style_settingTitle__IcMXm::before {
  content: "";
  width: 2px;
  height: 12px;
  background-color: var(--primaryColor);
  position: absolute;
  left: 0;
  top: 5px;
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk .style_settingLayout__kn4s4 {
  margin-top: 16px;
  display: flex;
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk .style_settingLayout__kn4s4 .style_selectField__h0qCy {
  width: 100%;
}
.style_settingPanelContainer__ddrEY .style_setting__UCiHk .style_errorText__0tvUn {
  color: var(--errorColor);
  font-size: 10px;
}

.styles_antiEllipsis__af_GG {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__lTCdv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__2fj0o ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__2fj0o ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__2fj0o 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__2fj0o ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__2fj0o li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__2fj0o .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__2fj0o .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__2fj0o .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__2fj0o .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__Dgy5F {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__6CWSR {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__sIWE_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__sIWE_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__sIWE_ .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__sIWE_ .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__sIWE_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__sIWE_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__sIWE_ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__sIWE_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__sIWE_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__sIWE_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__sIWE_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__sIWE_ .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__sIWE_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__sIWE_ .editBgColor::before,
.styles_tree__sIWE_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__sIWE_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__sIWE_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__sIWE_ .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__sIWE_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__sIWE_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__sIWE_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__sIWE_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__sIWE_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__sIWE_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree___OCzG .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___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree___OCzG .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___OCzG .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree___OCzG .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___OCzG .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree___OCzG .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__C_qmu .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__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__C_qmu .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__C_qmu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__C_qmu .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__C_qmu .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__C_qmu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__C_qmu .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__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__C_qmu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__ZHoJQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__ZHoJQ::-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__ZHoJQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Rn8VW::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Rn8VW::-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__Rn8VW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__apNTx {
  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__N5HDw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__N5HDw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__N5HDw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__N5HDw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__N5HDw {
    flex: 0 0 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
**/
.styles_cardWrapper__UvKo0:hover {
  outline: 2px solid var(--primaryColor);
}
.styles_dropWrapper__bRh0O {
  width: 100%;
  height: 100%;
  cursor: grab;
}
.styles_orgChartView__H83yh {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: var(--lowestBg);
}
.styles_smoothStepEdge__HUwmg > path {
  fill: none;
  stroke: var(--primaryColor);
  stroke-width: 2;
}
.styles_bezierEdge__hTp3C > path {
  fill: none;
  stroke: var(--primaryColor);
  stroke-width: 2;
  stroke-dasharray: 5;
}
.styles_mask__4GnWs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 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
**/
.styles_antiEllipsis__GNfun {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__6myFJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__ZUpTm ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__ZUpTm ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__ZUpTm 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__ZUpTm ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__ZUpTm li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__ZUpTm .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__ZUpTm .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__ZUpTm .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__ZUpTm .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__D5NCK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Gz_GK {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__uN3uq .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__uN3uq .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__uN3uq .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__uN3uq .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__uN3uq .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__uN3uq .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__uN3uq .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__uN3uq .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__uN3uq .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__uN3uq .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__uN3uq .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__uN3uq .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__uN3uq .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__uN3uq .editBgColor::before,
.styles_tree__uN3uq .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__uN3uq .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__uN3uq .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__uN3uq .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__uN3uq .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__uN3uq .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__uN3uq .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__uN3uq .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__uN3uq .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__uN3uq .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__GNn6t .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__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__GNn6t .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__GNn6t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__GNn6t .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__GNn6t .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__GNn6t .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__3wljM .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__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__3wljM .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__3wljM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__3wljM .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__3wljM .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__3wljM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__3wljM .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__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__3wljM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__u3i6i::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__u3i6i::-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__u3i6i:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__EJXWD::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__EJXWD::-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__EJXWD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__dFRLS {
  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__6CEU3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__6CEU3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__6CEU3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__6CEU3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__6CEU3 {
    flex: 0 0 100%;
  }
}
.styles_wrapper__nF6Sa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10%;
  -webkit-user-select: none;
          user-select: none;
}
.styles_addFirstNode__fvANU {
  width: 400px;
  max-height: 480px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.styles_addFirstNode__fvANU .styles_imgWrapper__eLMeC {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

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

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

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__gen3J {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Syy4C {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Qq5mT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Qq5mT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Qq5mT 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__Qq5mT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Qq5mT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Qq5mT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Qq5mT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Qq5mT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Qq5mT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__R6GJA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__aZokF {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Gahia .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Gahia .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Gahia .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__Gahia .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__Gahia .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Gahia .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Gahia .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Gahia .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Gahia .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Gahia .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Gahia .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Gahia .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__Gahia .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Gahia .editBgColor::before,
.style_tree__Gahia .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Gahia .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Gahia .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Gahia .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__Gahia .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Gahia .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Gahia .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Gahia .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Gahia .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Gahia .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__piRGy .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__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__piRGy .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__piRGy .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__piRGy .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__piRGy .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__piRGy .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Sldv1 .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__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Sldv1 .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__Sldv1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Sldv1 .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__Sldv1 .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__Sldv1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Sldv1 .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__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Sldv1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aAonG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aAonG::-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__aAonG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iTgyR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iTgyR::-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__iTgyR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__zhD71 {
  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__3o0DL {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3o0DL {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3o0DL {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3o0DL {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3o0DL {
    flex: 0 0 100%;
  }
}
.style_gridView__kJiIx {
  background-color: var(--lowestBg);
  padding-left: 32px;
}
.style_gridCell__jrmrK {
  border-bottom: 1px solid var(--primaryColor);
  border-right: 1px solid var(--primaryColor);
  border-left: none;
  border-top: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.style_selectedCell__MvRQ_ {
  background-color: var(--errorColor);
}
.style_viewContainer__AwhZ1 {
  position: absolute;
}
.style_updatingTip___bP17 {
  position: absolute;
  right: 16px;
  bottom: 0;
  background: var(--defaultBg);
  color: var(--primaryColor);
}
.style_orgChart__m93MQ {
  position: relative;
}
.style_orgChart__m93MQ::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 100%;
  background-color: var(--lowestBg);
}
.style_orgChart__m93MQ #DATASHEET_TOOL_BAR {
  background-color: var(--defaultBg);
  margin-left: -32px;
  padding-left: 32px;
  border-bottom: 1px solid var(--fc11);
}

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

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_generateTemplateContent__e3RIo {
  padding: 16px 0;
  color: var(--color-text-secondary);
}
.style_generateTemplateContent__e3RIo .style_tip__ufyYA {
  line-height: 18px;
  padding-bottom: 8px;
}
.style_generateTemplateContent__e3RIo .style_errorMsg__j1ag9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}

/**
* 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_editor__F8KLf {
  padding-bottom: 24px;
}
.style_folderShowCaseDrawer__UIVNG .ant-drawer-content-wrapper,
.style_folderShowCaseDrawer__UIVNG .ant-drawer-content {
  border-radius: 16px 16px 0 0;
}
.style_folderShowCaseDrawer__UIVNG .ant-drawer-body {
  padding: 0;
}
.style_folderShowCaseDrawer__UIVNG .ant-drawer-close svg {
  background-color: var(--rowSelectedBg);
  border-radius: 50%;
}

.style_dingTalkDaBtn__mjWpO {
  display: flex;
  align-items: center;
}

/**
* 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__VyZJN {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qefOh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___sEDu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___sEDu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___sEDu 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___sEDu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___sEDu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___sEDu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___sEDu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___sEDu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___sEDu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__T68sa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WLezb {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__9aSBf .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__9aSBf .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__9aSBf .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__9aSBf .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__9aSBf .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__9aSBf .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__9aSBf .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__9aSBf .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__9aSBf .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__9aSBf .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__9aSBf .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__9aSBf .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__9aSBf .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__9aSBf .editBgColor::before,
.style_tree__9aSBf .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__9aSBf .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__9aSBf .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__9aSBf .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__9aSBf .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__9aSBf .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__9aSBf .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__9aSBf .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__9aSBf .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__9aSBf .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__faW5w .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__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__faW5w .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__faW5w .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__faW5w .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__faW5w .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__faW5w .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7V8b8 .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__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7V8b8 .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__7V8b8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7V8b8 .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__7V8b8 .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__7V8b8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7V8b8 .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__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7V8b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___EL4b::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___EL4b::-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___EL4b:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__g5JEr::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__g5JEr::-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__g5JEr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9iwat {
  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__ieL6X {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ieL6X {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ieL6X {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ieL6X {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ieL6X {
    flex: 0 0 100%;
  }
}
.style_folderShowcaseSkeleton__7QbaJ {
  width: 100%;
  padding: 32px 68px;
}
.style_folderShowcaseWrapper__No_jd {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  padding: 32px 0;
  padding-right: 0;
  border-radius: 8px;
}
.style_folderShowcaseWrapper__No_jd .style_status__t66VL {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 80px;
}
.style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 68px;
  padding-left: 80px;
}
.style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_container__nJ3d2 {
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 {
  display: flex;
  flex-direction: row;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_folderShowcaseBanner__2rug2 {
  position: relative;
  min-width: 240px;
  max-width: 400px;
  height: auto;
  border: 0.5px solid var(--rowSelectedBg);
  border-radius: 8px;
  overflow: hidden;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_folderShowcaseBanner__2rug2 .style_banner__rxi0a {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  object-fit: cover;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_folderShowcaseBanner__2rug2 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_folderShowcaseBanner__2rug2:hover .style_editBtn__ArooB {
  display: flex;
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_folderShowcaseBanner__2rug2:hover .style_editBtn__ArooB > button {
  background-color: var(--bgControlsDegradeHigh);
}
.style_folderShowcaseWrapper__No_jd .style_top__GHQY6 .style_editBtn__ArooB {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: rgba(var(--defaultBg-rgb), 50%);
  border-radius: 16px;
  cursor: pointer;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc {
  flex: 1;
  padding-left: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 0;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 28px;
  font-weight: bold;
  -webkit-user-select: none;
          user-select: none;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl .style_icon__O__XO {
  display: flex;
  width: 20px;
  height: 20px;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl .style_nodeName__S6tUo {
  font-size: 20px;
  display: inline-block;
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl .style_token__8KAqy {
  padding-left: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl .style_token__8KAqy > div {
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_currentNodeName__SZIOl .style_nodeFavorite__eRbSU {
  padding-left: 16px;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_onlyReadEditor__uPYNE {
  padding: 0;
  cursor: inherit;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_descWrapper__PjMEP {
  position: absolute;
  top: 44px;
  width: calc(100% - 20px);
  height: calc(100% - 40px);
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  padding: 8px;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_descWrapper__PjMEP:hover {
  background: var(--rowSelectedBg);
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_descWrapper__PjMEP:hover::before {
  background: linear-gradient(rgba(var(--fc7-rgb), 0), rgba(var(--fc7-rgb), 1));
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_descWrapper__PjMEP.style_needPadding__nKpHa {
  height: calc(100% - 100px);
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_descWrapper__PjMEP::before {
  position: absolute;
  bottom: 8px;
  display: block;
  width: 100%;
  height: 12px;
  content: '';
  z-index: 2;
  background: linear-gradient(rgba(var(--defaultBg-rgb), 0), rgba(var(--defaultBg-rgb), 1));
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_desc__3VsxS {
  cursor: pointer;
  height: 100%;
  overflow: auto;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_desc__3VsxS.style_disabledDesc__2MCmx {
  cursor: not-allowed;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_desc__3VsxS p {
  min-height: 20px;
  margin: 0;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_desc__3VsxS .style_defaultText__Io5ag {
  color: var(--thirdLevelText);
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_btnGroup__yyY7_ {
  position: absolute;
  bottom: 0;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_btnGroup__yyY7_ button:not(:last-child) {
  margin-right: 24px;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_btnGroup__yyY7_ .style_shareBtn__x7F2L {
  display: flex;
  align-items: center;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_btnGroup__yyY7_ .style_settingBtn__BbPVu {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
}
.style_folderShowcaseWrapper__No_jd .style_nodeInfo__adNQc .style_btnGroup__yyY7_ .style_settingBtn__BbPVu > span {
  margin-right: 0;
}
.style_folderShowcaseWrapper__No_jd .style_mobileDescWrapper__IIVvH {
  display: none;
}
.style_folderShowcaseWrapper__No_jd .style_editor__poBW_ {
  width: 100%;
  margin-top: 16px;
}
.style_folderShowcaseWrapper__No_jd .style_nodes__xJBzB {
  max-width: 100%;
  padding-top: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.style_folderShowcaseWrapper__No_jd .style_nodeItem__U4ckq {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s;
  margin-bottom: 32px;
  flex-basis: 45%;
  max-width: 45%;
  background-color: var(--rowSelectedBg);
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .style_folderShowcaseWrapper__No_jd .style_nodeItem__U4ckq {
    max-width: 100%;
  }
}
.style_folderShowcaseWrapper__No_jd .style_nodeItem__U4ckq .style_nodeName__S6tUo {
  flex: 1;
  padding-left: 8px;
  font-size: 16px;
  color: var(--firstLevelText);
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (any-hover: hover) {
  .style_folderShowcaseWrapper__No_jd .style_nodeItem__U4ckq:hover {
    transform: translate(0, -4px);
    box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 4px, rgba(0, 0, 0, 0.03) 0px 4px 8px, rgba(0, 0, 0, 0.05) 0px 8px 16px, rgba(0, 0, 0, 0.05) 0px 16px 16px;
  }
}
.style_folderShowcaseWrapper__No_jd.style_readOnly__iuwaB .style_folderShowcaseBanner__2rug2 .style_editBtn__ArooB {
  display: none;
}
.style_folderShowcaseWrapper__No_jd.style_readOnly__iuwaB .ce-block,
.style_folderShowcaseWrapper__No_jd.style_readOnly__iuwaB .codex-editor__redactor {
  pointer-events: none;
}
.style_folderShowcaseWrapper__No_jd.style_readOnly__iuwaB .ce-toolbar {
  display: none;
}
@media only screen and (min-width: 767.98px) {
  .style_folderShowcaseBanner__2rug2 {
    width: 25%;
  }
}
@media only screen and (max-width: 767.98px) {
  .style_folderShowcaseWrapper__No_jd {
    padding: 0;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi {
    width: 100%;
    height: calc(100% - 48px);
    padding: 16px;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_nodes__xJBzB {
    flex-direction: column;
    padding-top: 24px;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_nodes__xJBzB .style_nodeItem__U4ckq {
    max-width: none;
    padding-bottom: 16px;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_folderShowcaseBanner__2rug2 {
    min-width: 128px;
    width: 128px;
    height: 128px;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_descWrapper__PjMEP {
    display: none;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_mobileDescWrapper__IIVvH {
    position: relative;
    height: 100px;
    overflow: hidden;
    display: block;
    margin-top: 16px;
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_mobileDescWrapper__IIVvH::before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 12px;
    content: '';
    background: linear-gradient(rgba(var(--defaultBg-rgb), 0), rgba(var(--defaultBg-rgb), 1));
  }
  .style_folderShowcaseWrapper__No_jd .style_scrollWrapper__JmMfi .style_mobileDescWrapper__IIVvH .style_desc__3VsxS {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.style_disabledBtn__nfHJR {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--lowestBg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_imgWrapper__r0EZT > span {
  position: unset !important;
}
.style_imgWrapper__r0EZT img {
  width: 100% !important;
  height: 100% !important;
  position: unset !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__UYJCj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__y5Oms {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__FS_pn ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__FS_pn ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__FS_pn 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__FS_pn ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__FS_pn li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__FS_pn .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__FS_pn .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__FS_pn .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__FS_pn .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__vQgeI {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__S_50v {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__utQ_y .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__utQ_y .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__utQ_y .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__utQ_y .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__utQ_y .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__utQ_y .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__utQ_y .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__utQ_y .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__utQ_y .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__utQ_y .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__utQ_y .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__utQ_y .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__utQ_y .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__utQ_y .editBgColor::before,
.style_tree__utQ_y .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__utQ_y .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__utQ_y .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__utQ_y .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__utQ_y .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__utQ_y .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__utQ_y .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__utQ_y .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__utQ_y .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__utQ_y .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__kPSpM .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__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__kPSpM .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__kPSpM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__kPSpM .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__kPSpM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__kPSpM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7YFPm .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__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7YFPm .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__7YFPm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7YFPm .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__7YFPm .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__7YFPm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7YFPm .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__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7YFPm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__vao6o::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__vao6o::-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__vao6o:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8fRY8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8fRY8::-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__8fRY8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ZCuUD {
  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__hApjZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__hApjZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__hApjZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__hApjZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__hApjZ {
    flex: 0 0 100%;
  }
}
.style_mirrorContainer__ii3M_ {
  display: flex;
  flex-direction: column;
}
.style_tabBarWrapper__mNZ33 {
  height: 50px;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px solid var(--lowestBg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_tab__FEq_F {
  display: flex;
  justify-content: space-between;
  background-color: var(--defaultBg);
}
.style_tab__FEq_F .style_right__49kwc {
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.style_nav__N1uiE {
  width: 100%;
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
.style_nav__N1uiE .react-contextmenu {
  z-index: var(--contextmenu);
}
.style_nav__N1uiE .tab-context-menu {
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
  border: 2px solid var(--lineColor);
}
.style_nav__N1uiE .tab-context-menu .react-contextmenu-item {
  width: 220px;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  font-size: 13px;
}
.style_nav__N1uiE .tab-context-menu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.style_nav__N1uiE .ant-modal-confirm-content {
  margin: 20px 0 0 0 !important;
}
.style_status__Iys8p {
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 32px;
  height: 100%;
  padding-top: 10px;
  margin-left: 32px;
}
.style_skeletonWrapper__J0q7O {
  margin: 0 20px 20px;
  padding-top: 20px;
}
.style_skeletonWrapper__J0q7O .ant-skeleton-element {
  display: inline-block;
  width: 100%;
}
.style_breadcrumbsBar__IBgLS {
  padding-left: 32px;
  position: relative;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.style_breadcrumbsBar__IBgLS p {
  margin-bottom: 0;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa {
  display: flex;
  flex-shrink: 0;
  font-size: 13px;
  margin-left: 16px;
  color: var(--fc1);
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_datasheetInfo__jdLVm {
  max-width: 120px;
  margin-right: 4px;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
  position: relative;
  padding-left: 12px;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti:before {
  content: " ";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--fourthLevelText);
  position: absolute;
  left: 0;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti:hover {
  color: var(--primaryColor);
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti:hover svg {
  fill: var(--primaryColor);
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti .style_viewName__JA1Ih {
  max-width: 120px;
  margin-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_breadcrumbsBar__IBgLS .style_container__pjBNg .style_sourceInfo__oTGsa .style_viewInfo__vPKti .style_viewIcon__OuO_Z {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__R_6fZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__wg07Q {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__fdFcG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__fdFcG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__fdFcG 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__fdFcG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__fdFcG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__fdFcG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__fdFcG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__fdFcG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__fdFcG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Abxw_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Dduvl {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__g_UTm .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__g_UTm .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__g_UTm .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__g_UTm .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__g_UTm .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__g_UTm .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__g_UTm .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__g_UTm .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__g_UTm .editBgColor::before,
.style_tree__g_UTm .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__g_UTm .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__g_UTm .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__g_UTm .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__g_UTm .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__g_UTm .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__g_UTm .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__g_UTm .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__g_UTm .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__g_UTm .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__lsmCB .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__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__lsmCB .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__lsmCB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__lsmCB .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__lsmCB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__lsmCB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__qzeYt .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__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__qzeYt .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__qzeYt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__qzeYt .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__qzeYt .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__qzeYt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qzeYt .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__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__qzeYt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__52nwY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__52nwY::-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__52nwY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__dcXOv::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__dcXOv::-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__dcXOv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__LtqSx {
  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__fff35 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fff35 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fff35 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fff35 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fff35 {
    flex: 0 0 100%;
  }
}
.style_active__Zv8mL.style_viewList__ATRkF {
  bottom: 0;
}
.style_active__Zv8mL.style_mask__E9gL_ {
  display: block;
}
.style_animation___4nTj {
  transition: width 0.3s;
}
.style_viewList__ATRkF {
  position: fixed;
  bottom: -1000px;
  max-height: 336px;
  overflow-y: auto;
  left: 0;
  right: 0;
  z-index: var(--zIndex-10-viewListZIndex);
  background: var(--defaultBg);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0 8px;
  padding-bottom: 30px;
  transition: width 0.3s;
}
.style_viewList__ATRkF h2 {
  font-size: 15px;
  line-height: 48px;
}
.style_viewList__ATRkF .style_viewItem__CBlHM {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_viewList__ATRkF .style_viewItem__CBlHM svg {
  margin-right: 8px;
}
.style_viewList__ATRkF .style_viewItem__CBlHM span {
  flex: 1;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_viewList__ATRkF .style_viewItem__CBlHM.style_active__Zv8mL svg:nth-of-type(1) {
  fill: var(--primaryColor);
}
.style_viewList__ATRkF .style_viewItem__CBlHM.style_active__Zv8mL svg:nth-of-type(2) {
  margin-left: 8px;
}
.style_viewList__ATRkF .style_viewItem__CBlHM.style_active__Zv8mL span {
  color: var(--primaryColor);
}
.style_mask__E9gL_ {
  position: fixed;
  background: var(--shadowColor);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--zIndex-1) viewListMaskZIndex;
  display: none;
  transition: width 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__618rh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__MmbuQ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__dX6m8 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__dX6m8 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__dX6m8 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__dX6m8 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__dX6m8 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__dX6m8 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__dX6m8 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__dX6m8 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__dX6m8 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__HzY0x {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__O0pJQ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MthwB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MthwB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MthwB .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__MthwB .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__MthwB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MthwB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MthwB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MthwB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MthwB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MthwB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MthwB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MthwB .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__MthwB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MthwB .editBgColor::before,
.style_tree__MthwB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MthwB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MthwB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MthwB .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__MthwB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MthwB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MthwB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MthwB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MthwB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MthwB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__wZPnX .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__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__wZPnX .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__wZPnX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__wZPnX .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__wZPnX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__wZPnX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__k9eVI .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__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__k9eVI .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__k9eVI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__k9eVI .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__k9eVI .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__k9eVI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k9eVI .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__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__k9eVI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__XsQfO::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__XsQfO::-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__XsQfO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__xfn8y::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__xfn8y::-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__xfn8y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__kTTI3 {
  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__kcEu6 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__kcEu6 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__kcEu6 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__kcEu6 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__kcEu6 {
    flex: 0 0 100%;
  }
}
.style_mobile__Lbzja {
  width: 100%;
  height: 100%;
  position: relative;
}
.style_mobile__Lbzja #DATASHEET_VIEW_CONTAINER_ID {
  padding-left: 0;
}
.style_side__AOm6w {
  width: 100%;
  height: 100%;
}
.style_side__AOm6w .style_shareButton__yqh9J {
  width: 76%;
  color: var(--defaultBg);
  background: var(--warningColor);
  font-size: 14px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  position: absolute;
  bottom: 52px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.style_side__AOm6w .style_shareReport__B_4nm {
  cursor: pointer;
  width: 32px;
  height: 40px;
  background: rgba(var(--defaultBg-rgb), 80%);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 87px;
  left: 0;
}
.style_friendlyTip__wucTs {
  position: absolute;
  top: 56px;
  left: 8px;
  right: 8px;
  height: 40px;
  background: var(--defaultBg);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 200px;
  z-index: var(--zIndex-1-mobileFriendlyTip);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  color: var(--primaryColor);
  font-size: 14px;
  transition: left 0.3s;
  cursor: pointer;
}
.style_friendlyTip__wucTs svg {
  vertical-align: -0.225em;
}
.style_friendlyTip__wucTs span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_floatBall__10T_Q {
  font-size: 10px;
  background: var(--shadowColor);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: fixed;
  right: 22px;
  bottom: 50px;
  box-shadow: 0px 2px 6px 0 blank;
  color: var(--defaultBg);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.style_wechatShareGuide__Iznb1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: var(--zIndex-2-wechatShareGuideZIndex);
}
.style_wechatShareGuide__Iznb1 .style_tip__MJQ4C {
  border-radius: 4px;
  display: inline-block;
  padding: 10px 16px;
  background: var(--primaryColor);
  color: var(--defaultBg);
  font-size: 14px;
}
.style_wechatShareGuide__Iznb1 .style_box__RTlkd {
  position: absolute;
  top: 100px;
  right: 14px;
}
.style_noFolder__fxUWm {
  width: 100%;
}
.style_noFolder__fxUWm > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.style_mobileShareDrawer__BNx7g .ant-drawer-body {
  padding: 0;
  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
**/
.styles_antiEllipsis__XWNkX {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__I2hjE {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__GJ3RH ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__GJ3RH ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__GJ3RH 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__GJ3RH ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__GJ3RH li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__GJ3RH .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__GJ3RH .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__GJ3RH .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__GJ3RH .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__5eKXB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg___6Chr {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__BtiwW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__BtiwW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__BtiwW .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__BtiwW .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__BtiwW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__BtiwW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__BtiwW .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__BtiwW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__BtiwW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__BtiwW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__BtiwW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__BtiwW .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__BtiwW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__BtiwW .editBgColor::before,
.styles_tree__BtiwW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__BtiwW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__BtiwW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__BtiwW .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__BtiwW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__BtiwW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__BtiwW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__BtiwW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__BtiwW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__BtiwW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__AneXq .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__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__AneXq .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__AneXq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__AneXq .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__AneXq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__AneXq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__2ybp1 .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__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__2ybp1 .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__2ybp1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__2ybp1 .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__2ybp1 .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__2ybp1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__2ybp1 .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__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__2ybp1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__oidhF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__oidhF::-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__oidhF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__lF8Ni::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__lF8Ni::-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__lF8Ni:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__cPogz {
  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___59i1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth___59i1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth___59i1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth___59i1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth___59i1 {
    flex: 0 0 100%;
  }
}
.styles_attachmentContainer__w4JDR {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  padding: 3px 10px;
  align-items: center;
}
.styles_attachmentContainer__w4JDR .styles_imgItem__cKl2M {
  margin-right: 5px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid var(--lineColor);
  box-sizing: content-box;
}
.styles_attachmentContainer__w4JDR .styles_imgItem__cKl2M > span {
  position: unset !important;
  height: 100% !important;
}
.styles_attachmentContainer__w4JDR .styles_imgItem__cKl2M .styles_img__0r5CU {
  height: 100% !important;
  width: auto !important;
  max-width: unset !important;
  min-width: unset !important;
  position: unset !important;
}
.styles_attachmentContainer__w4JDR .ant-progress-bg {
  height: 2px !important;
}
.styles_textTip__GTWqT {
  color: var(--thirdLevelText);
  max-width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_loadingio__fR5kA {
  width: 16px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  background: var(--defaultBg);
  margin-right: 4px;
  flex-shrink: 0;
}
.styles_loadingio__fR5kA .styles_ldio__UBBsU {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.16);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}
.styles_loadingio__fR5kA .styles_ldio__UBBsU div {
  position: absolute;
  width: 52px;
  height: 52px;
  border: 12px solid #7b67ee;
  border-top-color: transparent;
  border-radius: 50%;
  animation: styles_ldio-yuzmcl3obb__IMl2j 1s linear infinite;
  top: 50px;
  left: 50px;
  box-sizing: content-box;
}
@keyframes styles_ldio-yuzmcl3obb__IMl2j {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.styles_tooltip__GtoZ5 {
  padding: 8px !important;
  z-index: 1 !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__lpLBU {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___MJXe {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__yCebX ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__yCebX ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__yCebX 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__yCebX ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__yCebX li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__yCebX .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__yCebX .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__yCebX .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__yCebX .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__S8blC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__4LCrv {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__nSR_T .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__nSR_T .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__nSR_T .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__nSR_T .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__nSR_T .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__nSR_T .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__nSR_T .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__nSR_T .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__nSR_T .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__nSR_T .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__nSR_T .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__nSR_T .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__nSR_T .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__nSR_T .editBgColor::before,
.style_tree__nSR_T .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__nSR_T .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__nSR_T .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__nSR_T .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__nSR_T .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__nSR_T .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__nSR_T .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__nSR_T .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__nSR_T .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__nSR_T .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LqJQg .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__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LqJQg .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__LqJQg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LqJQg .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__LqJQg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LqJQg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__yeowl .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__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__yeowl .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__yeowl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__yeowl .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__yeowl .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__yeowl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yeowl .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__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__yeowl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__OOqiL::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__OOqiL::-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__OOqiL:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small___oT_Z::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small___oT_Z::-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___oT_Z:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__kN0u4 {
  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__Cfckx {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Cfckx {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Cfckx {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Cfckx {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Cfckx {
    flex: 0 0 100%;
  }
}
.style_ratingCell__7WMGe {
  width: 100%;
  line-height: initial;
  display: flex;
  align-items: flex-start;
  padding-left: 9px;
  padding-top: 7px;
  overflow: hidden;
}
.style_ratingCell__7WMGe .ant-rate {
  display: inline-flex;
}
.style_ratingCell__7WMGe .ant-rate-star-zero {
  visibility: hidden;
}
.style_ratingCell__7WMGe .ant-rate-star:not(:last-child) {
  margin-right: 3px;
}
.style_ratingCell__7WMGe .ant-rate-star {
  transition: none;
}
.style_activeCell__7gSpA .ant-rate-star-zero {
  opacity: 0.3;
  visibility: visible;
}

/**
* 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__wNoOS {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Ued3P {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZmY3K ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZmY3K ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZmY3K 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__ZmY3K ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZmY3K li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZmY3K .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZmY3K .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZmY3K .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZmY3K .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__gWAi3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__j_Zay {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__PZETn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__PZETn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__PZETn .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__PZETn .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__PZETn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__PZETn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__PZETn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__PZETn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__PZETn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__PZETn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__PZETn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__PZETn .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__PZETn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__PZETn .editBgColor::before,
.style_tree__PZETn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__PZETn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__PZETn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__PZETn .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__PZETn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__PZETn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__PZETn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__PZETn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__PZETn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__PZETn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eim3r .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__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eim3r .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__eim3r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eim3r .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__eim3r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eim3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6Kfsl .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__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6Kfsl .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__6Kfsl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6Kfsl .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__6Kfsl .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__6Kfsl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Kfsl .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__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6Kfsl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__gJyCr::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__gJyCr::-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__gJyCr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__tQ7Jp::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__tQ7Jp::-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__tQ7Jp:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__RbbYw {
  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__TwgUK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__TwgUK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__TwgUK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__TwgUK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__TwgUK {
    flex: 0 0 100%;
  }
}
.style_recordCardWrapper__yZRB8 {
  position: relative;
}
.style_recordCardWrapper__yZRB8 .style_deleteLinkRecord__Slupg {
  position: absolute;
  z-index: 1;
  right: -6px;
  top: -7px;
  fill: var(--fourthLevelText);
  cursor: pointer;
}
.style_recordCard__IGoSD {
  position: relative;
  display: flex;
  background-color: var(--fill0);
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.style_recordCard__IGoSD .style_cardTitle__seGiF {
  height: 18px;
  font-size: 13px;
  font-weight: bold;
  color: var(--firstLevelText);
  line-height: 18px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_recordCard__IGoSD .style_cardTitle__seGiF.style_gray__CEzvl {
  color: var(--fourthLevelText);
}
.style_recordCard__IGoSD .style_cardRow___eqRV {
  flex: 1 1;
  width: calc(100% - 90px);
  height: 90px;
  border-radius: 2px;
  padding-left: 10px;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i {
  display: flex;
  flex: 1 1;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardColumn__pes_l {
  flex: 1 1;
  width: 20%;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cellTitle__eNcu8 {
  font-size: 11px;
  color: var(--thirdLevelText);
  line-height: 16px;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i p {
  margin-bottom: 9px;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa {
  height: 31px;
  display: flex;
  align-items: center;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .expandWorkdoc {
  padding: 0;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .workdocBtn {
  max-width: 94px;
  padding: 0 2px;
  cursor: default;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .workdocBtn:hover {
  background-color: var(--bgBrandLightDefault);
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .style_cellHolder__hIgtU {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 7px;
  border-radius: 2px;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .style_cellValue__D2wo2 {
  padding-left: 0;
  padding-right: 0;
  margin-right: 8px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.style_recordCard__IGoSD .style_cardRow___eqRV .style_cellRow__VTz7i .style_cardCell__QbaTa .style_cellValue__D2wo2 .cellDateTimeDate {
  padding-left: 0;
}
.style_noReadablePermission__KoqMx {
  max-height: 90px;
  height: auto !important;
}
.style_noReadablePermission__KoqMx .style_cardTitle__seGiF {
  margin: 0;
  line-height: 40px;
  height: 40px;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__OZY2G {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__R0O4I {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__CGA4C ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__CGA4C ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__CGA4C 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__CGA4C ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__CGA4C li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__CGA4C .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__CGA4C .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__CGA4C .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__CGA4C .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZSmsu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__TStrd {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___0QFo .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___0QFo .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___0QFo .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___0QFo .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___0QFo .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___0QFo .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___0QFo .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___0QFo .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___0QFo .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___0QFo .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___0QFo .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___0QFo .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___0QFo .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___0QFo .editBgColor::before,
.style_tree___0QFo .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___0QFo .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___0QFo .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___0QFo .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___0QFo .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___0QFo .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___0QFo .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___0QFo .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___0QFo .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___0QFo .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__57Yud .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__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__57Yud .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__57Yud .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__57Yud .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__57Yud .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__57Yud .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Dzw1T .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__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Dzw1T .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__Dzw1T .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Dzw1T .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__Dzw1T .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__Dzw1T .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dzw1T .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__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Dzw1T .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Dcrxr::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Dcrxr::-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__Dcrxr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__a1S4f::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__a1S4f::-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__a1S4f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Dc9tl {
  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__0_TXv {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__0_TXv {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__0_TXv {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__0_TXv {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__0_TXv {
    flex: 0 0 100%;
  }
}
.style_customSelect__oKFg1:focus {
  outline: none !important;
  border: none !important;
}
.style_customSelect__oKFg1 > div {
  border: none !important;
  background-color: var(--rowSelectedBg);
}
.style_customSelect__oKFg1 > div input {
  height: 100% !important;
}
@media (any-hover: hover) {
  .style_customSelect__oKFg1 > div:focus {
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
  }
}
.style_customSelect__oKFg1 > div > div {
  font-size: 13px !important;
}
.style_customSelect__oKFg1 > div > div svg {
  display: none;
}
.style_customSelect__oKFg1 .ant-select-arrow {
  margin-top: -8px;
}
.style_dropdown__BGF0N ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_dropdown__BGF0N ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_dropdown__BGF0N 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_dropdown__BGF0N ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_dropdown__BGF0N li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_dropdown__BGF0N .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_dropdown__BGF0N .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_dropdown__BGF0N .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_dropdown__BGF0N .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW {
  height: 48px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW .style_fieldItem__EklQZ {
  display: flex;
  align-items: center;
  width: 100%;
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW .style_fieldItem__EklQZ .style_fieldName__prZab {
  color: var(--firstLevelText);
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW.style_active__BAqzT .style_fieldName__prZab {
  color: var(--primaryColor);
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW.style_active__BAqzT svg:first-child {
  fill: var(--primaryColor);
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW.style_disabled__Su_Jd .style_fieldName__prZab {
  color: var(--fourthLevelText);
}
.style_optionsListMenu__aTWs_ .style_optionItem__RxoCW.style_disabled__Su_Jd svg:first-child {
  fill: var(--fourthLevelText);
}
.style_mobileSelect__rluKg {
  z-index: 9999;
}
.style_trigger__HULbz {
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.style_outerTrigger__Dnpz8.style_disabled__Su_Jd span,
.style_trigger__HULbz.style_disabled__Su_Jd span {
  opacity: 0.5;
}
.style_outerTrigger__Dnpz8.style_disabled__Su_Jd svg,
.style_trigger__HULbz.style_disabled__Su_Jd svg {
  opacity: 0.5;
}
.style_outerTrigger__Dnpz8 span,
.style_trigger__HULbz span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_outerTrigger__Dnpz8 svg,
.style_trigger__HULbz svg {
  margin-right: 4px;
  flex-shrink: 0;
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_popUpTitle__Hymqr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_popUpTitle__Hymqr .style_leftPos__8Wx7W,
.style_popUpTitle__Hymqr .style_leftPos__8Wx7W a {
  display: flex;
  align-items: center;
}
.style_popUpTitle__Hymqr .style_leftPos__8Wx7W svg {
  margin-left: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #ff4d4f;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #ff7875;
  box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #ff7875;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not([disabled]):hover {
  background-color: #fff;
  border-color: #faad14;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffc53d;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffc53d;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  padding: 4px 11px 4px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: rgba(0, 0, 0, 0.25);
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 1.5715;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::-moz-placeholder {
  color: #bfbfbf;
  -moz-user-select: none;
       user-select: none;
}
.ant-picker-input > input:-ms-input-placeholder {
  color: #bfbfbf;
  -ms-user-select: none;
      user-select: none;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-picker-input > input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #40a9ff;
  border-right-width: 1px;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-input > input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 6.5px 11px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0px 7px;
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 6.5px 11px 6.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 0px 7px 0px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 11px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: #1890ff;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 7px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 7px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 2.58561808px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 2.58561808px;
  display: block;
  transform: rotate(45deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 7.54247233px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 11.3137085px;
  height: 11.3137085px;
  margin-left: 16.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -11.3137085px;
  left: -11.3137085px;
  width: 33.9411255px;
  height: 33.9411255px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -10px -10px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
          clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #1890ff;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #1890ff;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #1890ff;
  border-radius: 2px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #1890ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #e6f7ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #7ec1ff;
  border-bottom: 1px dashed #7ec1ff;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #cbe6ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cbe6ff;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #7ec1ff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #7ec1ff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-picker-cell-disabled {
  color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #1890ff;
}
.ant-picker-today-btn:hover {
  color: #40a9ff;
}
.ant-picker-today-btn:active {
  color: #096dd9;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #7ec1ff;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #1890ff;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(230, 247, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #e6f7ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 11px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 11px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 7px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #7ec1ff;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px 0 0 2px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #7ec1ff;
  border-left: 1px dashed #7ec1ff;
  border-radius: 2px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 2px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #1890ff;
  background: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #40a9ff;
  background: #40a9ff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #096dd9;
  background: #096dd9;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.85);
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #096dd9;
  border-color: #096dd9;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #1890ff;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: rgba(0, 0, 0, 0.85);
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: rgba(0, 0, 0, 0.85);
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #ff4d4f;
  background: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #ff7875;
  background: #ff7875;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #d9363e;
  background: #d9363e;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #ff4d4f;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #40a9ff;
  border-color: #40a9ff;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #096dd9;
  border-color: #096dd9;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #ff7875;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #d9363e;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 2px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 2px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 2px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 2px 2px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 2px 0 0 2px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  border-color: #1890ff;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  border-color: #40a9ff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #096dd9;
  border-color: #096dd9;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #ff4d4f;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #ff7875;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #d9363e;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: rgba(0, 0, 0, 0.25);
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #40a9ff;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #40a9ff;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #1890ff;
}
.ant-tag-checkable:active {
  background-color: #096dd9;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-processing {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-error {
  color: #ff4d4f;
  background: #fff2f0;
  border-color: #ffccc7;
}
.ant-tag-warning {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.rc-swipeout {
  overflow: hidden;
  position: relative;
}
.rc-swipeout-content {
  position: relative;
  background-color: #fff;
}
.rc-swipeout-cover {
  position: absolute;
  z-index: 2;
  background: transparent;
  height: 100%;
  width: 100%;
  top: 0;
  display: none;
}
.rc-swipeout .rc-swipeout-content,
.rc-swipeout .rc-swipeout-actions {
  transition: all 250ms;
}
.rc-swipeout-swiping .rc-swipeout-content {
  transition: none;
}
.rc-swipeout-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.rc-swipeout-actions-left {
  left: 0;
}
.rc-swipeout-actions-right {
  right: 0;
}
.rc-swipeout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.rc-swipeout-btn-text {
  padding: 0 12px;
}

.rc-trigger-popup {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 1050;
}
.rc-trigger-popup-hidden {
  display: none;
}
.rc-trigger-popup-zoom-enter,
.rc-trigger-popup-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-trigger-popup-zoom-enter.rc-trigger-popup-zoom-enter-active,
.rc-trigger-popup-zoom-appear.rc-trigger-popup-zoom-appear-active {
  animation-name: rcTriggerZoomIn;
  animation-play-state: running;
}
.rc-trigger-popup-zoom-leave.rc-trigger-popup-zoom-leave-active {
  animation-name: rcTriggerZoomOut;
  animation-play-state: running;
}
@keyframes rcTriggerZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcTriggerZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-trigger-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}
.rc-trigger-popup-mask-hidden {
  display: none;
}
.rc-trigger-popup-fade-enter,
.rc-trigger-popup-fade-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.rc-trigger-popup-fade-enter.rc-trigger-popup-fade-enter-active,
.rc-trigger-popup-fade-appear.rc-trigger-popup-fade-appear-active {
  animation-name: rcTriggerMaskFadeIn;
  animation-play-state: running;
}
.rc-trigger-popup-fade-leave.rc-trigger-popup-fade-leave-active {
  animation-name: rcDialogFadeOut;
  animation-play-state: running;
}
@keyframes rcTriggerMaskFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rcDialogFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rc-trigger-popup-mobile {
  transition: all 0.3s;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
}
.rc-trigger-popup-mobile-fade-appear-start,
.rc-trigger-popup-mobile-fade-enter-start {
  transform: translateY(100%);
}
.rc-trigger-popup-mobile-fade-leave-active {
  transform: translateY(100%);
}

.btn {
  outline: none;
  line-height: 1.5715;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
.btn,
.btn[disabled]:hover {
  background-color: var(--bgCommonHighest);
}
@media (any-hover: hover) {
  .btn:hover {
    background-color: var(--bgCommonHighest);
  }
}
.btn:active {
  background-color: var(--bgCommonHighest);
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn.btn-border {
  border: 1px solid currentColor;
}
.btn:not(.btn-border) {
  border: none;
}
.btn.ant-tooltip-open {
  display: inline-block;
}
.btn.btn-icon-only {
  padding: 0;
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-icon-only.btn-x-small {
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.btn.btn-icon-only.btn-small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.btn.btn-icon-only.btn-middle {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.btn.btn-icon-only.btn-large {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.btn-icon {
  line-height: 1;
}
.btn-icon svg {
  vertical-align: -0.18em;
}
.btn:not(.btn-icon-only) .btn-icon {
  margin-right: 2px;
}
.btn:not(.btn-padding) {
  padding: 0;
}
.btn-padding {
  padding-left: 16px;
  padding-right: 16px;
}
.btn-x-small {
  font-size: 12px;
  padding: 0 16px;
  height: 22px;
}
.btn-small {
  font-size: 12px;
  padding: 7px 16px;
  height: 32px;
}
.btn-middle {
  font-size: 14px;
  padding: 9px 16px;
  height: 40px;
}
.btn-large {
  font-size: 14px;
  padding: 13px 16px;
  height: 48px;
}
.btn-block {
  width: 100%;
}
.btn-shadow {
  box-shadow: 0 2px 6px rgba(38, 38, 38, 0.24);
}
.btn-shadow:hover {
  box-shadow: 0 2px 6px rgba(38, 38, 38, 0.32);
}
.btn-x-small.btn-square {
  border-radius: 4px;
}
.btn-small.btn-square {
  border-radius: 4px;
}
.btn-middle.btn-square {
  border-radius: 6px;
}
.btn-large.btn-square {
  border-radius: 8px;
}
.btn-circle {
  border-radius: 50%;
}
.btn-x-small.btn-round {
  border-radius: 22px;
}
.btn-small.btn-round {
  border-radius: 32px;
}
.btn-middle.btn-round {
  border-radius: 40px;
}
.btn-large.btn-round {
  border-radius: 48px;
}
.imgWrapper {
  color: red;
}

.btn {
  outline: none;
  line-height: 1.5715;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
.btn,
.btn[disabled]:hover {
  background-color: var(--bgCommonHighest);
}
@media (any-hover: hover) {
  .btn:hover {
    background-color: var(--bgCommonHighest);
  }
}
.btn:active {
  background-color: var(--bgCommonHighest);
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn.btn-border {
  border: 1px solid currentColor;
}
.btn:not(.btn-border) {
  border: none;
}
.btn.ant-tooltip-open {
  display: inline-block;
}
.btn.btn-icon-only {
  padding: 0;
  width: 22px;
  min-width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-icon-only.btn-x-small {
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.btn.btn-icon-only.btn-small {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.btn.btn-icon-only.btn-middle {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.btn.btn-icon-only.btn-large {
  width: 48px;
  min-width: 48px;
  height: 48px;
}
.btn-icon {
  line-height: 1;
}
.btn-icon svg {
  vertical-align: -0.18em;
}
.btn:not(.btn-icon-only) .btn-icon {
  margin-right: 2px;
}
.btn:not(.btn-padding) {
  padding: 0;
}
.btn-padding {
  padding-left: 16px;
  padding-right: 16px;
}
.btn-x-small {
  font-size: 12px;
  padding: 0 16px;
  height: 22px;
}
.btn-small {
  font-size: 12px;
  padding: 7px 16px;
  height: 32px;
}
.btn-middle {
  font-size: 14px;
  padding: 9px 16px;
  height: 40px;
}
.btn-large {
  font-size: 14px;
  padding: 13px 16px;
  height: 48px;
}
.btn-block {
  width: 100%;
}
.btn-shadow {
  box-shadow: 0 2px 6px rgba(38, 38, 38, 0.24);
}
.btn-shadow:hover {
  box-shadow: 0 2px 6px rgba(38, 38, 38, 0.32);
}
.btn-x-small.btn-square {
  border-radius: 4px;
}
.btn-small.btn-square {
  border-radius: 4px;
}
.btn-middle.btn-square {
  border-radius: 6px;
}
.btn-large.btn-square {
  border-radius: 8px;
}
.btn-circle {
  border-radius: 50%;
}
.btn-x-small.btn-round {
  border-radius: 22px;
}
.btn-small.btn-round {
  border-radius: 32px;
}
.btn-middle.btn-round {
  border-radius: 40px;
}
.btn-large.btn-round {
  border-radius: 48px;
}
.imgWrapper {
  color: red;
}
.btn-plus-icon {
  color: var(--secondLevelText);
  border-radius: 50%;
  padding: 0;
}
.btn-plus-icon,
.btn-plus-icon[disabled]:hover {
  background-color: transparent;
}
@media (any-hover: hover) {
  .btn-plus-icon:hover {
    background-color: var(--rowSelectedBg);
  }
}
.btn-plus-icon:active {
  background-color: var(--shadowColor);
}
.btn-plus-icon-shadow {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.btn-plus-font {
  color: #000000;
  font-size: 14px;
}
.btn-plus-font,
.btn-plus-font[disabled]:hover {
  background-color: transparent;
}
@media (any-hover: hover) {
  .btn-plus-font:hover {
    background-color: var(--lineColor);
  }
}
.btn-plus-font:active {
  background-color: var(--shadowColor);
}
.btn-plus-font:not(.btn-plus-font-icon-only) {
  border-radius: 40px;
}
.btn-plus-font-icon-only {
  border-radius: 50%;
}
.btn.btn-plus-translucent {
  color: var(--staticWhite0);
  background-color: rgba(var(--defaultBg-rgb), 50%);
  border: 1px solid var(--defaultBg);
}
.btn.btn-plus-translucent:hover {
  opacity: 0.8;
}
.btn.btn-plus-translucent:active {
  opacity: 0.5;
}
.btn-group .btn {
  border-radius: 0px;
  position: relative;
}
.btn-group .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .btn:not(:first-child):before {
  content: " ";
  display: block;
  width: 1px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: -1px;
  background: #e6e6e6;
  z-index: 3;
  transform: translateY(-50%);
  opacity: 1 !important;
}

/**
 * APITable <https://github.com/apitable/apitable>
 * Copyright (C) 2022 APITable Ltd. <https://apitable.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
:root {
  --static-white: #FFFFFF;
  --static-white-rgb: 255, 255, 255;
  --static-primary-color: #7B67EE;
  --static-black: #262626;
  --static-black-rgb: 38, 38, 38;
  --static-delete-bg: var(--red_200);
  --static-delete-bg-rgb: 255, 180, 175;
  --static-add-bg: var(--teal_200);
  --static-add-bg-rgb: 139, 221, 190;
}
:root[data-theme="light"] {
  --closeIconBg: rgba(38, 38, 38, 0.5);
  --workdocSelectionBg: rgba(123, 103, 238, 0.2);
}
:root[data-theme="dark"] {
  --closeIconBg: rgba(255, 255, 255, 0.1);
  --workdocSelectionBg: rgba(144, 127, 240, 0.16);
}

/**
* 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
**/
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  display: flex;
  flex-direction: column;
  background: var(--defaultBg);
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 8px;
  padding: 24px;
  border: none !important;
}
@media screen and (min-width: 767.98px) {
  .emoji-mart {
    width: 432px !important;
    height: 465px;
  }
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
  overflow: hidden;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
  display: none;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1;
  padding: 0px 6px 6px 6px;
  margin-top: 8px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search #emoji-mart-search-1 {
  font-size: 13px;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 30px;
}
.emoji-mart-search.searchWithReset {
  width: 100%;
}
.emoji-mart-search .resetBtn {
  position: absolute;
  top: 0;
  right: 0;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 66%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: none !important;
  outline: 0;
  height: 40px;
  background-color: var(--lowestBg);
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 11px;
  left: 58%;
  z-index: 2;
  padding: 2px 5px 0;
  border: none;
  background: none;
}
.emoji-mart-search-icon svg {
  fill: var(--fc1);
}
.emoji-mart-search-icon:focus {
  outline: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
  overflow: hidden;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--thirdLevelText);
  padding: 5px 6px;
  background-color: var(--defaultBg);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji:hover:before {
  background-color: var(--bgControlsDefault) !important;
}
.emoji-mart-emoji:focus {
  outline: none;
}
.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999a9c;
  font-size: 26px;
  font-weight: lighter;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: var(--defaultBg);
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: var(--defaultBg);
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: var(--defaultBg);
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: var(--defaultBg);
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*
 * Dark mode styles
 */
.emoji-mart-dark {
  color: var(--defaultBg);
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: var(--defaultBg);
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: var(--defaultBg);
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}
.emoji-wrapper {
  width: 432px;
  height: 465px;
  background: var(--defaultBg);
  color: var(--fc1);
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .emoji-wrapper {
    width: 100%;
    height: 100%;
  }
  .emoji-mart {
    width: 100% !important;
    height: 100%;
    padding-top: 0;
  }
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.cp-calendar-picker-container {
  font-size: 14px;
  line-height: 1.5;
  color: var(--secondLevelText);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  z-index: 1150;
  transition: none;
  animation: none;
}
.cp-calendar-picker {
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  outline: none;
  transition: opacity 0.3s;
}
.cp-calendar-picker-input {
  outline: none;
  width: 100%;
  border: none;
  padding: 4px 0 6px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cp-calendar-picker-input::-moz-placeholder {
  color: #7e8791;
  opacity: 1;
}
.cp-calendar-picker-input:-ms-input-placeholder {
  color: #7e8791;
}
.cp-calendar-picker-input::-webkit-input-placeholder {
  color: #7e8791;
}
.cp-calendar-picker:hover .cp-calendar-picker-input:not(.cp-input-disabled) {
  border-color: var(--primaryColor);
}
.cp-calendar-picker:focus .cp-calendar-picker-input:not(.cp-input-disabled) {
  border-color: var(--primaryColor);
  outline: 0;
  box-shadow: 0 0 0 2px var(--shadowColor);
  border-right-width: 1px !important;
}
.cp-calendar-picker-clear,
.cp-calendar-picker-icon {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  line-height: 14px;
  font-size: 12px;
  transition: all 0.3s;
  -webkit-user-select: none;
  user-select: none;
}
.cp-calendar-picker-clear {
  opacity: 0;
  z-index: 1;
  color: var(--fc4);
  background: var(--highestBg);
  pointer-events: none;
  cursor: pointer;
}
.cp-calendar-picker-clear:hover {
  color: var(--fc2);
}
.cp-calendar-picker:hover .cp-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.cp-calendar-picker-icon {
  color: var(--fc4);
}
.cp-calendar-picker-icon:after {
  content: "\E6BB";
  font-family: "anticon";
  font-size: 14px;
  color: var(--fc4);
  display: inline-block;
  line-height: 1;
}
.cp-calendar-picker-small .cp-calendar-picker-clear,
.cp-calendar-picker-small .cp-calendar-picker-icon {
  right: 8px;
}
.cp-calendar {
  position: relative;
  outline: none;
  width: 280px;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: var(--highestBg);
  border-radius: 4px;
  box-shadow: var(--shadowCommonHighest);
  background-clip: padding-box;
  line-height: 1.5;
}
.cp-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid var(--lineColor);
}
.cp-calendar-input {
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
  height: 22px;
  background: var(--highestBg);
}
.cp-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.cp-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-week-number {
  width: 286px;
}
.cp-calendar-week-number-cell {
  text-align: center;
}
.cp-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--lineColor);
}
.cp-calendar-header a:hover {
  color: var(--primaryColor);
}
.cp-calendar-header .cp-calendar-century-select,
.cp-calendar-header .cp-calendar-decade-select,
.cp-calendar-header .cp-calendar-year-select,
.cp-calendar-header .cp-calendar-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: var(--color);
  line-height: 40px;
}
.cp-calendar-header .cp-calendar-century-select-arrow,
.cp-calendar-header .cp-calendar-decade-select-arrow,
.cp-calendar-header .cp-calendar-year-select-arrow,
.cp-calendar-header .cp-calendar-month-select-arrow {
  display: none;
}
.cp-calendar-header .cp-calendar-prev-century-btn,
.cp-calendar-header .cp-calendar-next-century-btn,
.cp-calendar-header .cp-calendar-prev-decade-btn,
.cp-calendar-header .cp-calendar-next-decade-btn,
.cp-calendar-header .cp-calendar-prev-month-btn,
.cp-calendar-header .cp-calendar-next-month-btn,
.cp-calendar-header .cp-calendar-prev-year-btn,
.cp-calendar-header .cp-calendar-next-year-btn {
  position: absolute;
  top: 0;
  color: var(--fc2);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 14px;
  display: inline-block;
  line-height: 40px;
}
.cp-calendar-header .cp-calendar-prev-century-btn,
.cp-calendar-header .cp-calendar-prev-decade-btn,
.cp-calendar-header .cp-calendar-prev-year-btn {
  left: 18px;
}
.cp-calendar-header .cp-calendar-prev-century-btn:after,
.cp-calendar-header .cp-calendar-prev-decade-btn:after,
.cp-calendar-header .cp-calendar-prev-year-btn:after,
.cp-calendar-header .cp-calendar-prev-century-btn:before,
.cp-calendar-header .cp-calendar-prev-decade-btn:before,
.cp-calendar-header .cp-calendar-prev-year-btn:before,
.cp-calendar-header .cp-calendar-next-century-btn:after,
.cp-calendar-header .cp-calendar-next-decade-btn:after,
.cp-calendar-header .cp-calendar-next-year-btn:after,
.cp-calendar-header .cp-calendar-next-century-btn:before,
.cp-calendar-header .cp-calendar-next-decade-btn:before,
.cp-calendar-header .cp-calendar-next-year-btn:before {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg);
  transition: all 0.3s;
  content: "";
}
.cp-calendar-header .cp-calendar-prev-century-btn:after,
.cp-calendar-header .cp-calendar-prev-decade-btn:after,
.cp-calendar-header .cp-calendar-prev-year-btn:after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.cp-calendar-header .cp-calendar-next-century-btn,
.cp-calendar-header .cp-calendar-next-decade-btn,
.cp-calendar-header .cp-calendar-next-year-btn {
  right: 18px;
}
.cp-calendar-header .cp-calendar-prev-month-btn,
.cp-calendar-header .cp-calendar-next-month-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: var(--fc2);
  font-size: 16px;
  line-height: 40px;
}
.cp-calendar-header .cp-calendar-prev-month-btn {
  left: 56px;
  height: 100%;
}
.cp-calendar-header .cp-calendar-next-month-btn {
  right: 56px;
  height: 100%;
}
.cp-calendar-header .cp-calendar-prev-month-btn:before,
.cp-calendar-header .cp-calendar-next-month-btn:before {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg);
  transition: all 0.3s;
  content: "";
}
.cp-calendar-header .cp-calendar-next-month-btn:before,
.cp-calendar-header .cp-calendar-next-century-btn:after,
.cp-calendar-header .cp-calendar-next-decade-btn:after,
.cp-calendar-header .cp-calendar-next-year-btn:after,
.cp-calendar-header .cp-calendar-next-century-btn:before,
.cp-calendar-header .cp-calendar-next-decade-btn:before,
.cp-calendar-header .cp-calendar-next-year-btn:before {
  transform: rotate(135deg);
}
.cp-calendar-header .cp-calendar-next-century-btn:before,
.cp-calendar-header .cp-calendar-next-decade-btn:before,
.cp-calendar-header .cp-calendar-next-year-btn:before {
  position: relative;
  left: 3px;
}
.cp-calendar-body {
  padding: 10px;
}
.cp-calendar table {
  border-collapse: collapse;
  max-width: 100%;
  background-color: transparent;
  width: 100%;
}
.cp-calendar table,
.cp-calendar th,
.cp-calendar td {
  border: 0;
  text-align: center;
}
.cp-calendar-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.cp-calendar-column-header {
  line-height: 18px;
  width: 33px;
  padding: 6px 0;
  text-align: center;
}
.cp-calendar-column-header .cp-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.cp-calendar-week-number-header .cp-calendar-column-header-inner {
  display: none;
}
.cp-calendar-cell {
  padding: 2px 0;
  height: 24px;
}
.cp-calendar-date {
  display: block;
  margin: 0 auto;
  color: var(--fc2);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  padding: 0;
  background: transparent;
  text-align: center;
  transition: background 0.3s ease;
}
.cp-calendar-date-panel {
  position: relative;
  outline: none;
}
.cp-calendar-date:hover {
  background: var(--hover);
  cursor: pointer;
}
.cp-calendar-date:active {
  color: var(--color);
  background: var(--bgBrandLightActive);
}
.cp-calendar-today .cp-calendar-date {
  border-radius: 2px;
  border: solid 1px var(--primaryColor);
  color: var(--primaryColor);
}
.cp-calendar-last-month-cell .cp-calendar-date,
.cp-calendar-next-month-btn-day .cp-calendar-date {
  color: var(--fourthLevelText);
}
.cp-calendar-selected-date .cp-calendar-date,
.cp-calendar-selected-start-date .cp-calendar-date,
.cp-calendar-selected-end-date .cp-calendar-date {
  background: var(--primaryColor);
  color: var(--staticWhite0);
  border: 1px solid transparent;
}
.cp-calendar-selected-date .cp-calendar-date:hover,
.cp-calendar-selected-start-date .cp-calendar-date:hover,
.cp-calendar-selected-end-date .cp-calendar-date:hover {
  background: var(--primaryColor);
}
.cp-calendar-disabled-cell .cp-calendar-date {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f5f5f5;
  border-radius: 0;
  width: auto;
  border: 1px solid transparent;
}
.cp-calendar-disabled-cell .cp-calendar-date:hover {
  background: #f5f5f5;
}
.cp-calendar-disabled-cell.cp-calendar-today .cp-calendar-date {
  position: relative;
  margin-right: 5px;
  padding-left: 5px;
}
.cp-calendar-disabled-cell.cp-calendar-today .cp-calendar-date:before {
  content: " ";
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid #bcbcbc;
  border-radius: 2px;
}
.cp-calendar-disabled-cell-first-of-row .cp-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cp-calendar-disabled-cell-last-of-row .cp-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cp-calendar-footer {
  border-top: 1px solid var(--lineColor);
  line-height: 38px;
  padding: 0 12px;
}
.cp-calendar-footer:empty {
  border-top: 0;
}
.cp-calendar-footer-btn {
  text-align: center;
  display: block;
}
.cp-calendar-footer-extra + .cp-calendar-footer-btn {
  border-top: 1px solid var(--lineColor);
  margin: 0 -12px;
  padding: 0 12px;
}
.cp-calendar .cp-calendar-today-btn,
.cp-calendar .cp-calendar-clear-btn {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 8px;
}
.cp-calendar .cp-calendar-today-btn-disabled,
.cp-calendar .cp-calendar-clear-btn-disabled {
  color: var(--fc4);
  cursor: not-allowed;
}
.cp-calendar .cp-calendar-today-btn:only-child,
.cp-calendar .cp-calendar-clear-btn:only-child {
  margin: 0;
  color: var(--primaryColor);
}
.cp-calendar .cp-calendar-clear-btn {
  position: absolute;
  right: 5px;
  text-indent: -76px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.cp-calendar .cp-calendar-clear-btn:after {
  font-family: "anticon";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
  font-size: 14px;
  color: var(--fc4);
  display: inline-block;
  line-height: 1;
  width: 20px;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.cp-calendar .cp-calendar-clear-btn:hover:after {
  color: var(--fc2);
}
.cp-calendar .cp-calendar-ok-btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: var(--staticWhite0);
  background-color: var(--background-color);
  border-color: var(--primaryColor);
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
  line-height: 22px;
}
.cp-calendar .cp-calendar-ok-btn > .anticon {
  line-height: 1;
}
.cp-calendar .cp-calendar-ok-btn,
.cp-calendar .cp-calendar-ok-btn:active,
.cp-calendar .cp-calendar-ok-btn:focus {
  outline: 0;
}
.cp-calendar .cp-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.cp-calendar .cp-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  transition: none;
}
.cp-calendar .cp-calendar-ok-btn.disabled,
.cp-calendar .cp-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.cp-calendar .cp-calendar-ok-btn.disabled > *,
.cp-calendar .cp-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.cp-calendar .cp-calendar-ok-btn-lg {
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  height: 40px;
}
.cp-calendar .cp-calendar-ok-btn-sm {
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  height: 24px;
}
.cp-calendar .cp-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar .cp-calendar-ok-btn:hover,
.cp-calendar .cp-calendar-ok-btn:focus {
  color: var(--staticWhite0);
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.cp-calendar .cp-calendar-ok-btn:hover > a:only-child,
.cp-calendar .cp-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn:hover > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn:focus > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar .cp-calendar-ok-btn:active,
.cp-calendar .cp-calendar-ok-btn.active {
  color: var(--staticWhite0);
  background-color: #096dd9;
  border-color: #096dd9;
}
.cp-calendar .cp-calendar-ok-btn:active > a:only-child,
.cp-calendar .cp-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn:active > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn.active > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar .cp-calendar-ok-btn.disabled,
.cp-calendar .cp-calendar-ok-btn[disabled],
.cp-calendar .cp-calendar-ok-btn.disabled:hover,
.cp-calendar .cp-calendar-ok-btn[disabled]:hover,
.cp-calendar .cp-calendar-ok-btn.disabled:focus,
.cp-calendar .cp-calendar-ok-btn[disabled]:focus,
.cp-calendar .cp-calendar-ok-btn.disabled:active,
.cp-calendar .cp-calendar-ok-btn[disabled]:active,
.cp-calendar .cp-calendar-ok-btn.disabled.active,
.cp-calendar .cp-calendar-ok-btn[disabled].active {
  color: var(--fc4);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.cp-calendar .cp-calendar-ok-btn.disabled > a:only-child,
.cp-calendar .cp-calendar-ok-btn[disabled] > a:only-child,
.cp-calendar .cp-calendar-ok-btn.disabled:hover > a:only-child,
.cp-calendar .cp-calendar-ok-btn[disabled]:hover > a:only-child,
.cp-calendar .cp-calendar-ok-btn.disabled:focus > a:only-child,
.cp-calendar .cp-calendar-ok-btn[disabled]:focus > a:only-child,
.cp-calendar .cp-calendar-ok-btn.disabled:active > a:only-child,
.cp-calendar .cp-calendar-ok-btn[disabled]:active > a:only-child,
.cp-calendar .cp-calendar-ok-btn.disabled.active > a:only-child,
.cp-calendar .cp-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn.disabled > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn[disabled] > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn.disabled:hover > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn[disabled]:hover > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn.disabled:focus > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn[disabled]:focus > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn.disabled:active > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn[disabled]:active > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn.disabled.active > a:only-child:after,
.cp-calendar .cp-calendar-ok-btn[disabled].active > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar .cp-calendar-ok-btn-disabled {
  color: var(--fc4);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.cp-calendar .cp-calendar-ok-btn-disabled > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn-disabled > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar .cp-calendar-ok-btn-disabled:hover {
  color: var(--fc4);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.cp-calendar .cp-calendar-ok-btn-disabled:hover > a:only-child {
  color: currentColor;
}
.cp-calendar .cp-calendar-ok-btn-disabled:hover > a:only-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}
.cp-calendar-range-picker-input {
  background-color: transparent;
  border: 0;
  height: 99%;
  outline: 0;
  width: 44%;
  text-align: center;
}
.cp-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.cp-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.cp-calendar-range-picker-separator {
  color: var(--fc2);
  width: 10px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.cp-calendar-range {
  width: 552px;
  overflow: hidden;
}
.cp-calendar-range .cp-calendar-date-panel::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cp-calendar-range-part {
  width: 50%;
  position: relative;
}
.cp-calendar-range-left {
  float: left;
}
.cp-calendar-range-left .cp-calendar-time-picker-inner {
  border-right: 1px solid var(--lineColor);
}
.cp-calendar-range-right {
  float: right;
}
.cp-calendar-range-right .cp-calendar-time-picker-inner {
  border-left: 1px solid var(--lineColor);
}
.cp-calendar-range-middle {
  position: absolute;
  left: 50%;
  width: 20px;
  margin-left: -132px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  color: var(--fc2);
}
.cp-calendar-range-right .cp-calendar-date-input-wrap {
  margin-left: -118px;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-range-middle {
  margin-left: -12px;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-range-right .cp-calendar-date-input-wrap {
  margin-left: 0;
}
.cp-calendar-range .cp-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.cp-calendar-range .cp-calendar-input,
.cp-calendar-range .cp-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fc2);
  background-color: var(--highestBg);
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.cp-calendar-range .cp-calendar-input::-moz-placeholder,
.cp-calendar-range .cp-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.cp-calendar-range .cp-calendar-input:-ms-input-placeholder,
.cp-calendar-range .cp-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-range .cp-calendar-input::-webkit-input-placeholder,
.cp-calendar-range .cp-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.cp-calendar-range .cp-calendar-input:hover,
.cp-calendar-range .cp-calendar-time-picker-input:hover {
  border-color: var(--primaryColor);
  border-right-width: 1px !important;
}
.cp-calendar-range .cp-calendar-input:focus,
.cp-calendar-range .cp-calendar-time-picker-input:focus {
  border-color: var(--primaryColor);
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  border-right-width: 1px !important;
}
.cp-calendar-range .cp-calendar-input-disabled,
.cp-calendar-range .cp-calendar-time-picker-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: var(--fc4);
}
.cp-calendar-range .cp-calendar-input-disabled:hover,
.cp-calendar-range .cp-calendar-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.cp-calendar-range .cp-calendar-input,
textarea.cp-calendar-range .cp-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
  min-height: 32px;
}
.cp-calendar-range .cp-calendar-input-lg,
.cp-calendar-range .cp-calendar-time-picker-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.cp-calendar-range .cp-calendar-input-sm,
.cp-calendar-range .cp-calendar-time-picker-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.cp-calendar-range .cp-calendar-input:focus,
.cp-calendar-range .cp-calendar-time-picker-input:focus {
  box-shadow: none;
}
.cp-calendar-range .cp-calendar-time-picker-icon {
  display: none;
}
.cp-calendar-range.cp-calendar-week-number {
  width: 574px;
}
.cp-calendar-range.cp-calendar-week-number .cp-calendar-range-part {
  width: 286px;
}
.cp-calendar-range .cp-calendar-year-panel,
.cp-calendar-range .cp-calendar-month-panel,
.cp-calendar-range .cp-calendar-decade-panel {
  top: 34px;
}
.cp-calendar-range .cp-calendar-month-panel .cp-calendar-year-panel {
  top: 0;
}
.cp-calendar-range .cp-calendar-decade-panel-table,
.cp-calendar-range .cp-calendar-year-panel-table,
.cp-calendar-range .cp-calendar-month-panel-table {
  height: 208px;
}
.cp-calendar-range .cp-calendar-in-range-cell {
  border-radius: 0;
  position: relative;
}
.cp-calendar-range .cp-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.cp-calendar-range .cp-calendar-in-range-cell:before {
  content: "";
  display: block;
  background: var(--hover);
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  right: 0;
}
div.cp-calendar-range-quick-selector {
  text-align: left;
}
div.cp-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.cp-calendar-range .cp-calendar-header,
.cp-calendar-range .cp-calendar-month-panel-header,
.cp-calendar-range .cp-calendar-year-panel-header {
  border-bottom: 0;
}
.cp-calendar-range .cp-calendar-body,
.cp-calendar-range .cp-calendar-month-panel-body,
.cp-calendar-range .cp-calendar-year-panel-body {
  border-top: 1px solid var(--lineColor);
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker {
  height: 207px;
  width: 100%;
  top: 68px;
  z-index: 2;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker-inner {
  padding-top: 40px;
  height: 100%;
  background: none;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: var(--highestBg);
  border-top: 1px solid var(--lineColor);
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker-select {
  height: 100%;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-time-picker-select ul {
  max-height: 100%;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-footer .cp-calendar-time-picker-btn {
  margin-right: 8px;
}
.cp-calendar-range.cp-calendar-time .cp-calendar-today-btn {
  margin: 8px 12px;
  height: 22px;
  line-height: 22px;
}
.cp-calendar-range-with-ranges.cp-calendar-time .cp-calendar-time-picker {
  height: 233px;
}
.cp-calendar-range.cp-calendar-show-time-picker .cp-calendar-body {
  border-top-color: transparent;
}
.cp-calendar-time-picker {
  position: absolute;
  width: 100%;
  top: 40px;
  background-color: var(--highestBg);
}
.cp-calendar-time-picker-panel {
  z-index: 1050;
  position: absolute;
  width: 100%;
}
.cp-calendar-time-picker-inner {
  display: inline-block;
  position: relative;
  outline: none;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: var(--highestBg);
  background-clip: padding-box;
  line-height: 1.5;
  overflow: hidden;
  width: 100%;
}
.cp-calendar-time-picker-combobox {
  width: 100%;
}
.cp-calendar-time-picker-column-1,
.cp-calendar-time-picker-column-1 .cp-calendar-time-picker-select {
  width: 100%;
}
.cp-calendar-time-picker-column-2 .cp-calendar-time-picker-select {
  width: 50%;
}
.cp-calendar-time-picker-column-3 .cp-calendar-time-picker-select {
  width: 33.33%;
}
.cp-calendar-time-picker-column-4 .cp-calendar-time-picker-select {
  width: 25%;
}
.cp-calendar-time-picker-input-wrap {
  display: none;
}
.cp-calendar-time-picker-select {
  float: left;
  font-size: 14px;
  border-right: 1px solid var(--lineColor);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  height: 226px;
}
.cp-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.cp-calendar-time-picker-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.cp-calendar-time-picker-select:last-child {
  border-right: 0;
}
.cp-calendar-time-picker-select ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 206px;
}
.cp-calendar-time-picker-select li {
  text-align: center;
  list-style: none;
  box-sizing: content-box;
  margin: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.3s ease;
}
.cp-calendar-time-picker-select li:last-child:after {
  content: "";
  height: 202px;
  display: block;
}
.cp-calendar-time-picker-select li:hover {
  background: var(--hover);
}
li.cp-calendar-time-picker-select-option-selected {
  background: #f5f5f5;
  font-weight: bold;
}
li.cp-calendar-time-picker-select-option-disabled {
  color: var(--fc4);
}
li.cp-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.cp-calendar-time .cp-calendar-day-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: var(--fc1);
  line-height: 34px;
}
.cp-calendar-time .cp-calendar-footer {
  position: relative;
  height: auto;
}
.cp-calendar-time .cp-calendar-footer-btn {
  text-align: right;
}
.cp-calendar-time .cp-calendar-footer .cp-calendar-today-btn {
  float: left;
  margin: 0;
}
.cp-calendar-time .cp-calendar-footer .cp-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.cp-calendar-time .cp-calendar-footer .cp-calendar-time-picker-btn-disabled {
  color: var(--fc4);
}
.cp-calendar-month-panel {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: var(--highestBg);
  outline: none;
}
.cp-calendar-month-panel > div {
  height: 100%;
}
.cp-calendar-month-panel-hidden {
  display: none;
}
.cp-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--lineColor);
}
.cp-calendar-month-panel-header a:hover {
  color: var(--primaryColor);
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-century-select,
.cp-calendar-month-panel-header .cp-calendar-month-panel-decade-select,
.cp-calendar-month-panel-header .cp-calendar-month-panel-year-select,
.cp-calendar-month-panel-header .cp-calendar-month-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: var(--fc1);
  line-height: 40px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-century-select-arrow,
.cp-calendar-month-panel-header .cp-calendar-month-panel-decade-select-arrow,
.cp-calendar-month-panel-header .cp-calendar-month-panel-year-select-arrow,
.cp-calendar-month-panel-header .cp-calendar-month-panel-month-select-arrow {
  display: none;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-century-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-century-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-decade-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-decade-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-month-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-month-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-year-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: var(--fc2);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-century-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-decade-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-year-btn {
  left: 18px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-century-btn:after,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-decade-btn:after,
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-year-btn:after {
  content: "\AB";
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-century-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-decade-btn,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-year-btn {
  right: 18px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-century-btn:after,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-decade-btn:after,
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-year-btn:after {
  content: "\BB";
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-month-btn {
  left: 18px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-prev-month-btn:after {
  content: "\2039";
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-month-btn {
  right: 18px;
}
.cp-calendar-month-panel-header .cp-calendar-month-panel-next-month-btn:after {
  content: "\203A";
}
.cp-calendar-month-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.cp-calendar-month-panel-selected-cell .cp-calendar-month-panel-month {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-month-panel-selected-cell .cp-calendar-month-panel-month:hover {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-month-panel-cell {
  text-align: center;
}
.cp-calendar-month-panel-cell-disabled .cp-calendar-month-panel-month,
.cp-calendar-month-panel-cell-disabled .cp-calendar-month-panel-month:hover {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f5f5f5;
}
.cp-calendar-month-panel-month {
  display: inline-block;
  margin: 0 auto;
  color: var(--fc2);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.cp-calendar-month-panel-month:hover {
  background: var(--hover);
  cursor: pointer;
}
.cp-calendar-year-panel {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  border-radius: 4px;
  background: var(--highestBg);
  outline: none;
}
.cp-calendar-year-panel > div {
  height: 100%;
}
.cp-calendar-year-panel-hidden {
  display: none;
}
.cp-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--lineColor);
}
.cp-calendar-year-panel-header a:hover {
  color: var(--primaryColor);
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-century-select,
.cp-calendar-year-panel-header .cp-calendar-year-panel-decade-select,
.cp-calendar-year-panel-header .cp-calendar-year-panel-year-select,
.cp-calendar-year-panel-header .cp-calendar-year-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  line-height: 40px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-century-select-arrow,
.cp-calendar-year-panel-header .cp-calendar-year-panel-decade-select-arrow,
.cp-calendar-year-panel-header .cp-calendar-year-panel-year-select-arrow,
.cp-calendar-year-panel-header .cp-calendar-year-panel-month-select-arrow {
  display: none;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-century-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-century-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-decade-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-decade-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-month-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-month-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-year-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: var(--fc2);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-century-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-decade-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-year-btn {
  left: 18px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-century-btn:after,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-decade-btn:after,
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-year-btn:after {
  content: "\AB";
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-century-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-decade-btn,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-year-btn {
  right: 18px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-century-btn:after,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-decade-btn:after,
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-year-btn:after {
  content: "\BB";
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-month-btn {
  left: 18px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-prev-month-btn:after {
  content: "\2039";
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-month-btn {
  right: 18px;
}
.cp-calendar-year-panel-header .cp-calendar-year-panel-next-month-btn:after {
  content: "\203A";
}
.cp-calendar-decade-panel-body,
.cp-calendar-month-panel-tbody,
.cp-calendar-year-panel-tbody {
  height: 256px;
}
.cp-calendar-year-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.cp-calendar-year-panel-cell {
  text-align: center;
}
.cp-calendar-year-panel-year {
  display: inline-block;
  margin: 0 auto;
  color: var(--fc2);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.cp-calendar-year-panel-year:hover {
  background: var(--hover);
  cursor: pointer;
}
.cp-calendar-year-panel-selected-cell .cp-calendar-year-panel-year {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-year-panel-selected-cell .cp-calendar-year-panel-year:hover {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-year-panel-last-decade-cell .cp-calendar-year-panel-year,
.cp-calendar-year-panel-next-decade-cell .cp-calendar-year-panel-year {
  -webkit-user-select: none;
  user-select: none;
  color: var(--fc4);
}
.cp-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: var(--highestBg);
  border-radius: 4px;
  outline: none;
}
.cp-calendar-decade-panel-hidden {
  display: none;
}
.cp-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--lineColor);
}
.cp-calendar-decade-panel-header a:hover {
  color: var(--primaryColor);
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-century-select,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-decade-select,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-year-select,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-month-select {
  padding: 0 2px;
  font-weight: bold;
  display: inline-block;
  color: var(--fc1);
  line-height: 40px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-century-select-arrow,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-decade-select-arrow,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-year-select-arrow,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-month-select-arrow {
  display: none;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-century-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-century-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-decade-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-decade-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-month-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-month-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-year-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  color: var(--fc2);
  font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
  padding: 0 5px;
  font-size: 16px;
  display: inline-block;
  line-height: 40px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-century-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-decade-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-year-btn {
  left: 18px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-century-btn:after,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-decade-btn:after,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-year-btn:after {
  content: "\AB";
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-century-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-decade-btn,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-year-btn {
  right: 18px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-century-btn:after,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-decade-btn:after,
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-year-btn:after {
  content: "\BB";
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-month-btn {
  left: 18px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-prev-month-btn:after {
  content: "\2039";
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-month-btn {
  right: 18px;
}
.cp-calendar-decade-panel-header .cp-calendar-decade-panel-next-month-btn:after {
  content: "\203A";
}
.cp-calendar-decade-panel-table {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-collapse: separate;
}
.cp-calendar-decade-panel-cell {
  text-align: center;
  white-space: nowrap;
}
.cp-calendar-decade-panel-decade {
  display: inline-block;
  margin: 0 auto;
  color: var(--fc2);
  background: transparent;
  text-align: center;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.cp-calendar-decade-panel-decade:hover {
  background: var(--hover);
  cursor: pointer;
}
.cp-calendar-decade-panel-selected-cell .cp-calendar-decade-panel-decade {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-decade-panel-selected-cell .cp-calendar-decade-panel-decade:hover {
  background: var(--primaryColor);
  color: var(--staticWhite0);
}
.cp-calendar-decade-panel-last-century-cell .cp-calendar-decade-panel-decade,
.cp-calendar-decade-panel-next-century-cell .cp-calendar-decade-panel-decade {
  -webkit-user-select: none;
  user-select: none;
  color: var(--fc4);
}
.cp-calendar-month .cp-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.cp-calendar-month .cp-calendar-month-panel,
.cp-calendar-month .cp-calendar-year-panel {
  top: 0;
  height: 100%;
}
.cp-calendar-week-number-cell {
  opacity: 0.5;
}
.cp-calendar-week-number .cp-calendar-body tr {
  transition: all 0.3s;
  cursor: pointer;
}
.cp-calendar-week-number .cp-calendar-body tr:hover {
  background: var(--hover);
}
.cp-calendar-week-number .cp-calendar-body tr.cp-calendar-active-week {
  background: #bae7ff;
  font-weight: bold;
}
.cp-calendar-week-number .cp-calendar-body tr .cp-calendar-selected-day .cp-calendar-date,
.cp-calendar-week-number .cp-calendar-body tr .cp-calendar-selected-day:hover .cp-calendar-date {
  background: transparent;
  color: var(--fc2);
}

/**
* 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
**/
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.cp-time-picker-panel {
  font-family: "Monospaced Number", "Chinese Quote", BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fc1);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1050;
  position: absolute;
}
.cp-time-picker-panel-inner {
  position: relative;
  outline: none;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: var(--highestBg);
  border-radius: 4px;
  box-shadow: var(--shadowCommonHighest);
  background-clip: padding-box;
  overflow: hidden;
  left: -2px;
}
.cp-time-picker-panel-input {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  cursor: auto;
  outline: 0;
}
.cp-time-picker-panel-input::-moz-placeholder {
  color: #7e8791;
  opacity: 1;
}
.cp-time-picker-panel-input:-ms-input-placeholder {
  color: #7e8791;
}
.cp-time-picker-panel-input::-webkit-input-placeholder {
  color: #7e8791;
}
.cp-time-picker-panel-input-wrap {
  box-sizing: border-box;
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid var(--lineColor);
}
.cp-time-picker-panel-input-invalid {
  border-color: red;
}
.cp-time-picker-panel-clear-btn {
  position: absolute;
  right: 8px;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  top: 7px;
  margin: 0;
}
.cp-time-picker-panel-clear-btn:after {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  line-height: 1;
  width: 20px;
  transition: color 0.3s ease;
  font-family: "anticon";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E62E";
}
.cp-time-picker-panel-clear-btn:hover:after {
  color: rgba(0, 0, 0, 0.45);
}
.cp-time-picker-panel-narrow .cp-time-picker-panel-input-wrap {
  max-width: 112px;
}
.cp-time-picker-panel-select {
  float: left;
  font-size: 13px;
  border-left: 1px solid var(--lineColor);
  box-sizing: border-box;
  width: 80px;
  max-height: 192px;
}
.cp-time-picker-panel-select-ul:hover {
  overflow-y: auto;
}
.cp-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.cp-time-picker-panel-select:last-child {
  border-right: 0;
}
.cp-time-picker-panel-select-ul {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  max-height: 192px;
  padding: 0;
}
.cp-time-picker-panel-select-ul::-webkit-scrollbar {
  width: 6px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
}
.cp-time-picker-panel-select-ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.cp-time-picker-panel-select-ul::-webkit-scrollbar-thumb {
  background-color: rgba(17, 34, 51, 0.1);
  background-clip: padding-box;
  border: 1px solid rgba(17, 34, 51, 0.1);
  border-radius: 6px;
  min-height: 36px;
}
.cp-time-picker-panel-select li {
  list-style: none;
  margin: 0;
  padding: 0 18px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 0.3s;
}
.cp-time-picker-panel-select li:hover {
  background: var(--fill0);
}
li.cp-time-picker-panel-select-option-selected {
  background: var(--primaryLight);
  color: var(--primaryColor);
}
li.cp-time-picker-panel-select-option-selected:hover {
  background: var(--primaryLightHover);
}
li.cp-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.cp-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.cp-time-picker-panel-combobox {
  zoom: 1;
}
.cp-time-picker-panel-combobox:before,
.cp-time-picker-panel-combobox:after {
  content: "";
  display: table;
}
.cp-time-picker-panel-combobox:after {
  clear: both;
}
.cp-time-picker-panel.slide-up-enter.slide-up-enter-active.cp-time-picker-panel-placement-topLeft,
.cp-time-picker-panel.slide-up-enter.slide-up-enter-active.cp-time-picker-panel-placement-topRight,
.cp-time-picker-panel.slide-up-appear.slide-up-appear-active.cp-time-picker-panel-placement-topLeft,
.cp-time-picker-panel.slide-up-appear.slide-up-appear-active.cp-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.cp-time-picker-panel.slide-up-enter.slide-up-enter-active.cp-time-picker-panel-placement-bottomLeft,
.cp-time-picker-panel.slide-up-enter.slide-up-enter-active.cp-time-picker-panel-placement-bottomRight,
.cp-time-picker-panel.slide-up-appear.slide-up-appear-active.cp-time-picker-panel-placement-bottomLeft,
.cp-time-picker-panel.slide-up-appear.slide-up-appear-active.cp-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.cp-time-picker-panel.slide-up-leave.slide-up-leave-active.cp-time-picker-panel-placement-topLeft,
.cp-time-picker-panel.slide-up-leave.slide-up-leave-active.cp-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.cp-time-picker-panel.slide-up-leave.slide-up-leave-active.cp-time-picker-panel-placement-bottomLeft,
.cp-time-picker-panel.slide-up-leave.slide-up-leave-active.cp-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.cp-time-picker {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: inline-block;
  outline: none;
  transition: opacity 0.3s;
  width: 128px;
}
.cp-time-picker-input {
  outline: none;
  width: 100%;
  border: none;
  padding: 4px 0 6px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cp-time-picker-input::-moz-placeholder {
  color: #7e8791;
  opacity: 1;
}
.cp-time-picker-input:-ms-input-placeholder {
  color: #7e8791;
}
.cp-time-picker-input::-webkit-input-placeholder {
  color: #7e8791;
}
.cp-time-picker-input:focus {
  outline: 0;
}
.cp-time-picker-input-disabled {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.cp-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
textarea.cp-time-picker-input {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
  min-height: 32px;
}
.cp-time-picker-input-lg {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.cp-time-picker-input-sm {
  padding: 1px 7px;
  height: 24px;
}
.cp-time-picker-input[disabled] {
  background-color: #f5f5f5;
  opacity: 1;
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.25);
}
.cp-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important;
}
.cp-time-picker-open {
  opacity: 0;
}
.cp-time-picker-icon {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 14px;
  height: 14px;
  line-height: 14px;
  right: 11px;
  color: rgba(0, 0, 0, 0.25);
  top: 50%;
  margin-top: -7px;
}
.cp-time-picker-icon:after {
  content: "\E641";
  font-family: "anticon";
  color: rgba(0, 0, 0, 0.25);
  display: block;
  line-height: 1;
  width: 2px;
  height: 73px;
  background: rgba(79, 149, 219, 0.1);
  border-radius: 7px;
}
.cp-time-picker-large .cp-time-picker-input {
  padding: 6px 11px;
  height: 40px;
  font-size: 16px;
}
.cp-time-picker-small .cp-time-picker-input {
  padding: 1px 7px;
  height: 24px;
}
.cp-time-picker-small .cp-time-picker-icon {
  right: 7px;
}

.invite-children-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .invite-children-center {
    position: static;
    justify-content: flex-start;
  }
}

@supports not (color: var(--adm-color-text)) {
  .adm-button {
    color: #333333;
    background-color: #ffffff;
    font-size: 17px;
    border-width: 1px;
    border-style: solid;
    border-color: #eeeeee;
    border-radius: 4px;
  }
  .adm-button::before {
    transform: translate(-1px, -1px);
    border: 1px solid #000;
    border-radius: 4px;
  }
  .adm-button-default.adm-button-fill-outline {
    background-color: transparent;
    border-color: #333333;
  }
  .adm-button-default.adm-button-fill-none {
    background-color: transparent;
    border-width: 0;
  }
  .adm-button:not(.adm-button-default) {
    color: #ffffff;
  }
  .adm-button:not(.adm-button-default).adm-button-fill-outline {
    background-color: transparent;
  }
  .adm-button:not(.adm-button-default).adm-button-fill-none {
    background-color: transparent;
    border-width: 0;
  }
  .adm-button-primary {
    background-color: #1677ff;
    border-color: #1677ff;
  }
  .adm-button-primary.adm-button-fill-outline,
  .adm-button-primary.adm-button-fill-none {
    color: #1677ff;
  }
  .adm-button-success {
    background-color: #00b578;
    border-color: #00b578;
  }
  .adm-button-success.adm-button-fill-outline,
  .adm-button-success.adm-button-fill-none {
    color: #00b578;
  }
  .adm-button-danger {
    background-color: #00b578;
    border-color: #00b578;
  }
  .adm-button-danger.adm-button-fill-outline,
  .adm-button-danger.adm-button-fill-none {
    color: #00b578;
  }
  .adm-button-warning {
    background-color: #ff8f1f;
    border-color: #ff8f1f;
  }
  .adm-button-warning.adm-button-fill-outline,
  .adm-button-warning.adm-button-fill-none {
    color: #ff8f1f;
  }
  .adm-button.adm-button-mini {
    font-size: 13px;
  }
  .adm-button.adm-button-small {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
  }
  .adm-button.adm-button-large {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 18px;
  }
  .adm-button.adm-button-shape-rounded {
    border-radius: 1000px;
  }
  .adm-button.adm-button-shape-rounded::before {
    border-radius: 1000px;
  }
  .adm-button.adm-button-shape-rectangular {
    border-radius: 0;
  }
  .adm-cascader .adm-cascader-view-content {
    height: 310px;
  }
  .adm-center-popup {
    z-index: 1000;
  }
  .adm-center-popup-wrap {
    min-width: 280px;
    max-width: 75vw;
  }
  .adm-center-popup-body {
    background-color: #ffffff;
    border-radius: 8px;
  }
  .adm-error-block-image {
    height: 100px;
    width: auto;
  }
  .adm-error-block-description {
    font-size: var(--adm-font-size-4);
  }
  .adm-error-block-description-title {
    font-size: var(--adm-font-size-7);
  }
  .adm-error-block-full-page {
    padding-top: calc(50vh - 200px);
  }
  .adm-error-block-full-page .adm-error-block-image {
    height: 200px;
    width: auto;
  }
  .adm-error-block-full-page .adm-error-block-description {
    font-size: var(--adm-font-size-main);
  }
  .adm-error-block-full-page .adm-error-block-description-title {
    color: #333333;
  }
  .adm-image {
    width: auto;
    height: auto;
  }
  .adm-image-tip {
    background-color: #f5f5f5;
  }
  .adm-image-tip > svg {
    color: #999999;
  }
  .adm-mask {
    z-index: 1000;
  }
  .adm-modal-body {
    font-size: 14px;
  }
  .adm-modal-title {
    font-size: 18px;
  }
  .adm-modal-content {
    font-size: 15px;
    color: #333333;
  }
  .adm-modal-close {
    color: #999999;
    font-size: 18px;
  }
  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item {
    margin-bottom: 20px;
  }
  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item:last-child {
    margin-bottom: 0;
  }
  .adm-modal-footer .adm-modal-button {
    font-size: 18px;
  }
  .adm-page-indicator-dot {
    width: 3px;
    height: 3px;
    border-radius: 1px;
    background: rgba(0, 0, 0, 0.2);
  }
  .adm-page-indicator-dot-active {
    border-radius: 1px;
    background: #1677ff;
  }
  .adm-page-indicator-color-white .adm-page-indicator-dot-active.adm-page-indicator-dot-active {
    background: #ffffff;
  }
  .adm-page-indicator-horizontal .adm-page-indicator-dot {
    margin-right: 3px;
  }
  .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
    width: 13px;
  }
  .adm-page-indicator-vertical .adm-page-indicator-dot {
    margin-bottom: 3px;
  }
  .adm-page-indicator-vertical .adm-page-indicator-dot-active {
    height: 13px;
  }
  .adm-popover-menu.adm-popover .adm-popover-inner-content {
    padding: 0 !important;
  }
  .adm-popover-menu-item-text {
    border-top: solid 1px #eeeeee;
  }
  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
    background-color: #eeeeee;
  }
  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
    border-bottom: solid 1px #eeeeee;
  }
  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item-text {
    border-color: #333333;
  }
  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
    background-color: #333333;
  }
  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
    border-color: #333333;
  }
  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-inner.adm-popover-inner.adm-popover-inner {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .adm-popover {
    z-index: 1030;
    color: #333333;
  }
  .adm-popover.adm-popover-dark {
    color: #ffffff;
  }
  .adm-popover.adm-popover-dark .adm-popover-inner {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .adm-popover-inner {
    background-color: #ffffff;
    font-size: 15px;
  }
  .adm-popover-inner-content {
    padding: 8px 12px;
  }
  .adm-popover-arrow {
    display: none !important;
  }
  .adm-scroll-mask-left {
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  }
  .adm-scroll-mask-right {
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  }
  .adm-space-vertical > .adm-space-item {
    margin-bottom: 8px;
  }
  .adm-space-horizontal > .adm-space-item {
    margin-right: 8px;
  }
  .adm-space-horizontal.adm-space-wrap {
    flex-wrap: wrap;
    margin-bottom: -8px;
  }
  .adm-space-horizontal.adm-space-wrap > .adm-space-item {
    padding-bottom: 8px;
  }
  .adm-spin-loading {
    width: 32px;
    height: 32px;
  }
  .adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    animation: adm-spin-loading-rotate 0.8s infinite linear;
  }
  .adm-spin-loading-svg > .adm-spin-loading-fill {
    stroke: #999999;
  }
  .adm-swiper {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
  }
  .adm-swiper-track {
    padding: 0;
  }
  .adm-swiper-horizontal .adm-swiper-track {
    transform: translateX(0%);
  }
  .adm-swiper-horizontal .adm-swiper-track-inner {
    width: 100%;
  }
  .adm-swiper-vertical .adm-swiper-track {
    transform: translateY(0%);
  }
  .adm-swiper-vertical .adm-swiper-track-inner {
    height: 100%;
  }
  .adm-tabs-header {
    border-bottom: solid 1px #eeeeee;
  }
  .adm-tabs-tab {
    font-size: 17px;
  }
  .adm-tabs-tab-active {
    color: #1677ff;
  }
  .adm-tabs-tab-line {
    height: 2px;
    background: #1677ff;
    border-radius: 2px;
  }
  .adm-tabs-content {
    padding: 12px;
  }
  .adm-tabs-header-mask-left {
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  }
  .adm-tabs-header-mask-right {
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  }
  .adm-toast-mask .adm-toast-main {
    font-size: 15px;
  }
  .adm-toast-loading.adm-toast-loading {
    width: 48px;
    height: 48px;
    margin: 0 auto 8px;
  }
  .adm-toast-loading.adm-toast-loading .adm-spin-loading-fill {
    stroke: #ffffff;
  }
}

:root {
  --black_50: #FFFFFF;
  --black_100: #F5F7FA;
  --black_200: #E0E0E0;
  --black_300: #C9C9C9;
  --black_400: #A6A6A6;
  --black_500: #8C8C8C;
  --black_600: #787878;
  --black_700: #636363;
  --black_800: #4F4F4F;
  --black_900: #3C3C3C;
  --black_1000: #262626;
  --blackBlue_50: #FDFDFF;
  --blackBlue_100: #F9F9FF;
  --blackBlue_200: #E9E9F5;
  --blackBlue_300: #D8D9EB;
  --blackBlue_400: #BABDD4;
  --blackBlue_500: #9FA1BB;
  --blackBlue_600: #8487A1;
  --blackBlue_700: #5E607E;
  --blackBlue_800: #3A3C4D;
  --blackBlue_900: #262838;
  --blackBlue_1000: #171822;
  --blue_50: #E4F7FF;
  --blue_100: #C9EFFF;
  --blue_200: #9CE2FF;
  --blue_300: #7ED9FF;
  --blue_400: #70D5FF;
  --blue_500: #55CDFF;
  --blue_600: #40AFDD;
  --blue_700: #2E91BB;
  --blue_800: #177EA9;
  --blue_900: #0B5F83;
  --blue_1000: #093F55;
  --brown_50: #E8DFDD;
  --brown_100: #D1BFBC;
  --brown_200: #B49892;
  --brown_300: #8E645B;
  --brown_400: #78463C;
  --brown_500: #6E382D;
  --brown_600: #5C2F26;
  --brown_700: #4D2720;
  --brown_800: #42221B;
  --brown_900: #371C16;
  --brown_1000: #2C1612;
  --deepPurple_50: #EDEAFF;
  --deepPurple_100: #DCD6FF;
  --deepPurple_200: #CEC5FF;
  --deepPurple_300: #A697FB;
  --deepPurple_400: #8B7AF0;
  --deepPurple_500: #7B67EE;
  --deepPurple_600: #6653D1;
  --deepPurple_700: #5342B4;
  --deepPurple_800: #413297;
  --deepPurple_900: #312479;
  --deepPurple_1000: #160F3F;
  --green_50: #E3F5DA;
  --green_100: #C7F5B1;
  --green_200: #9CE977;
  --green_300: #7BE04B;
  --green_400: #62D929;
  --green_500: #52C41B;
  --green_600: #3DA20C;
  --green_700: #2A8001;
  --green_800: #256407;
  --green_900: #174700;
  --green_1000: #193D08;
  --indigo_50: #E0E9FF;
  --indigo_100: #C2D3FF;
  --indigo_200: #9CB9FF;
  --indigo_300: #81A5FF;
  --indigo_400: #6692FF;
  --indigo_500: #5586FF;
  --indigo_600: #406DDD;
  --indigo_700: #2E56BB;
  --indigo_800: #1F4299;
  --indigo_900: #132F77;
  --indigo_1000: #091F55;
  --orange_50: #FFF6E5;
  --orange_100: #FFE5B7;
  --orange_200: #FFD88A;
  --orange_300: #FFC95C;
  --orange_400: #FFBA2E;
  --orange_500: #FFAB00;
  --orange_600: #FFA114;
  --orange_700: #FF8E0A;
  --orange_800: #DA7600;
  --orange_900: #AB5C00;
  --orange_1000: #7D4400;
  --pink_50: #FFE8EC;
  --pink_100: #FFCED8;
  --pink_200: #FFB2C0;
  --pink_300: #FF98AC;
  --pink_400: #FF8199;
  --pink_500: #FF708B;
  --pink_600: #E25C75;
  --pink_700: #C54A61;
  --pink_800: #A8394E;
  --pink_900: #8A2B3D;
  --pink_1000: #6D1E2D;
  --purple_50: #F4E9FE;
  --purple_100: #E4C5FB;
  --purple_200: #D8ACFA;
  --purple_300: #C789F8;
  --purple_400: #BA6DF6;
  --purple_500: #B35FF5;
  --purple_600: #AB45FB;
  --purple_700: #983AE2;
  --purple_800: #8630CA;
  --purple_900: #7531AC;
  --purple_1000: #482662;
  --red_50: #FBECEB;
  --red_100: #FFD1C8;
  --red_200: #FFB4AF;
  --red_300: #FF8A82;
  --red_400: #E9594F;
  --red_500: #E33E38;
  --red_600: #C42E23;
  --red_700: #B12319;
  --red_800: #911A12;
  --red_900: #6F0F08;
  --red_1000: #4D0601;
  --tangerine_50: #FFEAD6;
  --tangerine_100: #FFD2A8;
  --tangerine_200: #FFAF66;
  --tangerine_300: #FFA047;
  --tangerine_400: #FF8A1F;
  --tangerine_500: #FF7A00;
  --tangerine_600: #E96A02;
  --tangerine_700: #CB5D03;
  --tangerine_800: #954300;
  --tangerine_900: #753500;
  --tangerine_1000: #4D2300;
  --teal_50: #E2F6EF;
  --teal_100: #BDECDA;
  --teal_200: #8BDDBE;
  --teal_300: #66D2A9;
  --teal_400: #45C897;
  --teal_500: #30C28B;
  --teal_600: #269B6F;
  --teal_700: #1D7453;
  --teal_800: #196548;
  --teal_900: #134E38;
  --teal_1000: #083F28;
  --yellow_50: #FFF9E3;
  --yellow_100: #FFF2C2;
  --yellow_200: #FFEBA6;
  --yellow_300: #FFE588;
  --yellow_400: #FFDC62;
  --yellow_500: #FFD43A;
  --yellow_600: #FFCD1E;
  --yellow_700: #FBC508;
  --yellow_800: #E5B300;
  --yellow_900: #B58D02;
  --yellow_1000: #886A00;
}
:root[data-theme="dark"] {
  --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --cellSelectedColorSolid: #2C293B;
  --cellSelectedColorSolid-rgb: 44, 41, 59;
  --rowSelectedBgSolid: #2B2B2B;
  --rowSelectedBgSolid-rgb: 43, 43, 43;
  --primaryLightSolid: #2C293B;
  --primaryLightSolid-rgb: 44, 41, 59;
  --gradientBgMask: linear-gradient(270deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%);
  --extraLightTeal: rgba(60, 214, 163, 0.16);
  --extraLightOrange: rgba(255, 166, 42, 0.16);
  --extraLightIndigo: rgba(114, 152, 247, 0.16);
  --extraLightRed: rgba(238, 83, 71, 0.16);
  --extraLightPrimary: rgba(144, 127, 240, 0.16);
  --reverse1: #E0E0E0;
  --reverse1-rgb: 224, 224, 224;
  --reverse0: #333333;
  --reverse0-rgb: 51, 51, 51;
  --scrollBar: rgba(255, 255, 255, 0.16);
  --warnLight: rgba(255, 166, 42, 0.16);
  --warn: #ffa62a;
  --warnLightHover: rgba(255, 166, 42, 0.24);
  --warnLightActive: rgba(255, 166, 42, 0.32);
  --warnHover: #ffb752;
  --warnActive: #ffc778;
  --success: #3cd6a3;
  --successActive: #8debcb;
  --successHover: #63e0b7;
  --successLight: rgba(60, 214, 163, 0.16);
  --successLightHover: rgba(60, 214, 163, 0.24);
  --successLightActive: rgba(60, 214, 163, 0.32);
  --link: #907ff0;
  --linkHover: #a89af5;
  --linkActive: #c0b6fa;
  --linkVisted: #7b67ee;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --fill2: rgba(255, 255, 255, 0.24);
  --fill1: rgba(255, 255, 255, 0.16);
  --fill0: rgba(255, 255, 255, 0.08);
  --defaultTag: rgba(255, 255, 255, 0.16);
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #333333;
  --highBg: #262626;
  --errorLightHover: rgba(238, 83, 71, 0.24);
  --errorLightActive: rgba(238, 83, 71, 0.32);
  --errorLight: rgba(238, 83, 71, 0.16);
  --errorHover: #f59089;
  --errorActive: #faafaa;
  --primaryLight: rgba(144, 127, 240, 0.16);
  --primaryLightActive: rgba(144, 127, 240, 0.16);
  --primaryLightHover: rgba(139, 122, 240, 0.24);
  --primaryActive: #c0b6fa;
  --primaryHover: #a89af5;
  --fc19: rgba(144, 127, 240, 0.16);
  --fc18: rgba(255, 166, 42, 0.16);
  --fc17: rgba(0, 0, 0, 0.12);
  --fc12: rgba(0, 0, 0, 0.6);
  --fc2: rgba(255, 255, 255, 0.7);
  --fc1: rgba(255, 255, 255, 0.85);
  --fc10: #f07369;
  --fc0: #907FF0;
  --fc0-rgb: 144, 127, 240;
  --fc3: rgba(255, 255, 255, 0.55);
  --fc4: rgba(255, 255, 255, 0.4);
  --fc8: #1a1a1a;
  --fc14: #ffb752;
  --fc16: rgba(144, 127, 240, 0.16);
  --fc13: #e0e0e0;
  --fc15: #3cd6a3;
  --fc9: rgba(144, 127, 240, 0.16);
  --fc5: rgba(255, 255, 255, 0.12);
  --fc11: #3d3d3d;
  --fc7: rgba(255, 255, 255, 0.08);
  --fc6: #0d0d0d;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(144, 127, 240, 0.16);
  --currentSearch: rgba(255, 166, 42, 0.16);
  --calendarWeekend: rgba(0, 0, 0, 0.12);
  --deepMaskColor: rgba(0, 0, 0, 0.6);
  --secondLevelText: rgba(255, 255, 255, 0.7);
  --firstLevelText: rgba(255, 255, 255, 0.85);
  --errorColor: #f07369;
  --primaryColor: #907FF0;
  --primaryColor-rgb: 144, 127, 240;
  --thirdLevelText: rgba(255, 255, 255, 0.55);
  --fourthLevelText: rgba(255, 255, 255, 0.4);
  --defaultBg: #1d2023;
  --defaultBgGradientEnd: rgba(29, 32, 35, 0);
  --white: #1a1a1a;
  --warningColor: #ffb752;
  --treeSelectedBg: rgba(144, 127, 240, 0.16);
  --tooltipBg: #e0e0e0;
  --successColor: #3cd6a3;
  --cellSelectedColor: rgba(144, 127, 240, 0.16);
  --lineColor: rgba(255, 255, 255, 0.12);
  --sheetLineColor: #3d3d3d;
  --shadowColor: #3d3d3d;
  --rowSelectedBg: rgba(255, 255, 255, 0.08);
  --lowestBg: #0d0d0d;
  --bgBglessSolidActive: #3e3e3e;
  --bgBglessSolidHover: #2b2b2b;
  --bgStaticLightDisabled: rgba(255, 255, 255, 0.5);
  --bgStaticLightActive: rgba(255, 255, 255, 0.68);
  --bgStaticLightHover: rgba(255, 255, 255, 0.84);
  --bgControlsDegradeHigh: rgba(0, 0, 0, 0.24);
  --bgControlsDegradeDefault: rgba(0, 0, 0, 0.12);
  --bgControlsDefaultSolid: #2b2b2b;
  --bgControlsHoverSolid: #3e3e3e;
  --bgControlsActiveSolid: #505050;
  --bgBrandLightActiveSolid: #3f3a5e;
  --bgBrandLightHoverSolid: #36314d;
  --bgBrandLightDefaultSolid: #2c293b;
  --bgLogoText: rgba(255, 255, 255, 0.85);
  --bgLogoIcon: rgba(255, 255, 255, 0.85);
  --rainbowGray4: rgba(181, 181, 181, 0.8);
  --rainbowGray3: rgba(181, 181, 181, 0.6);
  --rainbowGray2: rgba(181, 181, 181, 0.4);
  --rainbowGray5: #b5b5b5;
  --rainbowGray1: rgba(181, 181, 181, 0.2);
  --borderOnwarnLight: rgba(255, 166, 42, 0.24);
  --borderOnwarnDefault: #ffb752;
  --borderWarnDisabled: rgba(255, 166, 42, 0.5);
  --borderWarnActive: #ffc778;
  --borderWarnHover: #ffb752;
  --borderWarnDefault: #ffa62a;
  --borderOnsuccessLight: rgba(60, 214, 163, 0.24);
  --borderOnsuccessDefault: #63e0b7;
  --borderSuccessDisabled: rgba(60, 214, 163, 0.5);
  --borderSuccessActive: #8debcb;
  --borderSuccessHover: #63e0b7;
  --borderSuccessDefault: #3cd6a3;
  --borderOndangerLight: rgba(238, 83, 71, 0.24);
  --borderOndangerDefault: #f59089;
  --borderDangerDisabled: rgba(240, 115, 105, 0.5);
  --textReverseDefault: #333333;
  --textStaticDisabled: rgba(255, 255, 255, 0.3);
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow1: rgba(255, 223, 64, 0.2);
  --rainbowYellow3: rgba(255, 195, 16, 0.6);
  --rainbowYellow2: rgba(255, 195, 16, 0.4);
  --rainbowYellow4: rgba(255, 195, 16, 0.8);
  --rainbowYellow5: #ffc310;
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #e0e0e0;
  --bgGradientHorizontal: 270deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%;
  --bgGradientVertical: 0deg, #1A1A1A 0%, rgba(26, 26, 26, 0) 100%;
  --borderCommonHover: rgba(255, 255, 255, 0.16);
  --borderCommonActive: rgba(255, 255, 255, 0.2);
  --borderCommonDisabled: rgba(255, 255, 255, 0.8);
  --borderGridVertical: #3d3d3d;
  --borderGridHorizontal: #3d3d3d;
  --borderBrandDefault: #907ff0;
  --borderBrandHover: #a89af5;
  --borderBrandActive: #c0b6fa;
  --borderBrandDisabled: rgba(144, 127, 240, 0.5);
  --borderOnbrandDefault: #a89af5;
  --borderOnbrandLight: rgba(144, 127, 240, 0.24);
  --borderDangerDefault: #d5544b;
  --borderDangerHover: #e07169;
  --borderDangerActive: #e88f89;
  --borderCommonDefault: rgba(255, 255, 255, 0.12);
  --textCommonSecondary: rgba(255, 255, 255, 0.7);
  --textCommonTertiary: rgba(255, 255, 255, 0.55);
  --textCommonQuaternary: rgba(255, 255, 255, 0.4);
  --textCommonDisabled: rgba(255, 255, 255, 0.25);
  --textBrandDefault: #907ff0;
  --textBrandHover: #a89af5;
  --textBrandActive: #c0b6fa;
  --textBrandDisabled: rgba(144, 127, 240, 0.5);
  --textDangerDefault: #f07369;
  --textDangerHover: #f59089;
  --textDangerActive: #faafaa;
  --textDangerDisabled: rgba(240, 115, 105, 0.5);
  --textSuccessDefault: #3cd6a3;
  --textSuccessHover: #63e0b7;
  --textSuccessActive: #8debcb;
  --textSuccessDisabled: rgba(60, 214, 163, 0.5);
  --textWarnDefault: #ffa62a;
  --textWarnHover: #ffb752;
  --textWarnActive: #ffc778;
  --textWarnDisabled: rgba(255, 166, 42, 0.5);
  --textLinkDefault: #907ff0;
  --textLinkHover: #a89af5;
  --textLinkActive: #c0b6fa;
  --textLinkVisted: #7b67ee;
  --textLinkDisabled: rgba(144, 127, 240, 0.5);
  --textCommonPrimary: rgba(255, 255, 255, 0.85);
  --bgBrandLightHover: rgba(144, 127, 240, 0.24);
  --bgBrandLightActive: rgba(144, 127, 240, 0.32);
  --bgBrandLightDisabled: rgba(144, 127, 240, 0.08);
  --bgDangerDefault: #f07369;
  --bgDangerHover: #f59089;
  --bgDangerActive: #faafaa;
  --bgDangerDisabled: rgba(240, 115, 105, 0.5);
  --bgDangerLightDefault: rgba(238, 83, 71, 0.16);
  --bgDangerLightHover: rgba(238, 83, 71, 0.24);
  --bgDangerLightActive: rgba(238, 83, 71, 0.32);
  --bgDangerLightDisabled: rgba(238, 83, 71, 0.08);
  --bgSuccessDefault: #3cd6a3;
  --bgSuccessHover: #63e0b7;
  --bgSuccessActive: #8debcb;
  --bgSuccessDisabled: rgba(60, 214, 163, 0.5);
  --bgSuccessLightDefault: rgba(60, 214, 163, 0.16);
  --bgSuccessLightHover: rgba(60, 214, 163, 0.24);
  --bgSuccessLightActive: rgba(60, 214, 163, 0.32);
  --bgSuccessLightDisabled: rgba(60, 214, 163, 0.08);
  --bgWarnDefault: #ffa62a;
  --bgWarnHover: #ffb752;
  --bgWarnActive: #ffc778;
  --bgWarnDisabled: rgba(255, 166, 42, 0.5);
  --bgWarnLightDefault: rgba(255, 166, 42, 0.16);
  --bgWarnLightHover: rgba(255, 166, 42, 0.24);
  --bgWarnLightActive: rgba(255, 166, 42, 0.32);
  --bgWarnLightDisabled: rgba(255, 166, 42, 0.08);
  --bgStaticLightDefault: #ffffff;
  --bgStaticDarkLow: #282c33;
  --bgStaticDarkMedium: #3b3f47;
  --bgBrandLightDefault: rgba(144, 127, 240, 0.16);
  --bgCommonHigh: #262626;
  --bgCommonHighest: #333333;
  --bgBglessHover: rgba(255, 255, 255, 0.08);
  --bgBglessActive: #626c77;
  --bgControlsDefault: rgba(255, 255, 255, 0.08);
  --bgControlsHover: rgba(255, 255, 255, 0.16);
  --bgControlsActive: rgba(255, 255, 255, 0.24);
  --bgControlsDisabled: rgba(255, 255, 255, 0.08);
  --bgControlsElevateDefault: rgba(255, 255, 255, 0.12);
  --bgControlsElevateHigh: rgba(255, 255, 255, 0.24);
  --bgTagDefault: rgba(255, 255, 255, 0.16);
  --bgTagHover: rgba(255, 255, 255, 0.24);
  --bgTagActive: rgba(255, 255, 255, 0.32);
  --bgTagDisabled: rgba(255, 255, 255, 0.08);
  --bgScrollbarDefault: rgba(255, 255, 255, 0.16);
  --bgScrollbarHover: rgba(255, 255, 255, 0.24);
  --bgScrollbarActive: rgba(255, 255, 255, 0.32);
  --bgMaskDefault: rgba(0, 0, 0, 0.72);
  --bgBrandDefault: #907ff0;
  --bgBrandHover: #a89af5;
  --bgBrandActive: #c0b6fa;
  --bgBrandDisabled: rgba(144, 127, 240, 0.5);
  --bgCommonDefault: #1a1a1a;
  --bgCommonLower: #0d0d0d;
  --rainbowTangerine5: #ff932e;
  --rainbowTangerine1: rgba(255, 147, 46, 0.2);
  --rainbowTangerine2: rgba(255, 147, 46, 0.4);
  --rainbowTangerine3: rgba(255, 147, 46, 0.6);
  --rainbowTangerine4: rgba(255, 147, 46, 0.8);
  --rainbowPink1: rgba(255, 112, 139, 0.2);
  --rainbowPink2: rgba(255, 122, 147, 0.4);
  --rainbowPink3: rgba(255, 122, 147, 0.6);
  --rainbowPink4: rgba(255, 122, 147, 0.8);
  --rainbowPink5: #ff7a93;
  --rainbowGreen1: rgba(82, 196, 27, 0.2);
  --rainbowGreen2: rgba(109, 204, 61, 0.4);
  --rainbowGreen3: rgba(109, 204, 61, 0.6);
  --rainbowGreen4: rgba(109, 204, 61, 0.8);
  --rainbowGreen5: #6dcc3d;
  --rainbowBrown1: rgba(204, 147, 106, 0.2);
  --rainbowBrown2: rgba(204, 147, 106, 0.4);
  --rainbowBrown3: rgba(191, 124, 76, 0.6);
  --rainbowBrown4: rgba(204, 147, 106, 0.8);
  --rainbowBrown5: #cc936a;
  --rainbowBlue2: rgba(92, 207, 255, 0.4);
  --rainbowBlue3: rgba(92, 207, 255, 0.6);
  --rainbowBlue4: rgba(92, 207, 255, 0.8);
  --rainbowBlue1: rgba(92, 207, 255, 0.2);
  --rainbowBlue5: #5ccfff;
  --rainbowOrange1: rgba(255, 170, 0, 0.2);
  --rainbowOrange2: rgba(255, 166, 42, 0.4);
  --rainbowOrange3: rgba(255, 166, 42, 0.6);
  --rainbowOrange4: rgba(255, 166, 42, 0.8);
  --rainbowOrange5: #ffa62a;
  --rainbowRed1: rgba(213, 84, 75, 0.2);
  --rainbowRed2: rgba(240, 115, 105, 0.4);
  --rainbowRed3: rgba(240, 115, 105, 0.6);
  --rainbowRed4: rgba(240, 115, 105, 0.8);
  --rainbowRed5: #f07369;
  --rainbowIndigo1: rgba(85, 134, 255, 0.2);
  --rainbowIndigo2: rgba(114, 152, 247, 0.4);
  --rainbowIndigo3: rgba(114, 152, 247, 0.6);
  --rainbowIndigo4: rgba(114, 152, 247, 0.8);
  --rainbowIndigo5: #7298f7;
  --rainbowTeal1: rgba(62, 222, 169, 0.2);
  --rainbowTeal2: rgba(25, 215, 151, 0.4);
  --rainbowTeal3: rgba(62, 222, 169, 0.6);
  --rainbowTeal4: rgba(62, 222, 169, 0.8);
  --rainbowTeal5: #3edea9;
  --rainbowPurple5: #907ff0;
  --rainbowPurple4: rgba(144, 127, 240, 0.8);
  --rainbowPurple3: rgba(144, 127, 240, 0.6);
  --rainbowPurple2: rgba(144, 127, 240, 0.4);
  --rainbowPurple1: rgba(144, 127, 240, 0.2);
  --shadowCommonHigh: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 6px 12px rgba(0, 0, 0, 0.16);
  --shadowCommonDefault: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.16);
  --shadowSideRightDefault: 4px 0px 8px rgba(0, 0, 0, 0.16), 2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowSideLeftDefault: -4px 0px 8px rgba(0, 0, 0, 0.16), -2px 0px 4px rgba(0, 0, 0, 0.16);
  --shadowSideLeftHigh: -6px 0px 12px rgba(0, 0, 0, 0.16), -3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowSideRightHigh: 6px 0px 12px rgba(0, 0, 0, 0.16), 3px 0px 6px rgba(0, 0, 0, 0.12);
  --shadowCommonHighest: 0px 3px 6px rgba(0, 0, 0, 0.12), 0px 12px 24px rgba(0, 0, 0, 0.16);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
  --menuSelectedItemTextColor: #FFFFFF;
  --templateBgColor: rgba(0, 0, 0);
  --inactiveColor: #969FA8;
  --mts-inactive-bg: #BCC3D050;
  --borderStroke: #7F8C9959;
  --exportBackgroundColor: rgba(0, 0, 0, 0.6);
  --timeMachinePrimary: #ffffff;
  --timeMachineSecondary: #9fa7b5;
}
:root[data-theme="light"] {
  --rc07: #FFAB00;
  --rc07-rgb: 255, 171, 0;
  --rc11: #6E382D;
  --rc11-rgb: 110, 56, 45;
  --rc00: #B35FF5;
  --rc00-rgb: 179, 95, 245;
  --rc06: #FFEB3A;
  --rc06-rgb: 255, 235, 58;
  --rc02: #5586FF;
  --rc02-rgb: 85, 134, 255;
  --rc05: #52C41B;
  --rc05-rgb: 82, 196, 27;
  --rc08: #FF7A00;
  --rc08-rgb: 255, 122, 0;
  --rc09: #FF708B;
  --rc09-rgb: 255, 112, 139;
  --rc10: #E33E38;
  --rc10-rgb: 227, 62, 56;
  --rc03: #55CDFF;
  --rc03-rgb: 85, 205, 255;
  --rc01: #7B67EE;
  --rc01-rgb: 123, 103, 238;
  --rc04: #30C28B;
  --rc04-rgb: 48, 194, 139;
  --cellSelectedColorSolid: #DCD6FF;
  --cellSelectedColorSolid-rgb: 220, 214, 255;
  --rowSelectedBgSolid: #F5F7FA;
  --rowSelectedBgSolid-rgb: 245, 247, 250;
  --primaryLightSolid: #EDEAFF;
  --primaryLightSolid-rgb: 237, 234, 255;
  --gradientBgMask: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  --extraLightTeal: rgba(226, 246, 239, 0.5);
  --extraLightOrange: rgba(255, 246, 229, 0.5);
  --extraLightIndigo: rgba(224, 233, 255, 0.5);
  --extraLightRed: rgba(251, 236, 235, 0.5);
  --extraLightPrimary: rgba(237, 234, 255, 0.5);
  --reverse1: #262626;
  --reverse1-rgb: 38, 38, 38;
  --reverse0: #FFFFFF;
  --reverse0-rgb: 255, 255, 255;
  --scrollBar: #E0E0E0;
  --scrollBar-rgb: 224, 224, 224;
  --warnLight: #FFF6E5;
  --warnLight-rgb: 255, 246, 229;
  --warn: #FFAB00;
  --warn-rgb: 255, 171, 0;
  --warnLightHover: #FFE5B7;
  --warnLightHover-rgb: 255, 229, 183;
  --warnLightActive: #FFD88A;
  --warnLightActive-rgb: 255, 216, 138;
  --warnHover: #FFA114;
  --warnHover-rgb: 255, 161, 20;
  --warnActive: #FF8E0A;
  --warnActive-rgb: 255, 142, 10;
  --success: #30C28B;
  --success-rgb: 48, 194, 139;
  --successActive: #1D7453;
  --successActive-rgb: 29, 116, 83;
  --successHover: #269B6F;
  --successHover-rgb: 38, 155, 111;
  --successLight: #E2F6EF;
  --successLight-rgb: 226, 246, 239;
  --successLightHover: #BDECDA;
  --successLightHover-rgb: 189, 236, 218;
  --successLightActive: #8BDDBE;
  --successLightActive-rgb: 139, 221, 190;
  --link: #7B67EE;
  --link-rgb: 123, 103, 238;
  --linkHover: #6653D1;
  --linkHover-rgb: 102, 83, 209;
  --linkActive: #5342B4;
  --linkActive-rgb: 83, 66, 180;
  --linkVisted: #A697FB;
  --linkVisted-rgb: 166, 151, 251;
  --staticWhite2: rgba(255, 255, 255, 0.6);
  --staticWhite1: rgba(255, 255, 255, 0.8);
  --staticDark0: #5E607E;
  --staticDark0-rgb: 94, 96, 126;
  --staticDark2: #171822;
  --staticDark2-rgb: 23, 24, 34;
  --staticDark1: #262838;
  --staticDark1-rgb: 38, 40, 56;
  --fill2: #C9C9C9;
  --fill2-rgb: 201, 201, 201;
  --fill1: #E0E0E0;
  --fill1-rgb: 224, 224, 224;
  --fill0: #F5F7FA;
  --fill0-rgb: 245, 247, 250;
  --defaultTag: #E0E0E0;
  --defaultTag-rgb: 224, 224, 224;
  --staticWhite0: #FFFFFF;
  --staticWhite0-rgb: 255, 255, 255;
  --highestBg: #FFFFFF;
  --highestBg-rgb: 255, 255, 255;
  --highBg: #FFFFFF;
  --highBg-rgb: 255, 255, 255;
  --errorLightHover: #FFD1C8;
  --errorLightHover-rgb: 255, 209, 200;
  --errorLightActive: #FFB4AF;
  --errorLightActive-rgb: 255, 180, 175;
  --errorLight: #FBECEB;
  --errorLight-rgb: 251, 236, 235;
  --errorHover: #C42E23;
  --errorHover-rgb: 196, 46, 35;
  --errorActive: #B12319;
  --errorActive-rgb: 177, 35, 25;
  --primaryLight: #EDEAFF;
  --primaryLight-rgb: 237, 234, 255;
  --primaryLightActive: #EDEAFF;
  --primaryLightActive-rgb: 237, 234, 255;
  --primaryLightHover: #DCD6FF;
  --primaryLightHover-rgb: 220, 214, 255;
  --primaryActive: #5342B4;
  --primaryActive-rgb: 83, 66, 180;
  --primaryHover: #6653D1;
  --primaryHover-rgb: 102, 83, 209;
  --fc19: rgba(220, 214, 255, 0.4);
  --fc18: #FFE5B7;
  --fc18-rgb: 255, 229, 183;
  --fc17: rgba(242, 244, 246, 0.4);
  --shadowBg: #262626;
  --shadowBg-rgb: 38, 38, 38;
  --enterpriseFg: #406DDD;
  --enterpriseFg-rgb: 64, 109, 221;
  --enterpriseBg: #E0E0E0;
  --enterpriseBg-rgb: 224, 224, 224;
  --bronzeFg: #AB5C00;
  --bronzeFg-rgb: 171, 92, 0;
  --bronzeBg: #E0E0E0;
  --bronzeBg-rgb: 224, 224, 224;
  --silverFg: #5586FF;
  --silverFg-rgb: 85, 134, 255;
  --silverBg: #E0E9FF;
  --silverBg-rgb: 224, 233, 255;
  --goldenFg: #FFAB00;
  --goldenFg-rgb: 255, 171, 0;
  --goldenBg: #FFF2C2;
  --goldenBg-rgb: 255, 242, 194;
  --or400: #FFBA2E;
  --or400-rgb: 255, 186, 46;
  --fc12: rgba(38, 38, 38, 0.5);
  --fc2: #636363;
  --fc2-rgb: 99, 99, 99;
  --fc1: #262626;
  --fc1-rgb: 38, 38, 38;
  --fc10: #E33E38;
  --fc10-rgb: 227, 62, 56;
  --fc0: #7B67EE;
  --fc0-rgb: 123, 103, 238;
  --fc3: #8C8C8C;
  --fc3-rgb: 140, 140, 140;
  --fc4: #C9C9C9;
  --fc4-rgb: 201, 201, 201;
  --fc8: #FFFFFF;
  --fc8-rgb: 255, 255, 255;
  --fc14: #FFAB00;
  --fc14-rgb: 255, 171, 0;
  --fc16: #EDEAFF;
  --fc16-rgb: 237, 234, 255;
  --fc13: #3C3C3C;
  --fc13-rgb: 60, 60, 60;
  --fc15: #30C28B;
  --fc15-rgb: 48, 194, 139;
  --fc9: #DCD6FF;
  --fc9-rgb: 220, 214, 255;
  --fc5: #E9E9F5;
  --fc5-rgb: 233, 233, 245;
  --fc11: #E0E0E0;
  --fc11-rgb: 224, 224, 224;
  --fc7: #F5F7FA;
  --fc7-rgb: 245, 247, 250;
  --fc6: #F5F7FA;
  --fc6-rgb: 245, 247, 250;
  --dc03: #3A3C4D;
  --dc03-rgb: 58, 60, 77;
  --dc02: #262838;
  --dc02-rgb: 38, 40, 56;
  --dc01: #171822;
  --dc01-rgb: 23, 24, 34;
  --foundMark: rgba(220, 214, 255, 0.4);
  --currentSearch: #FFE5B7;
  --currentSearch-rgb: 255, 229, 183;
  --calendarWeekend: rgba(242, 244, 246, 0.4);
  --folderNodeDefaultColor: #FFBA2E;
  --folderNodeDefaultColor-rgb: 255, 186, 46;
  --deepMaskColor: rgba(38, 38, 38, 0.5);
  --secondLevelText: #636363;
  --secondLevelText-rgb: 99, 99, 99;
  --firstLevelText: #262626;
  --firstLevelText-rgb: 38, 38, 38;
  --errorColor: #E33E38;
  --errorColor-rgb: 227, 62, 56;
  --primaryColor: #7B67EE;
  --primaryColor-rgb: 123, 103, 238;
  --thirdLevelText: #8C8C8C;
  --thirdLevelText-rgb: 140, 140, 140;
  --fourthLevelText: #C9C9C9;
  --fourthLevelText-rgb: 201, 201, 201;
  --defaultBg: #FFFFFF;
  --defaultBgGradientEnd: rgba(255, 255, 255, 0);
  --defaultBg-rgb: 255, 255, 255;
  --white: #FFFFFF;
  --white-rgb: 255, 255, 255;
  --warningColor: #FFAB00;
  --warningColor-rgb: 255, 171, 0;
  --treeSelectedBg: #EDEAFF;
  --treeSelectedBg-rgb: 237, 234, 255;
  --tooltipBg: #3C3C3C;
  --tooltipBg-rgb: 60, 60, 60;
  --successColor: #30C28B;
  --successColor-rgb: 48, 194, 139;
  --cellSelectedColor: #DCD6FF;
  --cellSelectedColor-rgb: 220, 214, 255;
  --lineColor: #E9E9F5;
  --lineColor-rgb: 233, 233, 245;
  --sheetLineColor: #E0E0E0;
  --sheetLineColor-rgb: 224, 224, 224;
  --shadowColor: #E0E0E0;
  --shadowColor-rgb: 224, 224, 224;
  --rowSelectedBg: #F5F7FA;
  --rowSelectedBg-rgb: 245, 247, 250;
  --lowestBg: #F5F7FA;
  --lowestBg-rgb: 245, 247, 250;
  --bgBglessSolidActive: #e6e6e6;
  --bgBglessSolidHover: #f3f3f3;
  --bgStaticLightDisabled: rgba(255, 255, 255, 0.5);
  --bgStaticLightActive: rgba(255, 255, 255, 0.68);
  --bgStaticLightHover: rgba(255, 255, 255, 0.84);
  --bgControlsDegradeHigh: rgba(51, 51, 51, 0.08);
  --bgControlsDegradeDefault: rgba(51, 51, 51, 0.04);
  --bgControlsDefaultSolid: #f5f5f5;
  --bgControlsHoverSolid: #e8e8e8;
  --bgControlsActiveSolid: #dbdbdb;
  --bgBrandLightActiveSolid: #c5bcf7;
  --bgBrandLightHoverSolid: #e1dcfc;
  --bgBrandLightDefaultSolid: #f4f2ff;
  --bgLogoText: #000650;
  --bgLogoIcon: #7b67ee;
  --rainbowGray4: #c2c2c2;
  --rainbowGray3: #cfcfcf;
  --rainbowGray2: #e8e8e8;
  --rainbowGray5: #b5b5b5;
  --rainbowGray1: #f5f5f5;
  --borderOnwarnLight: #ffe7c4;
  --borderOnwarnDefault: #e0901f;
  --borderWarnDisabled: #ffd79e;
  --borderWarnActive: #c27a15;
  --borderWarnHover: #e0901f;
  --borderWarnDefault: #ffa62a;
  --borderOnsuccessLight: #baf5e1;
  --borderOnsuccessDefault: #12b881;
  --borderSuccessDisabled: #8debcb;
  --borderSuccessActive: #0da371;
  --borderSuccessHover: #12b881;
  --borderSuccessDefault: #18cc90;
  --borderOndangerLight: #fccdca;
  --borderOndangerDefault: #d13d32;
  --borderDangerDisabled: #faafaa;
  --textReverseDefault: #ffffff;
  --textStaticDisabled: rgba(255, 255, 255, 0.3);
  --textStaticTertiary: rgba(255, 255, 255, 0.6);
  --textStaticSecondary: rgba(255, 255, 255, 0.8);
  --textStaticPrimary: #ffffff;
  --rainbowYellow1: #fff9e5;
  --rainbowYellow3: #ffd966;
  --rainbowYellow2: #ffeebd;
  --rainbowYellow4: #ffce3b;
  --rainbowYellow5: #ffc310;
  --bgStaticDarkHigh: #4f545c;
  --bgReverseDefault: #4f4f4f;
  --bgGradientHorizontal: 270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --bgGradientVertical: 0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%;
  --borderCommonHover: #ced3db;
  --borderCommonActive: #bec4cf;
  --borderCommonDisabled: #f0f2f5;
  --borderGridVertical: #e1e4ea;
  --borderGridHorizontal: #ced3db;
  --borderBrandDefault: #7b67ee;
  --borderBrandHover: #5e4ad4;
  --borderBrandActive: #321fa1;
  --borderBrandDisabled: #c0b6fa;
  --borderOnbrandDefault: #5e4ad4;
  --borderOnbrandLight: #d8d2fc;
  --borderDangerDefault: #ee5347;
  --borderDangerHover: #d13d32;
  --borderDangerActive: #b52b21;
  --borderCommonDefault: #e1e4ea;
  --textCommonSecondary: #696969;
  --textCommonTertiary: #9c9c9c;
  --textCommonQuaternary: #c2c2c2;
  --textCommonDisabled: #cfcfcf;
  --textBrandDefault: #7b67ee;
  --textBrandHover: #5e4ad4;
  --textBrandActive: #4632ba;
  --textBrandDisabled: #c0b6fa;
  --textDangerDefault: #ee5347;
  --textDangerHover: #d13d32;
  --textDangerActive: #b52b21;
  --textDangerDisabled: #faafaa;
  --textSuccessDefault: #18cc90;
  --textSuccessHover: #12b881;
  --textSuccessActive: #0da371;
  --textSuccessDisabled: #8debcb;
  --textWarnDefault: #ffa62a;
  --textWarnHover: #e0901f;
  --textWarnActive: #c27a15;
  --textWarnDisabled: #ffd79e;
  --textLinkDefault: #7b67ee;
  --textLinkHover: #5e4ad4;
  --textLinkActive: #4632ba;
  --textLinkVisted: #a89af5;
  --textLinkDisabled: #c0b6fa;
  --textCommonPrimary: #333333;
  --bgBrandLightHover: #d8d2fc;
  --bgBrandLightActive: #c0b6fa;
  --bgBrandLightDisabled: #eeebff;
  --bgDangerDefault: #ee5347;
  --bgDangerHover: #d13d32;
  --bgDangerActive: #b52b21;
  --bgDangerDisabled: #faafaa;
  --bgDangerLightDefault: #ffeceb;
  --bgDangerLightHover: #fccdca;
  --bgDangerLightActive: #faafaa;
  --bgDangerLightDisabled: #ffeceb;
  --bgSuccessDefault: #18cc90;
  --bgSuccessHover: #12b881;
  --bgSuccessActive: #0da371;
  --bgSuccessDisabled: #8debcb;
  --bgSuccessLightDefault: #e5fff6;
  --bgSuccessLightHover: #c6f5e3;
  --bgSuccessLightActive: #8debcb;
  --bgSuccessLightDisabled: #e5fff6;
  --bgWarnDefault: #ffa62a;
  --bgWarnHover: #e0901f;
  --bgWarnActive: #c27a15;
  --bgWarnDisabled: #ffd79e;
  --bgWarnLightDefault: #fff4e5;
  --bgWarnLightHover: #ffe7c4;
  --bgWarnLightActive: #ffd79e;
  --bgWarnLightDisabled: #fff4e5;
  --bgStaticLightDefault: #ffffff;
  --bgStaticDarkLow: #282c33;
  --bgStaticDarkMedium: #3b3f47;
  --bgBrandLightDefault: #eeebff;
  --bgCommonHigh: #ffffff;
  --bgCommonHighest: #ffffff;
  --bgBglessHover: rgba(51, 51, 51, 0.06);
  --bgBglessActive: #f2f3f7;
  --bgControlsDefault: #f5f5f5;
  --bgControlsHover: #e8e8e8;
  --bgControlsActive: #dbdbdb;
  --bgControlsDisabled: #f5f5f5;
  --bgControlsElevateDefault: #ffffff;
  --bgControlsElevateHigh: #ffffff;
  --bgTagDefault: rgba(51, 51, 51, 0.12);
  --bgTagHover: rgba(51, 51, 51, 0.18);
  --bgTagActive: rgba(51, 51, 51, 0.24);
  --bgTagDisabled: rgba(51, 51, 51, 0.06);
  --bgScrollbarDefault: #dbdbdb;
  --bgScrollbarHover: #cfcfcf;
  --bgScrollbarActive: #c2c2c2;
  --bgMaskDefault: rgba(0, 0, 0, 0.5);
  --bgBrandDefault: #7b67ee;
  --bgBrandHover: #5e4ad4;
  --bgBrandActive: #4632ba;
  --bgBrandDisabled: #c0b6fa;
  --bgCommonDefault: #ffffff;
  --bgCommonLower: #f0f2f5;
  --rainbowTangerine5: #ff7a00;
  --rainbowTangerine1: #fff2e5;
  --rainbowTangerine2: #ffdab8;
  --rainbowTangerine3: #ffab5c;
  --rainbowTangerine4: #ff932e;
  --rainbowPink1: #ffebee;
  --rainbowPink2: #ffcfd7;
  --rainbowPink3: #ff96aa;
  --rainbowPink4: #ff7a93;
  --rainbowPink5: #ff627f;
  --rainbowGreen1: #eeffe5;
  --rainbowGreen2: #c9f2b6;
  --rainbowGreen3: #89d962;
  --rainbowGreen4: #6dcc3d;
  --rainbowGreen5: #52bf1d;
  --rainbowBrown1: #fff3eb;
  --rainbowBrown2: #f2d9c7;
  --rainbowBrown3: #d9a986;
  --rainbowBrown4: #cc936a;
  --rainbowBrown5: #bf7c4c;
  --rainbowBlue2: #c7eeff;
  --rainbowBlue3: #80d9ff;
  --rainbowBlue4: #5ccfff;
  --rainbowBlue1: #ebf9ff;
  --rainbowBlue5: #33c3ff;
  --rainbowOrange1: #fff4e5;
  --rainbowOrange2: #ffe7c4;
  --rainbowOrange3: #ffc778;
  --rainbowOrange4: #ffb752;
  --rainbowOrange5: #ffa62a;
  --rainbowRed1: #ffeceb;
  --rainbowRed2: #fccdca;
  --rainbowRed3: #f59089;
  --rainbowRed4: #f07369;
  --rainbowRed5: #ee5347;
  --rainbowIndigo1: #ebf0ff;
  --rainbowIndigo2: #cfddff;
  --rainbowIndigo3: #91affa;
  --rainbowIndigo4: #7298f7;
  --rainbowIndigo5: #5684f5;
  --rainbowTeal1: #e5fff6;
  --rainbowTeal2: #bcf7e4;
  --rainbowTeal3: #66e8bd;
  --rainbowTeal4: #3edea9;
  --rainbowTeal5: #19d797;
  --rainbowPurple5: #7b67ee;
  --rainbowPurple4: #907ff0;
  --rainbowPurple3: #a89af5;
  --rainbowPurple2: #d8d2fc;
  --rainbowPurple1: #eeebff;
  --shadowCommonHigh: 0px 2px 4px rgba(20, 20, 20, 0.1), 0px 6px 12px rgba(20, 20, 20, 0.06);
  --shadowCommonDefault: 0px 1px 2px rgba(20, 20, 20, 0.1), 0px 3px 6px rgba(20, 20, 20, 0.06);
  --shadowSideRightDefault: 1px 0px 2px rgba(20, 20, 20, 0.1), 4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowSideLeftDefault: -1px 0px 2px rgba(20, 20, 20, 0.1), -4px 0px 8px rgba(20, 20, 20, 0.06);
  --shadowSideLeftHigh: -2px 0px 4px rgba(20, 20, 20, 0.1), -6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowSideRightHigh: 2px 0px 4px rgba(20, 20, 20, 0.1), 6px 0px 12px rgba(20, 20, 20, 0.06);
  --shadowCommonHighest: 0px 3px 6px rgba(20, 20, 20, 0.1), 0px 8px 16px rgba(20, 20, 20, 0.08);
  --lightMaskColor: rgba(38, 38, 38, 0.1);
  --menuSelectedItemTextColor: #FF0032;
  --templateBgColor: #f2f3f7;
  --inactiveColor: #626C77;
  --mts-inactive-bg: #BCC3D050;
  --borderStroke: #BCC3D080;
  --exportBackgroundColor: rgba(255, 255, 255, 0.6);
  --timeMachinePrimary: #282c33;
  --timeMachineSecondary: #6d7482;
}

[class^=ant-]::-ms-clear,
[class*= ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class*= ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class*= ant-] input::-ms-reveal {
  display: none;
}
/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
  color: #262626;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #7B67EE;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #a693fa;
}
a:active {
  color: #5a4cc7;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: #C9C9C9;
  cursor: not-allowed;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #7B67EE;
}
.clearfix::before {
  display: table;
  content: '';
}
.clearfix::after {
  display: table;
  clear: both;
  content: '';
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon > .anticon {
  line-height: 0;
  vertical-align: 0;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin,
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.ant-fade-enter,
.ant-fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-fade-enter.ant-fade-enter-active,
.ant-fade-appear.ant-fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.ant-fade-leave.ant-fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-fade-enter,
.ant-fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.ant-fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ant-move-up-enter,
.ant-move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-up-enter.ant-move-up-enter-active,
.ant-move-up-appear.ant-move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-up-enter,
.ant-move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-down-enter,
.ant-move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-down-enter.ant-move-down-enter-active,
.ant-move-down-appear.ant-move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.ant-move-down-leave.ant-move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-down-enter,
.ant-move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-left-enter,
.ant-move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-left-enter.ant-move-left-enter-active,
.ant-move-left-appear.ant-move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.ant-move-left-leave.ant-move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-left-enter,
.ant-move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.ant-move-right-enter,
.ant-move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-move-right-enter.ant-move-right-enter-active,
.ant-move-right-appear.ant-move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.ant-move-right-leave.ant-move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-move-right-enter,
.ant-move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #7B67EE;
  --scroll-bar: 0;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #7B67EE;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #7B67EE;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-up-enter.ant-slide-up-enter-active,
.ant-slide-up-appear.ant-slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.ant-slide-up-leave.ant-slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-up-enter,
.ant-slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-down-enter.ant-slide-down-enter-active,
.ant-slide-down-appear.ant-slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.ant-slide-down-leave.ant-slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-down-enter,
.ant-slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-left-enter.ant-slide-left-enter-active,
.ant-slide-left-appear.ant-slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.ant-slide-left-leave.ant-slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-left-enter,
.ant-slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-slide-right-enter.ant-slide-right-enter-active,
.ant-slide-right-appear.ant-slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.ant-slide-right-leave.ant-slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-slide-right-enter,
.ant-slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.ant-slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.ant-zoom-enter,
.ant-zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-enter.ant-zoom-enter-active,
.ant-zoom-appear.ant-zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.ant-zoom-leave.ant-zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-enter,
.ant-zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-enter-prepare,
.ant-zoom-appear-prepare {
  transform: none;
}
.ant-zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-enter.ant-zoom-big-enter-active,
.ant-zoom-big-appear.ant-zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-leave.ant-zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-enter,
.ant-zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-enter-prepare,
.ant-zoom-big-appear-prepare {
  transform: none;
}
.ant-zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-big-fast-enter-prepare,
.ant-zoom-big-fast-appear-prepare {
  transform: none;
}
.ant-zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-up-enter.ant-zoom-up-enter-active,
.ant-zoom-up-appear.ant-zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.ant-zoom-up-leave.ant-zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-up-enter,
.ant-zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-up-enter-prepare,
.ant-zoom-up-appear-prepare {
  transform: none;
}
.ant-zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-down-enter.ant-zoom-down-enter-active,
.ant-zoom-down-appear.ant-zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.ant-zoom-down-leave.ant-zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-down-enter,
.ant-zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-down-enter-prepare,
.ant-zoom-down-appear-prepare {
  transform: none;
}
.ant-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-left-enter.ant-zoom-left-enter-active,
.ant-zoom-left-appear.ant-zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.ant-zoom-left-leave.ant-zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-left-enter,
.ant-zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-left-enter-prepare,
.ant-zoom-left-appear-prepare {
  transform: none;
}
.ant-zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-zoom-right-enter.ant-zoom-right-enter-active,
.ant-zoom-right-appear.ant-zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.ant-zoom-right-leave.ant-zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.ant-zoom-right-enter,
.ant-zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.ant-zoom-right-enter-prepare,
.ant-zoom-right-appear-prepare {
  transform: none;
}
.ant-zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 15px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert-content {
  flex: 1;
  min-width: 0;
}
.ant-alert-icon {
  margin-right: 8px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: var(--green_100);
  border: 1px solid var(--successColor);
}
.ant-alert-success .ant-alert-icon {
  color: var(--successColor);
}
.ant-alert-info {
  background-color: var(--deepPurple_100);
  border: 1px solid var(--primaryColor);
}
.ant-alert-info .ant-alert-icon {
  color: var(--primaryColor);
}
.ant-alert-warning {
  background-color: var(--orange_100);
  border: 1px solid var(--warningColor);
}
.ant-alert-warning .ant-alert-icon {
  color: var(--warningColor);
}
.ant-alert-error {
  background-color: var(--red_100);
  border: 1px solid var(--errorColor);
}
.ant-alert-error .ant-alert-icon {
  color: var(--errorColor);
}
.ant-alert-error .ant-alert-description > pre {
  margin: 0;
  padding: 0;
}
.ant-alert-action {
  margin-left: 8px;
}
.ant-alert-close-icon {
  margin-left: 8px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 12px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  align-items: flex-start;
  padding: 15px 15px 15px 24px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px 15px;
}
.ant-alert-with-description .ant-alert-icon {
  margin-right: 15px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: var(--firstLevelText);
  font-size: 16px;
}
.ant-alert-message {
  color: var(--firstLevelText);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-motion-leave {
  overflow: hidden;
  opacity: 1;
  transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert.ant-alert-motion-leave-active {
  max-height: 0;
  margin-bottom: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.ant-alert.ant-alert-rtl {
  direction: rtl;
}
.ant-alert-rtl .ant-alert-icon {
  margin-right: auto;
  margin-left: 8px;
}
.ant-alert-rtl .ant-alert-action {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl .ant-alert-close-icon {
  margin-right: 8px;
  margin-left: auto;
}
.ant-alert-rtl.ant-alert-with-description {
  padding-right: 24px;
  padding-left: 15px;
}
.ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  margin-right: auto;
  margin-left: 15px;
}
.ant-anchor {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: transparent;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #f0f0f0;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #7B67EE;
  border-radius: 8px;
  transform: translateX(-50%);
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 4px 0 4px 16px;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: #262626;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #7B67EE;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ant-anchor-rtl {
  direction: rtl;
}
.ant-anchor-rtl.ant-anchor-wrapper {
  margin-right: -4px;
  margin-left: 0;
  padding-right: 4px;
  padding-left: 0;
}
.ant-anchor-rtl .ant-anchor-ink {
  right: 0;
  left: auto;
}
.ant-anchor-rtl .ant-anchor-ink-ball {
  right: 50%;
  left: 0;
  transform: translateX(50%);
}
.ant-anchor-rtl .ant-anchor-link {
  padding: 4px 16px 4px 0;
}
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete .ant-select-clear {
  right: 13px;
}
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar .ant-image-img {
  display: block;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-lg.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-sm.ant-avatar-icon > .anticon {
  margin: 0;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-avatar-group {
  display: inline-flex;
}
.ant-avatar-group .ant-avatar {
  border: 1px solid #fff;
}
.ant-avatar-group .ant-avatar:not(:first-child) {
  margin-left: -8px;
}
.ant-avatar-group-popover .ant-avatar + .ant-avatar {
  margin-left: 3px;
}
.ant-avatar-group-rtl .ant-avatar:not(:first-child) {
  margin-right: -8px;
  margin-left: 0;
}
.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
  margin-right: 3px;
  margin-left: 0;
}
.ant-back-top {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top:empty {
  display: none;
}
.ant-back-top-rtl {
  right: auto;
  left: 100px;
  direction: rtl;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  transition: all 0.3s;
}
.ant-back-top-content:hover {
  background-color: #262626;
  transition: all 0.3s;
}
.ant-back-top-icon {
  font-size: 24px;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
  .ant-back-top-rtl {
    right: auto;
    left: 20px;
  }
}
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
}
.ant-badge-count {
  z-index: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #ff4d4f;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-count-sm {
  min-width: 14px;
  height: 14px;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
  border-radius: 7px;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  z-index: auto;
  width: 6px;
  min-width: 6px;
  height: 6px;
  background: #ff4d4f;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-dot.ant-scroll-number {
  transition: background 1.5s;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-count.anticon-spin,
.ant-badge-dot.anticon-spin,
.ant-badge .ant-scroll-number-custom-component.anticon-spin {
  animation: antBadgeLoadingCircle 1s infinite linear;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #30C28B;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #E33E38;
}
.ant-badge-status-warning {
  background-color: #FFAB00;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #262626;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper .ant-badge-zoom-appear,
.ant-badge-not-a-wrapper .ant-badge-zoom-enter {
  animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
}
.ant-badge-not-a-wrapper .ant-badge-zoom-leave {
  animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
.ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
  transform-origin: 50% 50%;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
  direction: ltr;
}
.ant-scroll-number-only {
  position: relative;
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  /* stylelint-enable property-no-vendor-prefix */
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antNoWrapperZoomBadgeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes antNoWrapperZoomBadgeOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes antBadgeLoadingCircle {
  0% {
    transform-origin: 50%;
  }
  100% {
    transform: translate(50%, -50%) rotate(360deg);
    transform-origin: 50%;
  }
}
.ant-ribbon-wrapper {
  position: relative;
}
.ant-ribbon {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 8px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  line-height: 22px;
  white-space: nowrap;
  background-color: #7B67EE;
  border-radius: 2px;
}
.ant-ribbon-text {
  color: #fff;
}
.ant-ribbon-corner {
  position: absolute;
  top: 100%;
  width: 8px;
  height: 8px;
  color: currentcolor;
  border: 4px solid;
  transform: scaleY(0.75);
  transform-origin: top;
}
.ant-ribbon-corner::after {
  position: absolute;
  top: -4px;
  left: -4px;
  width: inherit;
  height: inherit;
  color: rgba(0, 0, 0, 0.25);
  border: inherit;
  content: '';
}
.ant-ribbon-color-pink {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-magenta {
  color: #eb2f96;
  background: #eb2f96;
}
.ant-ribbon-color-red {
  color: #f5222d;
  background: #f5222d;
}
.ant-ribbon-color-volcano {
  color: #fa541c;
  background: #fa541c;
}
.ant-ribbon-color-orange {
  color: #fa8c16;
  background: #fa8c16;
}
.ant-ribbon-color-yellow {
  color: #fadb14;
  background: #fadb14;
}
.ant-ribbon-color-gold {
  color: #faad14;
  background: #faad14;
}
.ant-ribbon-color-cyan {
  color: #13c2c2;
  background: #13c2c2;
}
.ant-ribbon-color-lime {
  color: #a0d911;
  background: #a0d911;
}
.ant-ribbon-color-green {
  color: #52c41a;
  background: #52c41a;
}
.ant-ribbon-color-blue {
  color: #1890ff;
  background: #1890ff;
}
.ant-ribbon-color-geekblue {
  color: #2f54eb;
  background: #2f54eb;
}
.ant-ribbon-color-purple {
  color: #722ed1;
  background: #722ed1;
}
.ant-ribbon.ant-ribbon-placement-end {
  right: -8px;
  border-bottom-right-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
  right: 0;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon.ant-ribbon-placement-start {
  left: -8px;
  border-bottom-left-radius: 0;
}
.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-badge-rtl {
  direction: rtl;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  direction: ltr;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
  transform-origin: 0% 0%;
}
.ant-badge-rtl .ant-badge-status-text {
  margin-right: 8px;
  margin-left: 0;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
  animation-name: antZoomBadgeInRtl;
}
.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
  animation-name: antZoomBadgeOutRtl;
}
.ant-ribbon-rtl {
  direction: rtl;
}
.ant-ribbon-rtl.ant-ribbon-placement-end {
  right: unset;
  left: -8px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
  right: unset;
  left: 0;
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
  border-color: currentcolor currentcolor transparent transparent;
}
.ant-ribbon-rtl.ant-ribbon-placement-start {
  right: -8px;
  left: unset;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
  right: 0;
  left: unset;
  border-color: currentcolor transparent transparent currentcolor;
}
.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
  border-color: currentcolor transparent transparent currentcolor;
}
@keyframes antZoomBadgeInRtl {
  0% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes antZoomBadgeOutRtl {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #262626;
}
.ant-breadcrumb li:last-child {
  color: #262626;
}
.ant-breadcrumb li:last-child a {
  color: #262626;
}
li:last-child > .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-link > .anticon + a {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-breadcrumb-rtl {
  direction: rtl;
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl::before {
  display: table;
  content: '';
}
.ant-breadcrumb-rtl::after {
  display: table;
  clear: both;
  content: '';
}
.ant-breadcrumb-rtl > span {
  float: right;
}
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
  margin-right: 4px;
  margin-left: 0;
}
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-btn {
  line-height: 1.5715;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
          user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #262626;
  border-color: #d9d9d9;
  background: #fff;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 6.4px 15px;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 7px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentcolor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: #fff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentcolor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: #fff;
}
.ant-btn:active > a:only-child {
  color: currentcolor;
}
.ant-btn:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn[disabled],
.ant-btn[disabled]:hover,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn[disabled] > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn[disabled] > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > span {
  display: inline-block;
}
.ant-btn-primary {
  color: #fff;
  border-color: #7B67EE;
  background: #7B67EE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  border-color: #a693fa;
  background: #a693fa;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active {
  color: #fff;
  border-color: #5a4cc7;
  background: #5a4cc7;
}
.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:hover,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #a693fa;
  border-left-color: #a693fa;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #a693fa;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #a693fa;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: #262626;
  border-color: #d9d9d9;
  background: transparent;
}
.ant-btn-ghost > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: transparent;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: transparent;
}
.ant-btn-ghost:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: #262626;
  border-color: #d9d9d9;
  background: #fff;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: #fff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: #fff;
}
.ant-btn-dashed:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  border-color: #E33E38;
  background: #E33E38;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  border-color: #f06c62;
  background: #f06c62;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active {
  color: #fff;
  border-color: #bd2626;
  background: #bd2626;
}
.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:hover,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #7B67EE;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: transparent;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: transparent;
}
.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover {
  background: transparent;
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link[disabled],
.ant-btn-link[disabled]:hover,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:active {
  color: #C9C9C9;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text {
  color: #262626;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: transparent;
}
.ant-btn-text:hover > a:only-child,
.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-text:hover > a:only-child::after,
.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: transparent;
}
.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-text:hover,
.ant-btn-text:focus {
  color: #262626;
  background: rgba(0, 0, 0, 0.018);
  border-color: transparent;
}
.ant-btn-text:active {
  color: #262626;
  background: rgba(0, 0, 0, 0.028);
  border-color: transparent;
}
.ant-btn-text[disabled],
.ant-btn-text[disabled]:hover,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:active {
  color: #C9C9C9;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-text[disabled] > a:only-child,
.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous {
  color: #E33E38;
  border-color: #E33E38;
  background: #fff;
}
.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:hover,
.ant-btn-dangerous:focus {
  color: #f06c62;
  border-color: #f06c62;
  background: #fff;
}
.ant-btn-dangerous:hover > a:only-child,
.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous:active {
  color: #bd2626;
  border-color: #bd2626;
  background: #fff;
}
.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:hover,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary {
  color: #fff;
  border-color: #E33E38;
  background: #E33E38;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-dangerous.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:hover,
.ant-btn-dangerous.ant-btn-primary:focus {
  color: #fff;
  border-color: #f06c62;
  background: #f06c62;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary:active {
  color: #fff;
  border-color: #bd2626;
  background: #bd2626;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link {
  color: #E33E38;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-dangerous.ant-btn-link:focus {
  color: #f06c62;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link:active {
  color: #bd2626;
  border-color: transparent;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: #C9C9C9;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text {
  color: #E33E38;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #a693fa;
  border-color: #a693fa;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
  background: transparent;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:hover,
.ant-btn-dangerous.ant-btn-text:focus {
  color: #f06c62;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.018);
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text:active {
  color: #bd2626;
  border-color: transparent;
  background: rgba(0, 0, 0, 0.028);
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:hover,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:active {
  color: #C9C9C9;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 2.4px 0;
  font-size: 16px;
  border-radius: 4px;
  vertical-align: -3px;
}
.ant-btn-icon-only > * {
  font-size: 16px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 4.9px 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg > * {
  font-size: 18px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0px 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm > * {
  font-size: 14px;
}
.ant-btn-icon-only > .anticon {
  display: flex;
  justify-content: center;
}
.ant-btn-icon-only .anticon-loading {
  padding: 0 !important;
}
a.ant-btn-icon-only {
  vertical-align: -1px;
}
a.ant-btn-icon-only > .anticon {
  display: inline;
}
.ant-btn-round {
  height: 32px;
  padding: 4px 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 6.4px 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizespeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
  cursor: default;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn > .ant-btn-loading-icon {
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 8px;
  animation: none;
}
.ant-btn > .ant-btn-loading-icon .anticon svg {
  animation: loadingCircle 1s infinite linear;
}
.ant-btn-group {
  position: relative;
  display: inline-flex;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active {
  z-index: 2;
}
.ant-btn-group > .ant-btn[disabled],
.ant-btn-group > span > .ant-btn[disabled] {
  z-index: 0;
}
.ant-btn-group .ant-btn-icon-only {
  font-size: 14px;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-rtl.ant-btn + .ant-btn-group,
.ant-btn-rtl.ant-btn-group span + .ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn + span,
.ant-btn-rtl.ant-btn-group > span + span,
.ant-btn-rtl.ant-btn-group + .ant-btn,
.ant-btn-rtl.ant-btn-group + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
.ant-btn-group-rtl.ant-btn + .ant-btn-group,
.ant-btn-group-rtl.ant-btn-group span + .ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn + span,
.ant-btn-group-rtl.ant-btn-group > span + span,
.ant-btn-group-rtl.ant-btn-group + .ant-btn,
.ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
  margin-right: -1px;
  margin-left: auto;
}
.ant-btn-group.ant-btn-group-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 4px 4px 0;
}
.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 4px 0 0 4px;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-radius: 0 4px 4px 0;
}
.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-radius: 4px 0 0 4px;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn.ant-btn-background-ghost {
  color: #fff;
  border-color: #fff;
}
.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus {
  background: transparent;
}
.ant-btn.ant-btn-background-ghost:hover,
.ant-btn.ant-btn-background-ghost:focus {
  color: #a693fa;
  border-color: #a693fa;
}
.ant-btn.ant-btn-background-ghost:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
}
.ant-btn.ant-btn-background-ghost[disabled] {
  color: #C9C9C9;
  background: transparent;
  border-color: #d9d9d9;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #7B67EE;
  border-color: #7B67EE;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #a693fa;
  border-color: #a693fa;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active {
  color: #5a4cc7;
  border-color: #5a4cc7;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #E33E38;
  border-color: #E33E38;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #f06c62;
  border-color: #f06c62;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active {
  color: #bd2626;
  border-color: #bd2626;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous {
  color: #E33E38;
  border-color: #E33E38;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:hover,
.ant-btn-background-ghost.ant-btn-dangerous:focus {
  color: #f06c62;
  border-color: #f06c62;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous:active {
  color: #bd2626;
  border-color: #bd2626;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
  color: #E33E38;
  border-color: transparent;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
  color: #f06c62;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
  color: #bd2626;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
  color: #C9C9C9;
  border-color: #d9d9d9;
  background: #f5f5f5;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
  color: currentcolor;
}
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
a.ant-btn {
  padding-top: 0.01px !important;
  line-height: 30px;
}
a.ant-btn-disabled {
  cursor: not-allowed;
}
a.ant-btn-disabled > * {
  pointer-events: none;
}
a.ant-btn-disabled,
a.ant-btn-disabled:hover,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:active {
  color: #C9C9C9;
  border-color: transparent;
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
a.ant-btn-disabled > a:only-child,
a.ant-btn-disabled:hover > a:only-child,
a.ant-btn-disabled:focus > a:only-child,
a.ant-btn-disabled:active > a:only-child {
  color: currentcolor;
}
a.ant-btn-disabled > a:only-child::after,
a.ant-btn-disabled:hover > a:only-child::after,
a.ant-btn-disabled:focus > a:only-child::after,
a.ant-btn-disabled:active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}
.ant-btn-rtl {
  direction: rtl;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-right-color: #a693fa;
  border-left-color: #d9d9d9;
}
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-right-color: #d9d9d9;
  border-left-color: #a693fa;
}
.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
  padding-right: 0;
  padding-left: 8px;
}
.ant-btn-rtl.ant-btn > .anticon + span,
.ant-btn-rtl.ant-btn > span + .anticon {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #fff;
}
.ant-picker-calendar-header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 0;
}
.ant-picker-calendar-header .ant-picker-calendar-year-select {
  min-width: 80px;
}
.ant-picker-calendar-header .ant-picker-calendar-month-select {
  min-width: 70px;
  margin-left: 8px;
}
.ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-left: 8px;
}
.ant-picker-calendar .ant-picker-panel {
  background: #fff;
  border: 0;
  border-top: 1px solid #f0f0f0;
  border-radius: 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
  width: auto;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-body {
  padding: 8px 0;
}
.ant-picker-calendar .ant-picker-panel .ant-picker-content {
  width: 100%;
}
.ant-picker-calendar-mini {
  border-radius: 4px;
}
.ant-picker-calendar-mini .ant-picker-calendar-header {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-picker-calendar-mini .ant-picker-panel {
  border-radius: 0 0 4px 4px;
}
.ant-picker-calendar-mini .ant-picker-content {
  height: 256px;
}
.ant-picker-calendar-mini .ant-picker-content th {
  height: auto;
  padding: 0;
  line-height: 18px;
}
.ant-picker-calendar-mini .ant-picker-cell::before {
  pointer-events: none;
}
.ant-picker-calendar-full .ant-picker-panel {
  display: block;
  width: 100%;
  text-align: right;
  background: #fff;
  border: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
  padding: 0;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  height: auto;
  padding: 0 12px 5px 0;
  line-height: 18px;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
  background: #f5f5f5;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
  display: none;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
  background: #f5f0ff;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #7B67EE;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
  display: block;
  width: auto;
  height: auto;
  margin: 0 4px;
  padding: 4px 8px 0;
  border: 0;
  border-top: 2px solid #f0f0f0;
  border-radius: 0;
  transition: background 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
  line-height: 24px;
  transition: color 0.3s;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  position: static;
  width: auto;
  height: 86px;
  overflow-y: auto;
  color: #262626;
  line-height: 1.5715;
  text-align: left;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
  border-color: #7B67EE;
}
.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
  color: #262626;
}
@media only screen and (max-width: 480px) {
  .ant-picker-calendar-header {
    display: block;
  }
  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50%;
  }
  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px);
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
  }
  .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
    width: 50%;
    text-align: center;
  }
}
.ant-picker-calendar-rtl {
  direction: rtl;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
  text-align: left;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
  padding: 0 0 5px 12px;
}
.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
  text-align: right;
}
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 4px;
}
.ant-card-rtl {
  direction: rtl;
}
.ant-card-hoverable {
  cursor: pointer;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.ant-card-hoverable:hover {
  border-color: transparent;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #f0f0f0;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head::before {
  display: table;
  content: '';
}
.ant-card-head::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head-title > .ant-typography,
.ant-card-head-title > .ant-typography-edit-content {
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ant-card-head .ant-tabs-top {
  clear: both;
  margin-bottom: -17px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-top-bar {
  border-bottom: 1px solid #f0f0f0;
}
.ant-card-extra {
  margin-left: auto;
  padding: 16px 0;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-rtl .ant-card-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-card-body {
  padding: 24px;
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-body::before {
  display: table;
  content: '';
}
.ant-card-body::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-contain-grid .ant-card-body {
  display: flex;
  flex-wrap: wrap;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-bordered .ant-card-cover {
  margin-top: -1px;
  margin-right: -1px;
  margin-left: -1px;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 4px 4px 0 0;
}
.ant-card-actions {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border-top: 1px solid #f0f0f0;
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions::before {
  display: table;
  content: '';
}
.ant-card-actions::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-actions > li {
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 1.5715;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #7B67EE;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #7B67EE;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.ant-card-rtl .ant-card-actions > li:not(:last-child) {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  display: flex;
  margin: -4px 0;
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta::before {
  display: table;
  content: '';
}
.ant-card-meta::after {
  display: table;
  clear: both;
  content: '';
}
.ant-card-meta-avatar {
  padding-right: 16px;
}
.ant-card-rtl .ant-card-meta-avatar {
  padding-right: 0;
  padding-left: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
          user-select: none;
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-list .slick-slide > div > div {
  vertical-align: bottom;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  touch-action: pan-y;
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '←';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '→';
}
.ant-carousel .slick-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex !important;
  justify-content: center;
  margin-right: 15%;
  margin-left: 15%;
  padding-left: 0;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
  bottom: auto;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  flex: 0 1 auto;
  box-sizing: content-box;
  width: 16px;
  height: 3px;
  margin: 0 2px;
  margin-right: 3px;
  margin-left: 3px;
  padding: 0;
  text-align: center;
  text-indent: -999px;
  vertical-align: top;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 100%;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active {
  width: 24px;
}
.ant-carousel .slick-dots li.slick-active button {
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active:hover,
.ant-carousel .slick-dots li.slick-active:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  flex-direction: column;
  width: 3px;
  height: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  right: auto;
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
  left: auto;
}
.ant-carousel-vertical .slick-dots li {
  width: 3px;
  height: 16px;
  margin: 4px 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active {
  width: 3px;
  height: 24px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-carousel-rtl {
  direction: rtl;
}
.ant-carousel-rtl .ant-carousel .slick-track {
  right: 0;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev {
  right: -25px;
  left: auto;
}
.ant-carousel-rtl .ant-carousel .slick-prev::before {
  content: '→';
}
.ant-carousel-rtl .ant-carousel .slick-next {
  right: auto;
  left: -25px;
}
.ant-carousel-rtl .ant-carousel .slick-next::before {
  content: '←';
}
.ant-carousel-rtl.ant-carousel .slick-dots {
  flex-direction: row-reverse;
}
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
  flex-direction: column;
}
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-cascader-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
  border-color: #7B67EE;
}
.ant-cascader-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #7B67EE;
  border-radius: 4px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-cascader-checkbox:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
  visibility: visible;
}
.ant-cascader-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-cascader-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #7B67EE;
  border-color: #7B67EE;
}
.ant-cascader-checkbox-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
  border-color: #C9C9C9;
  animation-name: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-cascader-checkbox-disabled + span {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-cascader-checkbox-disabled:hover::after,
.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
  visibility: hidden;
}
.ant-cascader-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-cascader-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
  margin-left: 8px;
}
.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-cascader-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-cascader-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-cascader-checkbox-group-item {
  margin-right: 8px;
}
.ant-cascader-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 0;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #7B67EE;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
  background-color: #C9C9C9;
  border-color: #C9C9C9;
}
.ant-cascader-checkbox-rtl {
  direction: rtl;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-cascader-checkbox-group-rtl .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
  margin-left: 8px;
}
.ant-cascader {
  width: 184px;
}
.ant-cascader-checkbox {
  top: 0;
  margin-right: 8px;
}
.ant-cascader-menus {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
  width: 100%;
  height: auto;
}
.ant-cascader-menu {
  flex-grow: 1;
  min-width: 111px;
  height: 180px;
  margin: 0;
  margin: -4px 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #f0f0f0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 5px 12px;
  overflow: hidden;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #f5f5f5;
}
.ant-cascader-menu-item-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-empty .ant-cascader-menu-item {
  color: #C9C9C9;
  cursor: default;
  pointer-events: none;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: normal;
  background-color: #f5f0ff;
}
.ant-cascader-menu-item-content {
  flex: auto;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
}
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
  color: #C9C9C9;
}
.ant-cascader-menu-item-keyword {
  color: #ff4d4f;
}
.ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
.ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-cascader-rtl .ant-cascader-checkbox {
  top: 0;
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #7B67EE;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #7B67EE;
  border-radius: 4px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #7B67EE;
  border-color: #7B67EE;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #C9C9C9;
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #7B67EE;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: #C9C9C9;
  border-color: #C9C9C9;
}
.ant-checkbox-rtl {
  direction: rtl;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 8px;
}
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5715;
  cursor: pointer;
  transition: all 0.3s, visibility 0s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  vertical-align: -1px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text {
  flex: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-left: auto;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
  cursor: default;
}
.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
  flex: none;
  cursor: pointer;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-content {
  color: #262626;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-hidden {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item:last-child {
  border-bottom: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse-ghost {
  background-color: transparent;
  border: 0;
}
.ant-collapse-ghost > .ant-collapse-item {
  border-bottom: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-collapse-rtl {
  direction: rtl;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
}
.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  position: absolute;
  top: 50%;
  right: auto;
  left: 16px;
  margin: 0;
  transform: translateY(-50%);
}
.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  margin-right: 0;
  margin-left: 12px;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transform: rotate(180deg);
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  margin-right: auto;
  margin-left: 0;
}
.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-right: 12px;
  padding-left: 0;
}
.ant-comment {
  position: relative;
  background-color: inherit;
}
.ant-comment-inner {
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  margin-bottom: inherit;
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  margin-bottom: inherit;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-comment-rtl {
  direction: rtl;
}
.ant-comment-rtl .ant-comment-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-comment-rtl .ant-comment-content-author > a,
.ant-comment-rtl .ant-comment-content-author > span {
  padding-right: 0;
  padding-left: 8px;
}
.ant-comment-rtl .ant-comment-actions {
  padding-right: 0;
}
.ant-comment-rtl .ant-comment-actions > li > span {
  margin-right: 0;
  margin-left: 10px;
}
.ant-comment-rtl .ant-comment-nested {
  margin-right: 44px;
  margin-left: 0;
}
.ant-picker-status-error.ant-picker,
.ant-picker-status-error.ant-picker:not([disabled]):hover {
  background-color: var(--lowestBg);
  border-color: #E33E38;
}
.ant-picker-status-error.ant-picker-focused,
.ant-picker-status-error.ant-picker:focus {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-error.ant-picker .ant-picker-active-bar {
  background: #f06c62;
}
.ant-picker-status-warning.ant-picker,
.ant-picker-status-warning.ant-picker:not([disabled]):hover {
  background-color: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-picker-status-warning.ant-picker-focused,
.ant-picker-status-warning.ant-picker:focus {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
  background: #ffbf29;
}
.ant-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  padding: 8px 5px 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: border 0.3s, box-shadow 0.3s;
}
.ant-picker:hover,
.ant-picker-focused {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker:hover,
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-picker-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker.ant-picker-disabled {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-picker.ant-picker-disabled .ant-picker-suffix {
  color: #C9C9C9;
}
.ant-picker.ant-picker-borderless {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-picker-input {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.ant-picker-input > input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
}
.ant-picker-input > input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-picker-input > input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-picker-input > input:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-picker-input > input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input:focus,
.ant-picker-input > input-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-picker-input > input:focus,
.ant-input-rtl .ant-picker-input > input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-picker-input > input-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-picker-input > input[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-picker-input > input[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-picker-input > input-borderless,
.ant-picker-input > input-borderless:hover,
.ant-picker-input > input-borderless:focus,
.ant-picker-input > input-borderless-focused,
.ant-picker-input > input-borderless-disabled,
.ant-picker-input > input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-picker-input > input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-picker-input > input-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-picker-input > input-sm {
  padding: 0 5px;
}
.ant-picker-input > input-rtl {
  direction: rtl;
}
.ant-picker-input > input .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-picker-input > input .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-picker-input > input .err.ant-input,
.ant-picker-input > input .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-picker-input > input .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-picker-input > input .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-picker-input > input .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-picker-input > input:focus {
  box-shadow: none;
}
.ant-picker-input > input[disabled] {
  background: transparent;
}
.ant-picker-input:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-input-placeholder > input {
  color: #bfbfbf;
}
.ant-picker-large {
  padding: 10.5px 5px 10.5px;
}
.ant-picker-large .ant-picker-input > input {
  font-size: 16px;
}
.ant-picker-small {
  padding: 4px 5px 4px;
}
.ant-picker-suffix {
  display: flex;
  flex: none;
  align-self: center;
  margin-left: 4px;
  color: #C9C9C9;
  line-height: 1;
  pointer-events: none;
}
.ant-picker-suffix > * {
  vertical-align: top;
}
.ant-picker-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: #C9C9C9;
  line-height: 1;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s, color 0.3s;
}
.ant-picker-clear > * {
  vertical-align: top;
}
.ant-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-separator {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 16px;
  color: #C9C9C9;
  font-size: 16px;
  vertical-align: top;
  cursor: default;
}
.ant-picker-focused .ant-picker-separator {
  color: rgba(0, 0, 0, 0.45);
}
.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
  cursor: not-allowed;
}
.ant-picker-range {
  position: relative;
  display: inline-flex;
}
.ant-picker-range .ant-picker-clear {
  right: 5px;
}
.ant-picker-range:hover .ant-picker-clear {
  opacity: 1;
}
.ant-picker-range .ant-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 5px;
  background: #7B67EE;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.ant-picker-range.ant-picker-focused .ant-picker-active-bar {
  opacity: 1;
}
.ant-picker-range-separator {
  align-items: center;
  padding: 0 8px;
  line-height: 1;
}
.ant-picker-range.ant-picker-small .ant-picker-clear {
  right: 5px;
}
.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-left: 5px;
}
.ant-picker-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
}
.ant-picker-dropdown-hidden {
  display: none;
}
.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
  top: 1.7px;
  display: block;
  transform: rotate(-135deg) translateY(1px);
}
.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
  bottom: 1.7px;
  display: block;
  transform: rotate(45deg);
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-picker-dropdown-range {
  padding: 4px 0;
}
.ant-picker-dropdown-range-hidden {
  display: none;
}
.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
  padding-top: 4px;
}
.ant-picker-ranges {
  margin-bottom: 0;
  padding: 4px 12px;
  overflow: hidden;
  line-height: 34px;
  text-align: left;
  list-style: none;
}
.ant-picker-ranges > li {
  display: inline-block;
}
.ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
  color: #7B67EE;
  background: #f5f0ff;
  border-color: #eee8ff;
  cursor: pointer;
}
.ant-picker-ranges .ant-picker-ok {
  float: right;
  margin-left: 8px;
}
.ant-picker-range-wrapper {
  display: flex;
}
.ant-picker-range-arrow {
  position: absolute;
  z-index: 1;
  display: none;
  width: 6px;
  height: 6px;
  margin-left: 7.5px;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
  transition: left 0.3s ease-out;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-picker-range-arrow::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -5px -5px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
          clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
}
.ant-picker-panel-container {
  overflow: hidden;
  vertical-align: top;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: margin 0.3s;
}
.ant-picker-panel-container .ant-picker-panels {
  display: inline-flex;
  flex-wrap: nowrap;
  direction: ltr;
}
.ant-picker-panel-container .ant-picker-panel {
  vertical-align: top;
  background: transparent;
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.ant-picker-panel-container .ant-picker-panel .ant-picker-content,
.ant-picker-panel-container .ant-picker-panel table {
  text-align: center;
}
.ant-picker-panel-container .ant-picker-panel-focused {
  border-color: #f0f0f0;
}
.ant-picker-panel {
  display: inline-flex;
  flex-direction: column;
  text-align: center;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  outline: none;
}
.ant-picker-panel-focused {
  border-color: #7B67EE;
}
.ant-picker-decade-panel,
.ant-picker-year-panel,
.ant-picker-quarter-panel,
.ant-picker-month-panel,
.ant-picker-week-panel,
.ant-picker-date-panel,
.ant-picker-time-panel {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.ant-picker-header {
  display: flex;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-header > * {
  flex: none;
}
.ant-picker-header button {
  padding: 0;
  color: #C9C9C9;
  line-height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-picker-header > button {
  min-width: 1.6em;
  font-size: 14px;
}
.ant-picker-header > button:hover {
  color: #262626;
}
.ant-picker-header-view {
  flex: auto;
  font-weight: 500;
  line-height: 40px;
}
.ant-picker-header-view button {
  color: inherit;
  font-weight: inherit;
}
.ant-picker-header-view button:not(:first-child) {
  margin-left: 8px;
}
.ant-picker-header-view button:hover {
  color: #7B67EE;
}
.ant-picker-prev-icon,
.ant-picker-next-icon,
.ant-picker-super-prev-icon,
.ant-picker-super-next-icon {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
}
.ant-picker-prev-icon::before,
.ant-picker-next-icon::before,
.ant-picker-super-prev-icon::before,
.ant-picker-super-next-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-super-prev-icon::after,
.ant-picker-super-next-icon::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 0 solid currentcolor;
  border-width: 1.5px 0 0 1.5px;
  content: '';
}
.ant-picker-prev-icon,
.ant-picker-super-prev-icon {
  transform: rotate(-45deg);
}
.ant-picker-next-icon,
.ant-picker-super-next-icon {
  transform: rotate(135deg);
}
.ant-picker-content {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.ant-picker-content th,
.ant-picker-content td {
  position: relative;
  min-width: 24px;
  font-weight: 400;
}
.ant-picker-content th {
  height: 30px;
  color: #262626;
  line-height: 30px;
}
.ant-picker-cell {
  padding: 3px 0;
  color: #C9C9C9;
  cursor: pointer;
}
.ant-picker-cell-in-view {
  color: #262626;
}
.ant-picker-cell::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f5;
}
.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  border: 1px solid #7B67EE;
  border-radius: 4px;
  content: '';
}
.ant-picker-cell-in-view.ant-picker-cell-in-range {
  position: relative;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #f5f0ff;
}
.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  color: #fff;
  background: #7B67EE;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #f5f0ff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  left: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 50%;
}
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
  position: absolute;
  top: 50%;
  z-index: 0;
  height: 24px;
  border-top: 1px dashed #cbc3f8;
  border-bottom: 1px dashed #cbc3f8;
  transform: translateY(-50%);
  transition: all 0.3s;
  content: '';
}
.ant-picker-cell-range-hover-start::after,
.ant-picker-cell-range-hover-end::after,
.ant-picker-cell-range-hover::after {
  right: 0;
  left: 2px;
}
.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #ffffff;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #ffffff;
  transition: all 0.3s;
  content: '';
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 50%;
}
.ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  left: 50%;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  left: 6px;
  border-left: 1px dashed #cbc3f8;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 6px;
  border-right: 1px dashed #cbc3f8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-picker-cell-disabled {
  color: #C9C9C9;
  pointer-events: none;
}
.ant-picker-cell-disabled .ant-picker-cell-inner {
  background: transparent;
}
.ant-picker-cell-disabled::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #C9C9C9;
}
.ant-picker-decade-panel .ant-picker-content,
.ant-picker-year-panel .ant-picker-content,
.ant-picker-quarter-panel .ant-picker-content,
.ant-picker-month-panel .ant-picker-content {
  height: 264px;
}
.ant-picker-decade-panel .ant-picker-cell-inner,
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  padding: 0 8px;
}
.ant-picker-quarter-panel .ant-picker-content {
  height: 56px;
}
.ant-picker-footer {
  width: -webkit-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 38px;
  text-align: center;
  border-bottom: 1px solid transparent;
}
.ant-picker-panel .ant-picker-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-picker-footer-extra {
  padding: 0 12px;
  line-height: 38px;
  text-align: left;
}
.ant-picker-footer-extra:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.ant-picker-now {
  text-align: left;
}
.ant-picker-today-btn {
  color: #7B67EE;
}
.ant-picker-today-btn:hover {
  color: #a693fa;
}
.ant-picker-today-btn:active {
  color: #5a4cc7;
}
.ant-picker-today-btn.ant-picker-today-btn-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-picker-decade-panel .ant-picker-cell-inner {
  padding: 0 4px;
}
.ant-picker-decade-panel .ant-picker-cell::before {
  display: none;
}
.ant-picker-year-panel .ant-picker-body,
.ant-picker-quarter-panel .ant-picker-body,
.ant-picker-month-panel .ant-picker-body {
  padding: 0 8px;
}
.ant-picker-year-panel .ant-picker-cell-inner,
.ant-picker-quarter-panel .ant-picker-cell-inner,
.ant-picker-month-panel .ant-picker-cell-inner {
  width: 60px;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  left: 14px;
  border-left: 1px dashed #cbc3f8;
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
  right: 14px;
  border-right: 1px dashed #cbc3f8;
  border-radius: 0 4px 4px 0;
}
.ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  right: 14px;
  border-right: 1px dashed #cbc3f8;
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
  left: 14px;
  border-left: 1px dashed #cbc3f8;
  border-radius: 4px 0 0 4px;
}
.ant-picker-week-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
  background: transparent !important;
}
.ant-picker-week-panel-row td {
  transition: background 0.3s;
}
.ant-picker-week-panel-row:hover td {
  background: #f5f5f5;
}
.ant-picker-week-panel-row-selected td,
.ant-picker-week-panel-row-selected:hover td {
  background: #7B67EE;
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: rgba(255, 255, 255, 0.5);
}
.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: #fff;
}
.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
  color: #fff;
}
.ant-picker-date-panel .ant-picker-body {
  padding: 8px 12px;
}
.ant-picker-date-panel .ant-picker-content {
  width: 252px;
}
.ant-picker-date-panel .ant-picker-content th {
  width: 36px;
}
.ant-picker-datetime-panel {
  display: flex;
}
.ant-picker-datetime-panel .ant-picker-time-panel {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-datetime-panel .ant-picker-date-panel,
.ant-picker-datetime-panel .ant-picker-time-panel {
  transition: opacity 0.3s;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel,
.ant-picker-datetime-panel-active .ant-picker-time-panel {
  opacity: 0.3;
}
.ant-picker-datetime-panel-active .ant-picker-date-panel-active,
.ant-picker-datetime-panel-active .ant-picker-time-panel-active {
  opacity: 1;
}
.ant-picker-time-panel {
  width: auto;
  min-width: auto;
}
.ant-picker-time-panel .ant-picker-content {
  display: flex;
  flex: auto;
  height: 224px;
}
.ant-picker-time-panel-column {
  flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  text-align: left;
  list-style: none;
  transition: background 0.3s;
}
.ant-picker-time-panel-column::after {
  display: block;
  height: 196px;
  content: '';
}
.ant-picker-datetime-panel .ant-picker-time-panel-column::after {
  height: 198px;
}
.ant-picker-time-panel-column:not(:first-child) {
  border-left: 1px solid #f0f0f0;
}
.ant-picker-time-panel-column-active {
  background: rgba(245, 240, 255, 0.2);
}
.ant-picker-time-panel-column:hover {
  overflow-y: auto;
}
.ant-picker-time-panel-column > li {
  margin: 0;
  padding: 0;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 0 0 0 14px;
  color: #262626;
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  transition: background 0.3s;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background: #f5f5f5;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: #f5f0ff;
}
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: #C9C9C9;
  background: transparent;
  cursor: not-allowed;
}
/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
  padding: 21px 0;
}
.ant-picker-rtl {
  direction: rtl;
}
.ant-picker-rtl .ant-picker-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-picker-rtl .ant-picker-clear {
  right: auto;
  left: 0;
}
.ant-picker-rtl .ant-picker-separator {
  transform: rotate(180deg);
}
.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range .ant-picker-clear {
  right: auto;
  left: 5px;
}
.ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
  margin-right: 5px;
  margin-left: 0;
}
.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
  margin-right: 5px;
}
.ant-picker-dropdown-rtl .ant-picker-ranges {
  text-align: right;
}
.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-picker-panel-rtl {
  direction: rtl;
}
.ant-picker-panel-rtl .ant-picker-prev-icon,
.ant-picker-panel-rtl .ant-picker-super-prev-icon {
  transform: rotate(135deg);
}
.ant-picker-panel-rtl .ant-picker-next-icon,
.ant-picker-panel-rtl .ant-picker-super-next-icon {
  transform: rotate(-45deg);
}
.ant-picker-cell .ant-picker-cell-inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  transition: background 0.3s, border 0.3s;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
  right: 50%;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
  right: 0;
  left: -6px;
}
.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  right: -6px;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
  right: 0;
  left: 50%;
}
.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
  right: 50%;
  left: 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
  right: 6px;
  left: 0;
  border-right: 1px dashed #cbc3f8;
  border-left: none;
  border-radius: 0 4px 4px 0;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
  right: 0;
  left: 6px;
  border-right: none;
  border-left: 1px dashed #cbc3f8;
  border-radius: 4px 0 0 4px;
}
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
  right: 6px;
  left: 6px;
  border-right: 1px dashed #cbc3f8;
  border-left: 1px dashed #cbc3f8;
  border-radius: 4px;
}
.ant-picker-dropdown-rtl .ant-picker-footer-extra {
  direction: rtl;
  text-align: right;
}
.ant-picker-panel-rtl .ant-picker-time-panel {
  direction: ltr;
}
.ant-descriptions-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.ant-descriptions-title {
  flex: auto;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-descriptions-extra {
  margin-left: auto;
  color: #262626;
  font-size: 14px;
}
.ant-descriptions-view {
  width: 100%;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5715;
  text-align: start;
}
.ant-descriptions-item-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
  content: ' ';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  flex: 1;
  color: #262626;
  font-size: 14px;
  line-height: 1.5715;
  word-break: break-word;
  overflow-wrap: break-word;
}
.ant-descriptions-item {
  padding-bottom: 0;
  vertical-align: top;
}
.ant-descriptions-item-container {
  display: flex;
}
.ant-descriptions-item-container .ant-descriptions-item-label,
.ant-descriptions-item-container .ant-descriptions-item-content {
  display: inline-flex;
  align-items: baseline;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
  border-collapse: collapse;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #f0f0f0;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-descriptions-rtl {
  direction: rtl;
}
.ant-descriptions-rtl .ant-descriptions-item-label::after {
  margin: 0 2px 0 8px;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-left: none;
}
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal {
  display: flex;
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text {
  display: flex;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  border-top: 0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text::after {
  position: relative;
  top: 50%;
  width: 50%;
  border-top: 1px solid transparent;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 1em;
}
.ant-divider-dashed {
  background: none;
  border-color: rgba(0, 0, 0, 0.06);
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-divider-plain.ant-divider-with-text {
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
  padding-left: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
  width: 100%;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
  width: 0;
}
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
  padding-right: 0;
}
.ant-divider-rtl {
  direction: rtl;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
  width: 95%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
  width: 5%;
}
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
  width: 95%;
}
.ant-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
.ant-drawer-inline {
  position: absolute;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: auto;
}
.ant-drawer-content-wrapper {
  position: absolute;
  z-index: 1000;
  transition: all 0.3s;
}
.ant-drawer-content-wrapper-hidden {
  display: none;
}
.ant-drawer-left > .ant-drawer-content-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-right > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-top > .ant-drawer-content-wrapper {
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-bottom > .ant-drawer-content-wrapper {
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.ant-drawer-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #fff;
  pointer-events: auto;
}
.ant-drawer-wrapper-body {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ant-drawer-header {
  display: flex;
  flex: 0;
  align-items: center;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 22px;
  border-bottom: 1px solid #f0f0f0;
}
.ant-drawer-header-title {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;
  min-height: 0;
}
.ant-drawer-extra {
  flex: 0;
}
.ant-drawer-close {
  display: inline-block;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-title {
  flex: 1;
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  padding: 24px;
  overflow: auto;
}
.ant-drawer-footer {
  flex-shrink: 0;
  padding: 10px 16px;
  border-top: 1px solid #f0f0f0;
}
.panel-motion-enter-start,
.panel-motion-appear-start,
.panel-motion-leave-start {
  transition: none;
}
.panel-motion-enter-active,
.panel-motion-appear-active,
.panel-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-leave-active {
  transition: all 0.3s;
}
.ant-drawer-mask-motion-enter,
.ant-drawer-mask-motion-appear {
  opacity: 0;
}
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-appear-active {
  opacity: 1;
}
.ant-drawer-mask-motion-leave {
  opacity: 1;
}
.ant-drawer-mask-motion-leave-active {
  opacity: 0;
}
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-left-enter,
.ant-drawer-panel-motion-left-appear {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-left-leave-active {
  transform: translateX(-100%);
}
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-right-enter,
.ant-drawer-panel-motion-right-appear {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-appear-active {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave {
  transform: translateX(0);
}
.ant-drawer-panel-motion-right-leave-active {
  transform: translateX(100%);
}
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-top-enter,
.ant-drawer-panel-motion-top-appear {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-top-leave-active {
  transform: translateY(-100%);
}
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-leave-start {
  transition: none;
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-leave-active {
  transition: all 0.3s;
}
.ant-drawer-panel-motion-bottom-enter,
.ant-drawer-panel-motion-bottom-appear {
  transform: translateY(100%);
}
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-appear-active {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave {
  transform: translateY(0);
}
.ant-drawer-panel-motion-bottom-leave-active {
  transform: translateY(100%);
}
.ant-drawer-rtl {
  direction: rtl;
}
.ant-drawer-rtl .ant-drawer-close {
  margin-right: 0;
  margin-left: 12px;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
  color: #E33E38;
}
.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
  color: #fff;
  background-color: #E33E38;
}
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 10px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden,
.ant-dropdown-menu-submenu-hidden {
  display: none;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-top,
.ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
  padding-bottom: 10px;
}
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
  padding-top: 10px;
}
.ant-dropdown-arrow {
  position: absolute;
  z-index: 1;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-dropdown-arrow::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: -5px -5px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
          clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
}
.ant-dropdown-placement-top > .ant-dropdown-arrow,
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  bottom: 6.24264069px;
  box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
  transform: rotate(45deg);
}
.ant-dropdown-placement-top > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-topRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  top: 5.65685425px;
  box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
  transform: rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottom > .ant-dropdown-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
}
.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
  left: 16px;
}
.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
  right: 16px;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
}
.ant-dropdown-menu-item {
  position: relative;
  display: flex;
  align-items: center;
}
.ant-dropdown-menu-item-icon {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-title-content {
  flex: auto;
}
.ant-dropdown-menu-title-content > a {
  color: inherit;
  transition: all 0.3s;
}
.ant-dropdown-menu-title-content > a:hover {
  color: inherit;
}
.ant-dropdown-menu-title-content > a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected {
  color: #7B67EE;
  background-color: #f5f0ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: #C9C9C9;
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled a,
.ant-dropdown-menu-submenu-title-disabled a {
  pointer-events: none;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #f0f0f0;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-right: 0 !important;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  font-style: normal;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 24px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: #C9C9C9;
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #7B67EE;
}
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down,
.ant-dropdown-button > .anticon.anticon-down {
  font-size: 10px;
  vertical-align: baseline;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading,
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
  cursor: default;
  pointer-events: none;
}
.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
  display: block;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #7B67EE;
}
.ant-dropdown-rtl {
  direction: rtl;
}
.ant-dropdown-rtl.ant-dropdown::before {
  right: -7px;
  left: 0;
}
.ant-dropdown-menu.ant-dropdown-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
  direction: rtl;
  text-align: right;
}
.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
  transform-origin: 100% 0;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  text-align: right;
}
.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  margin-right: 0;
  margin-left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
  right: auto;
  left: 8px;
}
.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
  margin-left: 0 !important;
  transform: scaleX(-1);
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
  padding-right: 12px;
  padding-left: 24px;
}
.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  right: 100%;
  left: 0;
  margin-right: 4px;
  margin-left: 0;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: #C9C9C9;
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: #C9C9C9;
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-empty-img-default-ellipse {
  fill: #f5f5f5;
  fill-opacity: 0.8;
}
.ant-empty-img-default-path-1 {
  fill: #aeb8c2;
}
.ant-empty-img-default-path-2 {
  fill: url('#linearGradient-1');
}
.ant-empty-img-default-path-3 {
  fill: #f5f5f7;
}
.ant-empty-img-default-path-4 {
  fill: #dce0e6;
}
.ant-empty-img-default-path-5 {
  fill: #dce0e6;
}
.ant-empty-img-default-g {
  fill: #fff;
}
.ant-empty-img-simple-ellipse {
  fill: #f5f5f5;
}
.ant-empty-img-simple-g {
  stroke: #d9d9d9;
}
.ant-empty-img-simple-path {
  fill: #fafafa;
}
.ant-empty-rtl {
  direction: rtl;
}
.ant-form-item .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
.ant-form-inline {
  display: flex;
  flex-wrap: wrap;
}
.ant-form-inline .ant-form-item {
  flex: none;
  flex-wrap: nowrap;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-label,
.ant-form-inline .ant-form-item > .ant-form-item-control {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-item > .ant-form-item-label {
  flex: none;
}
.ant-form-inline .ant-form-item .ant-form-text {
  display: inline-block;
}
.ant-form-inline .ant-form-item .ant-form-item-has-feedback {
  display: inline-block;
}
.ant-form-horizontal .ant-form-item-label {
  flex-grow: 0;
}
.ant-form-horizontal .ant-form-item-control {
  flex: 1 1 0;
  min-width: 0;
}
.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control,
.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control {
  min-width: unset;
}
.ant-form-vertical .ant-form-item-row {
  flex-direction: column;
}
.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}
.ant-form-vertical .ant-form-item .ant-form-item-control {
  width: 100%;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  padding: 0 0 8px;
  line-height: 1.5715;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label > label,
.ant-col-24.ant-form-item-label > label,
.ant-col-xl-24.ant-form-item-label > label {
  margin: 0;
}
.ant-form-vertical .ant-form-item-label > label::after,
.ant-col-24.ant-form-item-label > label::after,
.ant-col-xl-24.ant-form-item-label > label::after {
  display: none;
}
.ant-form-rtl.ant-form-vertical .ant-form-item-label,
.ant-form-rtl.ant-col-24.ant-form-item-label,
.ant-form-rtl.ant-col-xl-24.ant-form-item-label {
  text-align: right;
}
@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
  .ant-form-item .ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-form-item .ant-form-item-label {
    text-align: right;
  }
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
  .ant-form .ant-form-item .ant-form-item-label,
  .ant-form .ant-form-item .ant-form-item-control {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xs-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xs-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-sm-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-md-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-md-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-lg-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
    text-align: right;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }
}
.ant-form-item {
  /* Some non-status related component style is in `components.less` */
  /* To support leave along ErrorList. We add additional className to handle explain style */
}
.ant-form-item-explain-error {
  color: #E33E38;
}
.ant-form-item-explain-warning {
  color: #FFAB00;
}
.ant-form-item-has-feedback .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-item-has-warning .ant-form-item-split {
  color: #FFAB00;
}
.ant-form-item-has-error .ant-form-item-split {
  color: #E33E38;
}
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-form .ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-small .ant-form-item-label > label {
  height: 32px;
}
.ant-form-small .ant-form-item-control-input {
  min-height: 32px;
}
.ant-form-large .ant-form-item-label > label {
  height: 48px;
}
.ant-form-large .ant-form-item-control-input {
  min-height: 48px;
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item-with-help {
  transition: none;
}
.ant-form-item-hidden,
.ant-form-item-hidden.ant-row {
  display: none;
}
.ant-form-item-label {
  display: inline-block;
  flex-grow: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item-label-wrap {
  overflow: unset;
  line-height: 1.3215em;
  white-space: unset;
}
.ant-form-item-label > label {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  height: 40px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-form-item-label > label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}
.ant-form-item-label > label .ant-form-item-optional {
  display: inline-block;
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional {
  display: none;
}
.ant-form-item-label > label .ant-form-item-tooltip {
  color: rgba(0, 0, 0, 0.45);
  cursor: help;
  writing-mode: horizontal-tb;
  margin-inline-start: 4px;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item-control {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
  width: 100%;
}
.ant-form-item-control-input {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
}
.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}
.ant-form-item-explain,
.ant-form-item-extra {
  clear: both;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-item-explain-connected {
  width: 100%;
}
.ant-form-item-extra {
  min-height: 24px;
}
.ant-form-item-with-help .ant-form-item-explain {
  height: auto;
  opacity: 1;
}
.ant-form-item-feedback-icon {
  font-size: 14px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.ant-form-item-feedback-icon-success {
  color: #30C28B;
}
.ant-form-item-feedback-icon-error {
  color: #E33E38;
}
.ant-form-item-feedback-icon-warning {
  color: #FFAB00;
}
.ant-form-item-feedback-icon-validating {
  color: #7B67EE;
}
.ant-show-help {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-show-help-appear,
.ant-show-help-enter {
  opacity: 0;
}
.ant-show-help-appear-active,
.ant-show-help-enter-active {
  opacity: 1;
}
.ant-show-help-leave {
  opacity: 1;
}
.ant-show-help-leave-active {
  opacity: 0;
}
.ant-show-help-item {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-appear,
.ant-show-help-item-enter {
  transform: translateY(-5px);
  opacity: 0;
}
.ant-show-help-item-appear-active,
.ant-show-help-item-enter-active {
  transform: translateY(0);
  opacity: 1;
}
.ant-show-help-item-leave {
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-show-help-item-leave-active {
  transform: translateY(-5px);
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.ant-form-rtl {
  direction: rtl;
}
.ant-form-rtl .ant-form-item-label {
  text-align: left;
}
.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
  margin-right: 0;
  margin-left: 4px;
}
.ant-form-rtl .ant-form-item-label > label::after {
  margin: 0 2px 0 8px;
}
.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
  margin-right: 4px;
  margin-left: 0;
}
.ant-col-rtl .ant-form-item-control:first-child {
  width: 100%;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input {
  padding-right: 5px;
  padding-left: 24px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 5px;
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number {
  padding: 0;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: auto;
  left: 28px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
  padding-left: 18px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value,
.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 0;
  padding-left: 42px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
  margin-right: 0;
  margin-left: 19px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
  right: auto;
  left: 32px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker {
  padding-right: 5px;
  padding-left: 23.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
  padding-right: 5px;
  padding-left: 23.2px;
}
.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
  padding-right: 5px;
  padding-left: 23.2px;
}
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
  right: auto;
  left: 0;
}
.ant-form-rtl.ant-form-inline .ant-form-item {
  margin-right: 0;
  margin-left: 16px;
}
.ant-row {
  display: flex;
  flex-flow: row wrap;
  min-width: 0;
}
.ant-row::before,
.ant-row::after {
  display: flex;
}
.ant-row-no-wrap {
  flex-wrap: nowrap;
}
.ant-row-start {
  justify-content: flex-start;
}
.ant-row-center {
  justify-content: center;
}
.ant-row-end {
  justify-content: flex-end;
}
.ant-row-space-between {
  justify-content: space-between;
}
.ant-row-space-around {
  justify-content: space-around;
}
.ant-row-space-evenly {
  justify-content: space-evenly;
}
.ant-row-top {
  align-items: flex-start;
}
.ant-row-middle {
  align-items: center;
}
.ant-row-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  max-width: 100%;
  min-height: 1px;
}
.ant-col-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
.ant-col-xs-24 {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  flex: 0 0 95.83333333%;
  max-width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  flex: 0 0 79.16666667%;
  max-width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  flex: 0 0 75%;
  max-width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  flex: 0 0 70.83333333%;
  max-width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  flex: 0 0 54.16666667%;
  max-width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  flex: 0 0 50%;
  max-width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  flex: 0 0 45.83333333%;
  max-width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  flex: 0 0 29.16666667%;
  max-width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  flex: 0 0 25%;
  max-width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  flex: 0 0 20.83333333%;
  max-width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  flex: 0 0 4.16666667%;
  max-width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
.ant-col-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-push-0.ant-col-rtl {
  right: auto;
}
.ant-col-xs-pull-0.ant-col-rtl {
  left: auto;
}
.ant-col-xs-offset-0.ant-col-rtl {
  margin-right: 0;
}
.ant-col-xs-push-1.ant-col-rtl {
  right: 4.16666667%;
  left: auto;
}
.ant-col-xs-pull-1.ant-col-rtl {
  right: auto;
  left: 4.16666667%;
}
.ant-col-xs-offset-1.ant-col-rtl {
  margin-right: 4.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-2.ant-col-rtl {
  right: 8.33333333%;
  left: auto;
}
.ant-col-xs-pull-2.ant-col-rtl {
  right: auto;
  left: 8.33333333%;
}
.ant-col-xs-offset-2.ant-col-rtl {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-3.ant-col-rtl {
  right: 12.5%;
  left: auto;
}
.ant-col-xs-pull-3.ant-col-rtl {
  right: auto;
  left: 12.5%;
}
.ant-col-xs-offset-3.ant-col-rtl {
  margin-right: 12.5%;
  margin-left: 0;
}
.ant-col-xs-push-4.ant-col-rtl {
  right: 16.66666667%;
  left: auto;
}
.ant-col-xs-pull-4.ant-col-rtl {
  right: auto;
  left: 16.66666667%;
}
.ant-col-xs-offset-4.ant-col-rtl {
  margin-right: 16.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-5.ant-col-rtl {
  right: 20.83333333%;
  left: auto;
}
.ant-col-xs-pull-5.ant-col-rtl {
  right: auto;
  left: 20.83333333%;
}
.ant-col-xs-offset-5.ant-col-rtl {
  margin-right: 20.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-6.ant-col-rtl {
  right: 25%;
  left: auto;
}
.ant-col-xs-pull-6.ant-col-rtl {
  right: auto;
  left: 25%;
}
.ant-col-xs-offset-6.ant-col-rtl {
  margin-right: 25%;
  margin-left: 0;
}
.ant-col-xs-push-7.ant-col-rtl {
  right: 29.16666667%;
  left: auto;
}
.ant-col-xs-pull-7.ant-col-rtl {
  right: auto;
  left: 29.16666667%;
}
.ant-col-xs-offset-7.ant-col-rtl {
  margin-right: 29.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-8.ant-col-rtl {
  right: 33.33333333%;
  left: auto;
}
.ant-col-xs-pull-8.ant-col-rtl {
  right: auto;
  left: 33.33333333%;
}
.ant-col-xs-offset-8.ant-col-rtl {
  margin-right: 33.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-9.ant-col-rtl {
  right: 37.5%;
  left: auto;
}
.ant-col-xs-pull-9.ant-col-rtl {
  right: auto;
  left: 37.5%;
}
.ant-col-xs-offset-9.ant-col-rtl {
  margin-right: 37.5%;
  margin-left: 0;
}
.ant-col-xs-push-10.ant-col-rtl {
  right: 41.66666667%;
  left: auto;
}
.ant-col-xs-pull-10.ant-col-rtl {
  right: auto;
  left: 41.66666667%;
}
.ant-col-xs-offset-10.ant-col-rtl {
  margin-right: 41.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-11.ant-col-rtl {
  right: 45.83333333%;
  left: auto;
}
.ant-col-xs-pull-11.ant-col-rtl {
  right: auto;
  left: 45.83333333%;
}
.ant-col-xs-offset-11.ant-col-rtl {
  margin-right: 45.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-12.ant-col-rtl {
  right: 50%;
  left: auto;
}
.ant-col-xs-pull-12.ant-col-rtl {
  right: auto;
  left: 50%;
}
.ant-col-xs-offset-12.ant-col-rtl {
  margin-right: 50%;
  margin-left: 0;
}
.ant-col-xs-push-13.ant-col-rtl {
  right: 54.16666667%;
  left: auto;
}
.ant-col-xs-pull-13.ant-col-rtl {
  right: auto;
  left: 54.16666667%;
}
.ant-col-xs-offset-13.ant-col-rtl {
  margin-right: 54.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-14.ant-col-rtl {
  right: 58.33333333%;
  left: auto;
}
.ant-col-xs-pull-14.ant-col-rtl {
  right: auto;
  left: 58.33333333%;
}
.ant-col-xs-offset-14.ant-col-rtl {
  margin-right: 58.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-15.ant-col-rtl {
  right: 62.5%;
  left: auto;
}
.ant-col-xs-pull-15.ant-col-rtl {
  right: auto;
  left: 62.5%;
}
.ant-col-xs-offset-15.ant-col-rtl {
  margin-right: 62.5%;
  margin-left: 0;
}
.ant-col-xs-push-16.ant-col-rtl {
  right: 66.66666667%;
  left: auto;
}
.ant-col-xs-pull-16.ant-col-rtl {
  right: auto;
  left: 66.66666667%;
}
.ant-col-xs-offset-16.ant-col-rtl {
  margin-right: 66.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-17.ant-col-rtl {
  right: 70.83333333%;
  left: auto;
}
.ant-col-xs-pull-17.ant-col-rtl {
  right: auto;
  left: 70.83333333%;
}
.ant-col-xs-offset-17.ant-col-rtl {
  margin-right: 70.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-18.ant-col-rtl {
  right: 75%;
  left: auto;
}
.ant-col-xs-pull-18.ant-col-rtl {
  right: auto;
  left: 75%;
}
.ant-col-xs-offset-18.ant-col-rtl {
  margin-right: 75%;
  margin-left: 0;
}
.ant-col-xs-push-19.ant-col-rtl {
  right: 79.16666667%;
  left: auto;
}
.ant-col-xs-pull-19.ant-col-rtl {
  right: auto;
  left: 79.16666667%;
}
.ant-col-xs-offset-19.ant-col-rtl {
  margin-right: 79.16666667%;
  margin-left: 0;
}
.ant-col-xs-push-20.ant-col-rtl {
  right: 83.33333333%;
  left: auto;
}
.ant-col-xs-pull-20.ant-col-rtl {
  right: auto;
  left: 83.33333333%;
}
.ant-col-xs-offset-20.ant-col-rtl {
  margin-right: 83.33333333%;
  margin-left: 0;
}
.ant-col-xs-push-21.ant-col-rtl {
  right: 87.5%;
  left: auto;
}
.ant-col-xs-pull-21.ant-col-rtl {
  right: auto;
  left: 87.5%;
}
.ant-col-xs-offset-21.ant-col-rtl {
  margin-right: 87.5%;
  margin-left: 0;
}
.ant-col-xs-push-22.ant-col-rtl {
  right: 91.66666667%;
  left: auto;
}
.ant-col-xs-pull-22.ant-col-rtl {
  right: auto;
  left: 91.66666667%;
}
.ant-col-xs-offset-22.ant-col-rtl {
  margin-right: 91.66666667%;
  margin-left: 0;
}
.ant-col-xs-push-23.ant-col-rtl {
  right: 95.83333333%;
  left: auto;
}
.ant-col-xs-pull-23.ant-col-rtl {
  right: auto;
  left: 95.83333333%;
}
.ant-col-xs-offset-23.ant-col-rtl {
  margin-right: 95.83333333%;
  margin-left: 0;
}
.ant-col-xs-push-24.ant-col-rtl {
  right: 100%;
  left: auto;
}
.ant-col-xs-pull-24.ant-col-rtl {
  right: auto;
  left: 100%;
}
.ant-col-xs-offset-24.ant-col-rtl {
  margin-right: 100%;
  margin-left: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-sm-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-sm-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-sm-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-sm-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-sm-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-sm-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-sm-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-sm-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-sm-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-sm-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-sm-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-sm-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-sm-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-sm-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-sm-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-sm-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-sm-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-sm-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-sm-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-sm-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-sm-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-sm-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-sm-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-sm-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-sm-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-sm-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-sm-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-sm-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-sm-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-sm-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-sm-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-sm-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-sm-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-sm-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-sm-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-sm-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-sm-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-sm-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-sm-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-sm-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-sm-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-sm-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-sm-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-sm-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-sm-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-md-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-md-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-md-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-md-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-md-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-md-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-md-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-md-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-md-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-md-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-md-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-md-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-md-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-md-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-md-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-md-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-md-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-md-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-md-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-md-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-md-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-md-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-md-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-md-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-md-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-md-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-md-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-md-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-md-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-md-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-md-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-md-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-md-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-md-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-md-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-md-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-md-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-md-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-md-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-md-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-md-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-md-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-md-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-md-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-md-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-md-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-md-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-md-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-md-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-md-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-md-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-md-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-md-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-md-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-md-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-md-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-md-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-md-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-md-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-md-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-md-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-md-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-lg-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-lg-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-lg-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-lg-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-lg-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-lg-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-lg-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-lg-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-lg-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-lg-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-lg-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-lg-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-lg-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-lg-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-lg-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-lg-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-lg-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-lg-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-lg-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-lg-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-lg-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-lg-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-lg-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-lg-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-lg-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-lg-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-lg-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-lg-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-lg-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-lg-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-lg-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-lg-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-lg-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-lg-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-lg-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-lg-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-lg-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-lg-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-lg-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-lg-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-lg-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-lg-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-lg-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-lg-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-lg-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-push-0.ant-col-rtl {
    right: auto;
  }
  .ant-col-xxl-pull-0.ant-col-rtl {
    left: auto;
  }
  .ant-col-xxl-offset-0.ant-col-rtl {
    margin-right: 0;
  }
  .ant-col-xxl-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }
  .ant-col-xxl-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }
  .ant-col-xxl-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }
  .ant-col-xxl-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }
  .ant-col-xxl-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }
  .ant-col-xxl-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }
  .ant-col-xxl-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }
  .ant-col-xxl-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }
  .ant-col-xxl-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }
  .ant-col-xxl-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }
  .ant-col-xxl-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }
  .ant-col-xxl-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }
  .ant-col-xxl-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }
  .ant-col-xxl-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }
  .ant-col-xxl-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }
  .ant-col-xxl-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }
  .ant-col-xxl-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }
  .ant-col-xxl-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }
  .ant-col-xxl-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }
  .ant-col-xxl-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }
  .ant-col-xxl-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }
  .ant-col-xxl-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }
  .ant-col-xxl-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }
  .ant-col-xxl-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }
  .ant-col-xxl-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }
  .ant-col-xxl-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }
  .ant-col-xxl-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }
  .ant-col-xxl-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }
  .ant-col-xxl-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }
  .ant-col-xxl-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }
  .ant-col-xxl-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }
  .ant-col-xxl-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }
  .ant-col-xxl-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }
  .ant-col-xxl-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }
  .ant-col-xxl-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }
  .ant-col-xxl-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }
  .ant-col-xxl-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }
  .ant-col-xxl-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }
  .ant-col-xxl-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }
  .ant-col-xxl-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }
  .ant-col-xxl-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }
  .ant-col-xxl-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }
  .ant-col-xxl-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }
}
.ant-row-rtl {
  direction: rtl;
}
.ant-image {
  position: relative;
  display: inline-block;
}
.ant-image-img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ant-image-img-placeholder {
  background-color: #f5f5f5;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30%;
}
.ant-image-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-image-mask-info {
  padding: 0 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-image-mask-info .anticon {
  margin-inline-end: 4px;
}
.ant-image-mask:hover {
  opacity: 1;
}
.ant-image-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-image-preview {
  pointer-events: none;
  height: 100%;
  text-align: center;
}
.ant-image-preview.ant-zoom-enter,
.ant-image-preview.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-image-preview-mask-hidden {
  display: none;
}
.ant-image-preview-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
}
.ant-image-preview-body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ant-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  transform: scale3d(1, 1, 1);
  cursor: grab;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: auto;
}
.ant-image-preview-img-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ant-image-preview-img-wrapper::before {
  display: inline-block;
  width: 1px;
  height: 50%;
  margin-right: -1px;
  content: '';
}
.ant-image-preview-moving .ant-image-preview-img {
  cursor: grabbing;
}
.ant-image-preview-moving .ant-image-preview-img-wrapper {
  transition-duration: 0s;
}
.ant-image-preview-wrap {
  z-index: 1080;
}
.ant-image-preview-operations {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  color: rgba(255, 255, 255, 0.85);
  list-style: none;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.ant-image-preview-operations-operation {
  margin-left: 12px;
  padding: 12px;
  cursor: pointer;
}
.ant-image-preview-operations-operation-disabled {
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
}
.ant-image-preview-operations-operation:last-of-type {
  margin-left: 0;
}
.ant-image-preview-operations-progress {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ant-image-preview-operations-icon {
  font-size: 18px;
}
.ant-image-preview-switch-left,
.ant-image-preview-switch-right {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.ant-image-preview-switch-left-disabled,
.ant-image-preview-switch-right-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: not-allowed;
}
.ant-image-preview-switch-left-disabled > .anticon,
.ant-image-preview-switch-right-disabled > .anticon {
  cursor: not-allowed;
}
.ant-image-preview-switch-left > .anticon,
.ant-image-preview-switch-right > .anticon {
  font-size: 18px;
}
.ant-image-preview-switch-left {
  left: 10px;
}
.ant-image-preview-switch-right {
  right: 10px;
}
.ant-input-affix-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  display: inline-flex;
}
.ant-input-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-affix-wrapper:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-affix-wrapper:focus,
.ant-input-rtl .ant-input-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-affix-wrapper-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-affix-wrapper[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-affix-wrapper[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-affix-wrapper-borderless,
.ant-input-affix-wrapper-borderless:hover,
.ant-input-affix-wrapper-borderless:focus,
.ant-input-affix-wrapper-borderless-focused,
.ant-input-affix-wrapper-borderless-disabled,
.ant-input-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-affix-wrapper-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-affix-wrapper-sm {
  padding: 0 5px;
}
.ant-input-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-input-affix-wrapper .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-input-affix-wrapper .err.ant-input,
.ant-input-affix-wrapper .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-input-affix-wrapper .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-input-affix-wrapper .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-input-affix-wrapper .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #a693fa;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  z-index: 0;
}
.ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-affix-wrapper-disabled .ant-input[disabled] {
  background: transparent;
}
.ant-input-affix-wrapper > input.ant-input {
  padding: 0;
  font-size: inherit;
  border: none;
  outline: none;
}
.ant-input-affix-wrapper > input.ant-input:focus {
  box-shadow: none !important;
}
.ant-input-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-prefix,
.ant-input-suffix {
  display: flex;
  flex: none;
  align-items: center;
}
.ant-input-prefix > *:not(:last-child),
.ant-input-suffix > *:not(:last-child) {
  margin-right: 8px;
}
.ant-input-show-count-suffix {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-show-count-has-suffix {
  margin-right: 2px;
}
.ant-input-prefix {
  margin-right: 4px;
}
.ant-input-suffix {
  margin-left: 4px;
}
.anticon.ant-input-clear-icon,
.ant-input-clear-icon {
  margin: 0;
  color: #C9C9C9;
  font-size: 12px;
  vertical-align: -1px;
  cursor: pointer;
  transition: color 0.3s;
}
.anticon.ant-input-clear-icon:hover,
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.anticon.ant-input-clear-icon:active,
.ant-input-clear-icon:active {
  color: #262626;
}
.anticon.ant-input-clear-icon-hidden,
.ant-input-clear-icon-hidden {
  visibility: hidden;
}
.anticon.ant-input-clear-icon-has-suffix,
.ant-input-clear-icon-has-suffix {
  margin: 0 4px;
}
.ant-input-affix-wrapper-textarea-with-clear-btn {
  padding: 0 !important;
  border: 0 !important;
}
.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: var(--lowestBg);
  border-color: #E33E38;
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-error .ant-input-prefix {
  color: #E33E38;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus,
.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-status-warning .ant-input-prefix {
  color: #FFAB00;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: var(--lowestBg);
  border-color: #E33E38;
}
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-error .ant-input-prefix {
  color: #E33E38;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  background: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-affix-wrapper-status-warning .ant-input-prefix {
  color: #FFAB00;
}
.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input {
  padding-right: 24px;
}
.ant-input-group-wrapper-status-error .ant-input-group-addon {
  color: #E33E38;
  border-color: #E33E38;
}
.ant-input-group-wrapper-status-warning .ant-input-group-addon {
  color: #FFAB00;
  border-color: #FFAB00;
}
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input:focus,
.ant-input-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input:focus,
.ant-input-rtl .ant-input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-borderless,
.ant-input-borderless:hover,
.ant-input-borderless:focus,
.ant-input-borderless-focused,
.ant-input-borderless-disabled,
.ant-input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-sm {
  padding: 0 5px;
}
.ant-input-rtl {
  direction: rtl;
}
.ant-input .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-input .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-input .err.ant-input,
.ant-input .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-input .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-input .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-input .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-group .ant-input:hover {
  z-index: 0;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -1px -5px;
}
.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selector,
.ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #7B67EE;
}
.ant-input-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
.ant-input-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
.ant-input-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  padding: 0 5px;
}
.ant-input-group-lg .ant-select-single .ant-select-selector {
  height: 48px;
}
.ant-input-group-sm .ant-select-single .ant-select-selector {
  height: 32px;
}
.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group.ant-input-group-compact {
  display: block;
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact::before {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 4px 0 0 4px;
}
.ant-input-group > .ant-input-rtl:first-child,
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid transparent;
  border-left: 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid transparent;
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group > .ant-input:last-child,
.ant-input-group-rtl.ant-input-group-addon:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-group > .ant-input-rtl:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-group > .ant-input-rtl:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-group-rtl .ant-input-group-addon:first-child {
  border-right: 1px solid transparent;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-group-rtl .ant-input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid transparent;
  border-radius: 4px 0 0 4px;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-password-icon.anticon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon.anticon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-input[type='color'] {
  height: 40px;
}
.ant-input[type='color'].ant-input-lg {
  height: 48px;
}
.ant-input[type='color'].ant-input-sm {
  height: 32px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ant-input-textarea-show-count > .ant-input {
  height: 100%;
}
.ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
}
.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
  margin-bottom: -22px;
}
.ant-input-textarea-suffix {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input:focus {
  border-color: #a693fa;
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left-color: #a693fa;
}
.ant-input-search .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-search .ant-input-lg {
  line-height: 1.5713;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
  left: -1px;
  padding: 0;
  border: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ant-input-search-button {
  height: 40px;
}
.ant-input-search-button:hover,
.ant-input-search-button:focus {
  z-index: 1;
}
.ant-input-search-large .ant-input-search-button {
  height: 48px;
}
.ant-input-search-small .ant-input-search-button {
  height: 32px;
}
.ant-input-group-wrapper-rtl {
  direction: rtl;
}
.ant-input-group-rtl {
  direction: rtl;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
  border: none;
  outline: none;
}
.ant-input-affix-wrapper-rtl .ant-input-prefix {
  margin: 0 0 0 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-suffix {
  margin: 0 4px 0 0;
}
.ant-input-textarea-rtl {
  direction: rtl;
}
.ant-input-textarea-rtl.ant-input-textarea-show-count::after {
  text-align: left;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-input-affix-wrapper-rtl .ant-input-clear-icon {
  right: auto;
  left: 8px;
}
.ant-input-search-rtl {
  direction: rtl;
}
.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-right-color: #a693fa;
  border-left-color: #d9d9d9;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
  border-right-color: #a693fa;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
  right: -1px;
  left: auto;
}
.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 4px 0 0 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-input {
    height: 40px;
  }
  .ant-input-lg {
    height: 48px;
  }
  .ant-input-sm {
    height: 32px;
  }
  .ant-input-affix-wrapper > input.ant-input {
    height: auto;
  }
}
.ant-input-number-affix-wrapper {
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-flex;
  width: 90px;
  padding: 0;
  padding-inline-start: 5px;
}
.ant-input-number-affix-wrapper::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-affix-wrapper:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-affix-wrapper:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number-affix-wrapper:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number-affix-wrapper:focus,
.ant-input-rtl .ant-input-number-affix-wrapper-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-affix-wrapper[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-number-affix-wrapper-borderless,
.ant-input-number-affix-wrapper-borderless:hover,
.ant-input-number-affix-wrapper-borderless:focus,
.ant-input-number-affix-wrapper-borderless-focused,
.ant-input-number-affix-wrapper-borderless-disabled,
.ant-input-number-affix-wrapper-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number-affix-wrapper {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-affix-wrapper-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-number-affix-wrapper-sm {
  padding: 0 5px;
}
.ant-input-number-affix-wrapper-rtl {
  direction: rtl;
}
.ant-input-number-affix-wrapper .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-input-number-affix-wrapper .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-input-number-affix-wrapper .err.ant-input,
.ant-input-number-affix-wrapper .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-input-number-affix-wrapper .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-input-number-affix-wrapper .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-input-number-affix-wrapper .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-color: #a693fa;
  border-right-width: 1px;
  z-index: 1;
}
.ant-input-rtl .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-affix-wrapper-focused,
.ant-input-number-affix-wrapper:focus {
  z-index: 1;
}
.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
  background: transparent;
}
.ant-input-number-affix-wrapper > div.ant-input-number {
  width: 100%;
  border: none;
  outline: none;
}
.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
  box-shadow: none !important;
}
.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding: 0;
}
.ant-input-number-affix-wrapper::before {
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
  z-index: 2;
}
.ant-input-number-prefix,
.ant-input-number-suffix {
  display: flex;
  flex: none;
  align-items: center;
  pointer-events: none;
}
.ant-input-number-prefix {
  margin-inline-end: 4px;
}
.ant-input-number-suffix {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 100%;
  margin-right: 5px;
  margin-left: 4px;
}
.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
  width: 100%;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: var(--lowestBg);
  border-color: #E33E38;
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-error .ant-input-number-prefix {
  color: #E33E38;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
  background: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-status-warning .ant-input-number-prefix {
  color: #FFAB00;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: var(--lowestBg);
  border-color: #E33E38;
}
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
  color: #E33E38;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
  background: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
  color: #FFAB00;
}
.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
  color: #E33E38;
  border-color: #E33E38;
}
.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
  color: #FFAB00;
  border-color: #FFAB00;
}
.ant-input-number {
  box-sizing: border-box;
  color: #262626;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ant-input-number::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-input-number:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number:focus,
.ant-input-number-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number:focus,
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-number[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-number-borderless,
.ant-input-number-borderless:hover,
.ant-input-number-borderless:focus,
.ant-input-number-borderless-focused,
.ant-input-number-borderless-disabled,
.ant-input-number-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-number-sm {
  padding: 0 5px;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-input-number .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-input-number .err.ant-input,
.ant-input-number .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-input-number .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-input-number .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-input-number .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-input-number-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-number-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-number-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-number-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap,
.ant-input-number-group > .ant-input-number {
  display: table-cell;
}
.ant-input-number-group-addon:not(:first-child):not(:last-child),
.ant-input-number-group-wrap:not(:first-child):not(:last-child),
.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-number-group-addon,
.ant-input-number-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-number-group-wrap > * {
  display: block !important;
}
.ant-input-number-group .ant-input-number {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-number-group .ant-input-number:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-number-group .ant-input-number:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
  z-index: 0;
}
.ant-input-number-group-addon {
  position: relative;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-number-group-addon .ant-select {
  margin: -1px -5px;
}
.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-number-group-addon .ant-select-open .ant-select-selector,
.ant-input-number-group-addon .ant-select-focused .ant-select-selector {
  color: #7B67EE;
}
.ant-input-number-group-addon .ant-cascader-picker {
  margin: -9px -12px;
  background-color: transparent;
}
.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
  text-align: left;
  border: 0;
  box-shadow: none;
}
.ant-input-number-group > .ant-input-number:first-child,
.ant-input-number-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-number-group-addon:first-child {
  border-right: 0;
}
.ant-input-number-group-addon:last-child {
  border-left: 0;
}
.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
.ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group-lg .ant-input-number,
.ant-input-number-group-lg > .ant-input-number-group-addon {
  padding: 0 5px;
  font-size: 16px;
}
.ant-input-number-group-sm .ant-input-number,
.ant-input-number-group-sm > .ant-input-number-group-addon {
  padding: 0 5px;
}
.ant-input-number-group-lg .ant-select-single .ant-select-selector {
  height: 48px;
}
.ant-input-number-group-sm .ant-select-single .ant-select-selector {
  height: 32px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact {
  display: block;
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::before {
  display: table;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact::after {
  display: table;
  clear: both;
  content: '';
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
  display: inline-flex;
}
.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-number {
  float: none;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
  z-index: 1;
}
.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
  margin-left: -1px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
  border-radius: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group > .ant-input-number-rtl:first-child,
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid transparent;
  border-left: 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid transparent;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
.ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
  margin-right: 0;
  margin-left: -1px;
  border-left-width: 1px;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
  border-left-width: 1px;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
  margin-right: -1px;
  margin-left: 0;
}
.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group > .ant-input-number-rtl:first-child {
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group > .ant-input-number-rtl:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
  border-right: 1px solid transparent;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid transparent;
  border-radius: 4px 0 0 4px;
}
.ant-input-number-group-wrapper {
  display: inline-block;
  text-align: start;
  vertical-align: top;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  border-left: 1px solid #d9d9d9;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #a693fa;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-number:hover + .ant-form-item-children-icon {
  opacity: 0;
  transition: opacity 0.24s linear 0.24s;
}
.ant-input-number-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-input-number-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-input-number-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-readonly .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -webkit-appearance: textfield !important;
          appearance: textfield !important;
}
.ant-input-number-input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
  appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 46px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 30px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  margin-right: 0;
  font-size: 7px;
}
.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-left-width: 0;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap,
.ant-input-number-focused .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-borderless .ant-input-number-handler-down {
  border-top-width: 0;
}
.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
  border-top: 1px solid #d9d9d9;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: #C9C9C9;
}
.ant-input-number-borderless {
  box-shadow: none;
}
.ant-input-number-out-of-range input {
  color: #E33E38;
}
.ant-input-number-rtl {
  direction: rtl;
}
.ant-input-number-rtl .ant-input-number-handler {
  border-right: 1px solid #d9d9d9;
  border-left: 0;
}
.ant-input-number-rtl .ant-input-number-handler-wrap {
  right: auto;
  left: 0;
}
.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
  border-right-width: 0;
}
.ant-input-number-rtl .ant-input-number-handler-up {
  border-top-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-handler-down {
  border-bottom-right-radius: 0;
}
.ant-input-number-rtl .ant-input-number-input {
  direction: ltr;
  text-align: right;
}
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: 0;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  color: #262626;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #262626;
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
  width: auto;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-layout-sider-zero-width-trigger:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #262626;
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #262626;
  background: #fff;
}
.ant-layout-rtl {
  direction: rtl;
}
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: #C9C9C9;
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  color: #262626;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
  width: 0;
  color: #262626;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #262626;
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-meta-title > a {
  color: #262626;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #7B67EE;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  text-align: center;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #f0f0f0;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-split.ant-list-empty .ant-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-item {
  padding: 16px 24px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-list-rtl {
  direction: rtl;
  text-align: right;
}
.ant-list-rtl .ReactVirtualized__List .ant-list-item {
  direction: rtl;
}
.ant-list-rtl .ant-list-pagination {
  text-align: left;
}
.ant-list-rtl .ant-list-item-meta-avatar {
  margin-right: 0;
  margin-left: 16px;
}
.ant-list-rtl .ant-list-item-action {
  margin-right: 48px;
  margin-left: 0;
}
.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list-item-action-split {
  right: auto;
  left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
  margin-right: 40px;
  margin-left: 0;
}
.ant-list-rtl.ant-list-vertical .ant-list-item-action {
  margin-right: auto;
}
.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
  padding-right: 0;
  padding-left: 16px;
}
.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: left;
}
@media screen and (max-width: 768px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 24px;
    margin-left: 0;
  }
  .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
    margin-right: 24px;
    margin-left: 0;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-rtl .ant-list-item-action {
    margin-right: 22px;
    margin-left: 0;
  }
  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: var(--lowestBg);
  border-color: #E33E38;
}
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-error .ant-input-prefix {
  color: #E33E38;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover {
  background: var(--lowestBg);
  border-color: #FFAB00;
}
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus,
.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-mentions-status-warning .ant-input-prefix {
  color: #FFAB00;
}
.ant-mentions {
  box-sizing: border-box;
  margin: 0;
  color: #262626;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5715;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-mentions:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions:focus,
.ant-mentions-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-mentions:focus,
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-mentions[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-mentions-borderless,
.ant-mentions-borderless:hover,
.ant-mentions-borderless:focus,
.ant-mentions-borderless-focused,
.ant-mentions-borderless-disabled,
.ant-mentions-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-mentions-sm {
  padding: 0 5px;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-mentions .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-mentions .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-mentions .err.ant-input,
.ant-mentions .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-mentions .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-mentions .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-mentions .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-mentions-disabled > textarea {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-mentions-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-mentions-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 38px;
  margin: 0;
  padding: 0 5px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 5px 12px;
  overflow: hidden;
  color: #262626;
  font-weight: normal;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: #C9C9C9;
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: #262626;
  font-weight: normal;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #f5f5f5;
}
.ant-mentions-suffix {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: auto;
}
.ant-mentions-rtl {
  direction: rtl;
}
.ant-menu-item-danger.ant-menu-item {
  color: #E33E38;
}
.ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-item-danger.ant-menu-item-active {
  color: #E33E38;
}
.ant-menu-item-danger.ant-menu-item:active {
  background: #fff1f0;
}
.ant-menu-item-danger.ant-menu-item-selected {
  color: #E33E38;
}
.ant-menu-item-danger.ant-menu-item-selected > a,
.ant-menu-item-danger.ant-menu-item-selected > a:hover {
  color: #E33E38;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  background-color: #fff1f0;
}
.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
  border-right-color: #E33E38;
}
.ant-menu-dark .ant-menu-item-danger.ant-menu-item,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
  color: #E33E38;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
  color: #fff;
  background-color: #E33E38;
}
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: #262626;
  font-size: 14px;
  line-height: 0;
  text-align: left;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu::before {
  display: table;
  content: '';
}
.ant-menu::after {
  display: table;
  clear: both;
  content: '';
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #f4f0ff;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-overflow {
  display: flex;
}
.ant-menu-overflow-item {
  flex: none;
}
.ant-menu-hidden,
.ant-menu-submenu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  height: 1.5715;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  transition: all 0.3s;
}
.ant-menu-horizontal .ant-menu-submenu {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #7B67EE;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f5f0ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-title-content {
  transition: color 0.3s;
}
.ant-menu-item a {
  color: #262626;
}
.ant-menu-item a:hover {
  color: #7B67EE;
}
.ant-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge a {
  color: #262626;
}
.ant-menu-item > .ant-badge a:hover {
  color: #7B67EE;
}
.ant-menu-item-divider {
  overflow: hidden;
  line-height: 0;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 1px 0 0;
}
.ant-menu-item-divider-dashed {
  border-style: dashed;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #7B67EE;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #7B67EE;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f5f0ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #f0f0f0;
}
.ant-menu-vertical-right {
  border-left: 1px solid #f0f0f0;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  max-height: calc(100vh - 100px);
  padding: 0;
  overflow: hidden;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu-title {
  transition: border-color 0.3s, background 0.3s;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .ant-menu-item-icon,
.ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 10px;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
}
.ant-menu-item .ant-menu-item-icon.svg,
.ant-menu-submenu-title .ant-menu-item-icon.svg {
  vertical-align: -0.125em;
}
.ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
  margin-right: 0;
}
.ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
  box-shadow: 0 0 0 2px #f4f0ff;
}
.ant-menu > .ant-menu-item-divider {
  margin: 1px 0;
  padding: 0;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: transparent;
  border-radius: 4px;
  box-shadow: none;
  transform-origin: 0 0;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu-placement-rightTop::before {
  top: 0;
  left: -7px;
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-popup > .ant-menu {
  background-color: #fff;
}
.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  color: #262626;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-arrow::before,
.ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background-color: currentcolor;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2.5px);
}
.ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2.5px);
}
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon,
.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  color: #7B67EE;
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2.5px);
}
.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2.5px);
}
.ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2.5px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2.5px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #7B67EE;
}
.ant-menu-horizontal {
  line-height: 46px;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  box-shadow: none;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
  margin-top: -1px;
  margin-bottom: 0;
  padding: 0 20px;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
  color: #7B67EE;
}
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
  border-bottom: 2px solid #7B67EE;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
}
.ant-menu-horizontal > .ant-menu-item::after,
.ant-menu-horizontal > .ant-menu-submenu::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0;
}
.ant-menu-horizontal > .ant-menu-item a {
  color: #262626;
}
.ant-menu-horizontal > .ant-menu-item a:hover {
  color: #7B67EE;
}
.ant-menu-horizontal > .ant-menu-item a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected a {
  color: #7B67EE;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #7B67EE;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline.ant-menu-root .ant-menu-item,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content {
  flex: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  flex: none;
}
.ant-menu.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 calc(50% - 16px / 2);
  text-overflow: clip;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  opacity: 0;
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed .anticon {
  display: inline-block;
}
.ant-menu.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
.ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon,
.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon {
  font-size: 16px;
  text-align: center;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  background: #fafafa;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: #C9C9C9 !important;
  background: none;
  cursor: not-allowed;
}
.ant-menu-item-disabled::after,
.ant-menu-submenu-disabled::after {
  border-color: transparent !important;
}
.ant-menu-item-disabled a,
.ant-menu-submenu-disabled a {
  color: #C9C9C9 !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: #C9C9C9 !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: #C9C9C9 !important;
}
.ant-layout-header .ant-menu {
  line-height: inherit;
}
.ant-menu-inline-collapsed-tooltip a,
.ant-menu-inline-collapsed-tooltip a:hover {
  color: #fff;
}
.ant-menu-light .ant-menu-item:hover,
.ant-menu-light .ant-menu-item-active,
.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-light .ant-menu-submenu-active,
.ant-menu-light .ant-menu-submenu-title:hover {
  color: #7B67EE;
}
.ant-menu.ant-menu-root:focus-visible {
  box-shadow: 0 0 0 2px #5a4cc7;
}
.ant-menu-dark .ant-menu-item:focus-visible,
.ant-menu-dark .ant-menu-submenu-title:focus-visible {
  box-shadow: 0 0 0 2px #5a4cc7;
}
.ant-menu.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.ant-menu.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  padding: 0 20px;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
  background-color: #7B67EE;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a,
.ant-menu-dark .ant-menu-item > span > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a,
.ant-menu-dark .ant-menu-item:hover > span > a,
.ant-menu-dark .ant-menu-item-active > span > a,
.ant-menu-dark .ant-menu-submenu-active > span > a,
.ant-menu-dark .ant-menu-submenu-open > span > a,
.ant-menu-dark .ant-menu-submenu-selected > span > a,
.ant-menu-dark .ant-menu-submenu-title:hover > span > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #7B67EE;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #7B67EE;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a,
.ant-menu-dark .ant-menu-item-disabled > span > a,
.ant-menu-dark .ant-menu-submenu-disabled > span > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu.ant-menu-rtl {
  direction: rtl;
  text-align: right;
}
.ant-menu-rtl .ant-menu-item-group-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline,
.ant-menu-rtl.ant-menu-vertical {
  border-right: none;
  border-left: 1px solid #f0f0f0;
}
.ant-menu-rtl.ant-menu-dark.ant-menu-inline,
.ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
  border-left: none;
}
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: top right;
}
.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item .anticon,
.ant-menu-rtl .ant-menu-submenu-title .anticon {
  margin-right: auto;
  margin-left: 10px;
}
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon,
.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
  margin-left: 0;
}
.ant-menu-submenu-rtl.ant-menu-submenu-popup {
  transform-origin: 100% 0;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: auto;
  left: 16px;
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateY(-2px);
}
.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateY(2px);
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
  right: auto;
  left: 0;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
.ant-menu-rtl.ant-menu-inline .ant-menu-item,
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  text-align: right;
}
.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 0;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
  padding-right: 16px;
  padding-left: 34px;
}
.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
  padding: 0 calc(50% - 16px / 2);
}
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 28px 0 16px;
}
.ant-menu-sub.ant-menu-inline {
  border: 0;
}
.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-right: 32px;
  padding-left: 0;
}
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 8px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #30C28B;
}
.ant-message-error .anticon {
  color: #E33E38;
}
.ant-message-warning .anticon {
  color: #FFAB00;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #7B67EE;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px;
}
.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-message-rtl {
  direction: rtl;
}
.ant-message-rtl span {
  direction: rtl;
}
.ant-message-rtl .anticon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  pointer-events: none;
  position: relative;
  top: 100px;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding-bottom: 24px;
}
.ant-modal.ant-zoom-enter,
.ant-modal.ant-zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  outline: 0;
  z-index: 1000;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 54px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #262626;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #f0f0f0;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body-wrapper::before {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #262626;
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  margin-top: 24px;
  text-align: right;
}
.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #E33E38;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #FFAB00;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #7B67EE;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #30C28B;
}
.ant-modal-wrap-rtl {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-close {
  right: initial;
  left: 0;
}
.ant-modal-wrap-rtl .ant-modal-footer {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body {
  direction: rtl;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-right: 38px;
  margin-left: 0;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns {
  text-align: left;
}
.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
  margin-right: 8px;
  margin-left: 0;
}
.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
  text-align: right;
}
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  margin-right: 24px;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-hook-holder {
  position: relative;
}
.ant-notification-notice {
  position: relative;
  width: 384px;
  max-width: calc(100vw - 24px * 2);
  margin-bottom: 16px;
  margin-left: auto;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5715;
  word-wrap: break-word;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-notification-top .ant-notification-notice,
.ant-notification-bottom .ant-notification-notice {
  margin-right: auto;
  margin-left: auto;
}
.ant-notification-topLeft .ant-notification-notice,
.ant-notification-bottomLeft .ant-notification-notice {
  margin-right: auto;
  margin-left: 0;
}
.ant-notification-notice-message {
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #30C28B;
}
.anticon.ant-notification-notice-icon-info {
  color: #7B67EE;
}
.anticon.ant-notification-notice-icon-warning {
  color: #FFAB00;
}
.anticon.ant-notification-notice-icon-error {
  color: #E33E38;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  opacity: 0;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-notification-rtl {
  direction: rtl;
}
.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 0;
  padding-left: 24px;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-right: 48px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-icon {
  margin-right: 4px;
  margin-left: 0;
}
.ant-notification-rtl .ant-notification-notice-close {
  right: auto;
  left: 22px;
}
.ant-notification-rtl .ant-notification-notice-btn {
  float: left;
}
.ant-notification-top,
.ant-notification-bottom {
  margin-right: 0;
  margin-left: 0;
}
.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationTopFadeIn;
}
.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationBottomFadeIn;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
@keyframes NotificationTopFadeIn {
  0% {
    margin-top: -100%;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes NotificationBottomFadeIn {
  0% {
    margin-bottom: -100%;
    opacity: 0;
  }
  100% {
    margin-bottom: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
.ant-page-header {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #7B67EE;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  color: #000;
}
.ant-page-header-back-button:focus-visible,
.ant-page-header-back-button:hover {
  color: #a693fa;
}
.ant-page-header-back-button:active {
  color: #5a4cc7;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  display: flex;
  justify-content: space-between;
}
.ant-page-header-heading-left {
  display: flex;
  align-items: center;
  margin: 4px 0;
  overflow: hidden;
}
.ant-page-header-heading-title {
  margin-right: 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading .ant-avatar {
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5715;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-page-header-heading-extra {
  margin: 4px 0;
  white-space: nowrap;
}
.ant-page-header-heading-extra > * {
  white-space: unset;
}
.ant-page-header-content {
  padding-top: 12px;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav {
  margin: 0;
}
.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
  border: none;
}
.ant-page-header-footer .ant-tabs .ant-tabs-tab {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}
.ant-page-header-compact .ant-page-header-heading {
  flex-wrap: wrap;
}
.ant-page-header-rtl {
  direction: rtl;
}
.ant-page-header-rtl .ant-page-header-back {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-page-header-rtl .ant-page-header-heading-title {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading .ant-avatar {
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-sub-title {
  float: right;
  margin-right: 0;
  margin-left: 12px;
}
.ant-page-header-rtl .ant-page-header-heading-tags {
  float: right;
}
.ant-page-header-rtl .ant-page-header-heading-extra {
  float: left;
}
.ant-page-header-rtl .ant-page-header-heading-extra > * {
  margin-right: 12px;
  margin-left: 0;
}
.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
  margin-right: 0;
}
.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
  float: right;
}
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #262626;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:hover {
  border-color: #7B67EE;
  transition: all 0.3s;
}
.ant-pagination-item:hover a {
  color: #7B67EE;
}
.ant-pagination-item:focus-visible {
  border-color: #7B67EE;
  transition: all 0.3s;
}
.ant-pagination-item:focus-visible a {
  color: #7B67EE;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #7B67EE;
}
.ant-pagination-item-active a {
  color: #7B67EE;
}
.ant-pagination-item-active:hover {
  border-color: #a693fa;
}
.ant-pagination-item-active:focus-visible {
  border-color: #a693fa;
}
.ant-pagination-item-active:hover a {
  color: #a693fa;
}
.ant-pagination-item-active:focus-visible a {
  color: #a693fa;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #7B67EE;
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: #C9C9C9;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #262626;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: #262626;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover button,
.ant-pagination-next:hover button {
  border-color: #a693fa;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus-visible .ant-pagination-item-link,
.ant-pagination-next:focus-visible .ant-pagination-item-link {
  color: #7B67EE;
  border-color: #7B67EE;
}
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #7B67EE;
  border-color: #7B67EE;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover {
  cursor: not-allowed;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  color: #C9C9C9;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.ant-pagination-disabled:focus-visible .ant-pagination-item-link {
  color: #C9C9C9;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media all and (-ms-high-contrast: none) {
  .ant-pagination-options *::-ms-backdrop,
  .ant-pagination-options {
    vertical-align: top;
  }
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 40px;
  margin-left: 8px;
  line-height: 40px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  padding: 0 5px;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 1.5715;
  background-color: var(--lowestBg);
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  height: 40px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::placeholder {
  color: #bfbfbf;
  -webkit-user-select: none;
          user-select: none;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus,
.ant-pagination-options-quick-jumper input-focused {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
.ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-pagination-options-quick-jumper input-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: transparent;
  border-right-width: 1px;
}
.ant-pagination-options-quick-jumper input-borderless,
.ant-pagination-options-quick-jumper input-borderless:hover,
.ant-pagination-options-quick-jumper input-borderless:focus,
.ant-pagination-options-quick-jumper input-borderless-focused,
.ant-pagination-options-quick-jumper input-borderless-disabled,
.ant-pagination-options-quick-jumper input-borderless[disabled] {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5715;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  padding: 0 5px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  padding: 0 5px;
}
.ant-pagination-options-quick-jumper input-rtl {
  direction: rtl;
}
.ant-pagination-options-quick-jumper input .ant-input {
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid var(--lineColor);
  padding: 0;
  outline: none;
  height: 100%;
  width: 100%;
  font-size: 14px;
}
.ant-pagination-options-quick-jumper input .ant-input::placeholder {
  color: var(--lineColor) !important;
}
.ant-pagination-options-quick-jumper input .err.ant-input,
.ant-pagination-options-quick-jumper input .err .ant-input {
  border-bottom: 1px solid red;
}
.ant-pagination-options-quick-jumper input .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-bottom: 1px solid var(--lineColor);
}
.ant-pagination-options-quick-jumper input .ant-input:focus {
  border: none;
  box-shadow: none;
}
.ant-pagination-options-quick-jumper input .ant-input[disabled] {
  color: var(--thirdLevelText);
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  background-color: transparent;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #7B67EE;
}
.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
}
.ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
  color: #C9C9C9;
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-mini .ant-pagination-total-text,
.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
  top: 0px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input {
  padding: 0 5px;
  width: 44px;
  height: 32px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: #C9C9C9;
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #e6e6e6;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #C9C9C9;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  color: #C9C9C9;
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
  background: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
  opacity: 1;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
  color: #C9C9C9;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-pagination-rtl .ant-pagination-total-text {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-item,
.ant-pagination-rtl .ant-pagination-prev,
.ant-pagination-rtl .ant-pagination-jump-prev,
.ant-pagination-rtl .ant-pagination-jump-next {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-slash {
  margin: 0 5px 0 10px;
}
.ant-pagination-rtl .ant-pagination-options {
  margin-right: 16px;
  margin-left: 0;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
  margin-left: 0;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
  margin-right: 0;
  margin-left: 8px;
}
.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
  margin-right: 2px;
  margin-left: 0;
}
.ant-popconfirm {
  z-index: 1060;
}
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
          user-select: text;
}
.ant-popover-content {
  position: relative;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #262626;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #262626;
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8.0005px;
  color: #FFAB00;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button:not(:first-child) {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 14.48528137px;
  height: 14.48528137px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-popover-arrow-content::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -5px -5px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
          clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
}
.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-7.24264069px) rotate(45deg);
}
.ant-popover-placement-top .ant-popover-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-popover-placement-topLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(7.24264069px) rotate(135deg);
}
.ant-popover-placement-right .ant-popover-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-popover-placement-rightTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
  transform: translateY(7.24264069px) rotate(-135deg);
}
.ant-popover-placement-bottom .ant-popover-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-popover-placement-bottomLeft .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-7.24264069px) rotate(-45deg);
}
.ant-popover-placement-left .ant-popover-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-popover-placement-leftTop .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-pink .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-pink .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-inner {
  background-color: #eb2f96;
}
.ant-popover-magenta .ant-popover-arrow-content {
  background-color: #eb2f96;
}
.ant-popover-red .ant-popover-inner {
  background-color: #f5222d;
}
.ant-popover-red .ant-popover-arrow-content {
  background-color: #f5222d;
}
.ant-popover-volcano .ant-popover-inner {
  background-color: #fa541c;
}
.ant-popover-volcano .ant-popover-arrow-content {
  background-color: #fa541c;
}
.ant-popover-orange .ant-popover-inner {
  background-color: #fa8c16;
}
.ant-popover-orange .ant-popover-arrow-content {
  background-color: #fa8c16;
}
.ant-popover-yellow .ant-popover-inner {
  background-color: #fadb14;
}
.ant-popover-yellow .ant-popover-arrow-content {
  background-color: #fadb14;
}
.ant-popover-gold .ant-popover-inner {
  background-color: #faad14;
}
.ant-popover-gold .ant-popover-arrow-content {
  background-color: #faad14;
}
.ant-popover-cyan .ant-popover-inner {
  background-color: #13c2c2;
}
.ant-popover-cyan .ant-popover-arrow-content {
  background-color: #13c2c2;
}
.ant-popover-lime .ant-popover-inner {
  background-color: #a0d911;
}
.ant-popover-lime .ant-popover-arrow-content {
  background-color: #a0d911;
}
.ant-popover-green .ant-popover-inner {
  background-color: #52c41a;
}
.ant-popover-green .ant-popover-arrow-content {
  background-color: #52c41a;
}
.ant-popover-blue .ant-popover-inner {
  background-color: #1890ff;
}
.ant-popover-blue .ant-popover-arrow-content {
  background-color: #1890ff;
}
.ant-popover-geekblue .ant-popover-inner {
  background-color: #2f54eb;
}
.ant-popover-geekblue .ant-popover-arrow-content {
  background-color: #2f54eb;
}
.ant-popover-purple .ant-popover-inner {
  background-color: #722ed1;
}
.ant-popover-purple .ant-popover-arrow-content {
  background-color: #722ed1;
}
.ant-popover-rtl {
  direction: rtl;
  text-align: right;
}
.ant-popover-rtl .ant-popover-message-title {
  padding-right: 22px;
  padding-left: 16px;
}
.ant-popover-rtl .ant-popover-buttons {
  text-align: left;
}
.ant-popover-rtl .ant-popover-buttons button {
  margin-right: 8px;
  margin-left: 0;
}
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-steps {
  display: inline-block;
}
.ant-progress-steps-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-progress-steps-item {
  flex-shrink: 0;
  min-width: 2px;
  margin-right: 2px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.ant-progress-steps-item-active {
  background: #1890ff;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #30C28B;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: #262626;
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #E33E38;
}
.ant-progress-status-exception .ant-progress-text {
  color: #E33E38;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #E33E38;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #30C28B;
}
.ant-progress-status-success .ant-progress-text {
  color: #30C28B;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #30C28B;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 1em;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #E33E38;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #30C28B;
}
@keyframes ant-progress-active {
  0% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.1;
  }
  20% {
    transform: translateX(-100%) scaleX(0);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0) scaleX(1);
    opacity: 0;
  }
}
.ant-progress-rtl {
  direction: rtl;
}
.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
  margin-right: 0;
  margin-left: calc(-2em - 8px);
  padding-right: 0;
  padding-left: calc(2em + 8px);
}
.ant-progress-rtl .ant-progress-success-bg {
  right: 0;
  left: auto;
}
.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
  margin-right: 8px;
  margin-left: 0;
  text-align: right;
}
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  font-size: 0;
}
.ant-radio-group .ant-badge-count {
  z-index: 1;
}
.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
  border-left: none;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-flex;
  align-items: baseline;
  margin-right: 8px;
  cursor: pointer;
}
.ant-radio-wrapper-disabled {
  cursor: not-allowed;
}
.ant-radio-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] {
  width: 14px;
  height: 14px;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #7B67EE;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px none;
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #7B67EE;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-color: #7B67EE;
  border-top: 0;
  border-left: 0;
  border-radius: 16px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio.ant-radio-disabled .ant-radio-inner {
  border-color: #d9d9d9;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #7B67EE;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(0.5);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled {
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: #C9C9C9;
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: #262626;
  font-size: 14px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left-width: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.ant-radio-button-wrapper a {
  color: #262626;
}
.ant-radio-button-wrapper > .ant-radio-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 48px;
  font-size: 16px;
  line-height: 46px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 32px;
  padding: 0 7px;
  line-height: 30px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: content-box;
  width: 1px;
  height: 100%;
  padding: 1px 0;
  background-color: #d9d9d9;
  transition: background-color 0.3s;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #7B67EE;
}
.ant-radio-button-wrapper:focus-within {
  box-shadow: 0 0 0 3px none;
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #7B67EE;
  background: #fff;
  border-color: #7B67EE;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #7B67EE;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #7B67EE;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #a693fa;
  border-color: #a693fa;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
  background-color: #a693fa;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #5a4cc7;
  border-color: #5a4cc7;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
  background-color: #5a4cc7;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px none;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #7B67EE;
  border-color: #7B67EE;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #a693fa;
  border-color: #a693fa;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #5a4cc7;
  border-color: #5a4cc7;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0 0 3px none;
}
.ant-radio-button-wrapper-disabled {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: #C9C9C9;
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #C9C9C9;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-radio-group.ant-radio-group-rtl {
  direction: rtl;
}
.ant-radio-wrapper.ant-radio-wrapper-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
  border-right-width: 0;
  border-left-width: 1px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
  right: -1px;
  left: 0;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
  border-right: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
  border-right-color: #a693fa;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
  border-right-color: #d9d9d9;
}
.ant-rate {
  box-sizing: border-box;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star > div:hover {
  transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div {
  transition: all 0.3s, outline 0s;
}
.ant-rate-star > div:hover {
  transform: scale(1.1);
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:focus-visible {
  outline: 1px dashed #fadb14;
  transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #f0f0f0;
  transition: all 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.ant-rate-rtl {
  direction: rtl;
}
.ant-rate-rtl .ant-rate-star:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-rate-rtl .ant-rate-star-first {
  right: 0;
  left: auto;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #30C28B;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #E33E38;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #7B67EE;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #FFAB00;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin: 24px 0 0 0;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-result-rtl {
  direction: rtl;
}
.ant-result-rtl .ant-result-extra > * {
  margin-right: 0;
  margin-left: 8px;
}
.ant-result-rtl .ant-result-extra > *:last-child {
  margin-left: 0;
}
.segmented-disabled-item,
.segmented-disabled-item:hover,
.segmented-disabled-item:focus {
  color: #C9C9C9;
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  padding: 2px;
  color: rgba(0, 0, 0, 0.65);
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.ant-segmented.ant-segmented-block {
  display: flex;
}
.ant-segmented.ant-segmented-block .ant-segmented-item {
  flex: 1;
  min-width: 0;
}
.ant-segmented:not(.ant-segmented-disabled):hover,
.ant-segmented:not(.ant-segmented-disabled):focus {
  background-color: rgba(0, 0, 0, 0.06);
}
.ant-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-segmented-item-selected {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: #262626;
}
.ant-segmented-item:hover,
.ant-segmented-item:focus {
  color: #262626;
}
.ant-segmented-item-label {
  min-height: 36px;
  padding: 0 5px;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-segmented-item-icon + * {
  margin-left: 6px;
}
.ant-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-segmented.ant-segmented-lg .ant-segmented-item-label {
  min-height: 44px;
  padding: 0 5px;
  font-size: 16px;
  line-height: 44px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item-label {
  min-height: 28px;
  padding: 0 5px;
  line-height: 28px;
}
.ant-segmented-item-disabled,
.ant-segmented-item-disabled:hover,
.ant-segmented-item-disabled:focus {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-segmented-thumb {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.ant-segmented-thumb-motion-appear-active {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform, width;
}
.ant-segmented.ant-segmented-rtl {
  direction: rtl;
}
.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
  margin-right: 0;
  margin-left: 6px;
}
.ant-select-single .ant-select-selector {
  display: flex;
}
.ant-select-single .ant-select-selector .ant-select-selection-search {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
}
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
  width: 100%;
}
.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  padding: 0;
  line-height: 38px;
  transition: all 0.3s;
}
.ant-select-single .ant-select-selector .ant-select-selection-item {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  transition: none;
  pointer-events: none;
}
.ant-select-single .ant-select-selector::after,
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '\a0';
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 19px;
}
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 18px;
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  color: #bfbfbf;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  width: 100%;
  height: 40px;
  padding: 0 5px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 38px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
  display: none;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
  position: static;
  width: 100%;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
  position: absolute;
  right: 0;
  left: 0;
  padding: 0 5px;
}
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
  display: none;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  height: 40px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 38px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 38px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  height: 32px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  line-height: 30px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
  height: 30px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
  right: 5px;
  left: 5px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 5px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 26px;
}
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 21px;
}
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
  padding: 0 5px;
}
/**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
.ant-select-selection-overflow {
  position: relative;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  max-width: 100%;
}
.ant-select-selection-overflow-item {
  flex: none;
  align-self: center;
  max-width: 100%;
}
.ant-select-multiple .ant-select-selector {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0;
}
.ant-select-show-search.ant-select-multiple .ant-select-selector {
  cursor: text;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selector::after {
  display: inline-block;
  width: 0;
  margin: 0 0;
  line-height: 40px;
  content: '\a0';
}
.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 24px;
}
.ant-select-multiple .ant-select-selection-item {
  position: relative;
  display: flex;
  flex: none;
  box-sizing: border-box;
  max-width: 100%;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 38px;
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  cursor: default;
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
  -webkit-user-select: none;
          user-select: none;
  margin-inline-end: 0;
  padding-inline-start: 8px;
  padding-inline-end: 4px;
}
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
  color: #bfbfbf;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-select-multiple .ant-select-selection-item-content {
  display: inline-block;
  margin-right: 4px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
}
.ant-select-multiple .ant-select-selection-item-remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  font-size: 10px;
  line-height: inherit;
  cursor: pointer;
}
.ant-select-multiple .ant-select-selection-item-remove > * {
  line-height: 1;
}
.ant-select-multiple .ant-select-selection-item-remove svg {
  display: inline-block;
}
.ant-select-multiple .ant-select-selection-item-remove::before {
  display: none;
}
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
  display: block;
}
.ant-select-multiple .ant-select-selection-item-remove > .anticon {
  vertical-align: middle;
}
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
  margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  margin-inline-start: 5px;
}
.ant-select-multiple .ant-select-selection-search-input,
.ant-select-multiple .ant-select-selection-search-mirror {
  height: 40px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 40px;
  transition: all 0.3s;
}
.ant-select-multiple .ant-select-selection-search-input {
  width: 100%;
  min-width: 4.1px;
}
.ant-select-multiple .ant-select-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden;
}
.ant-select-multiple .ant-select-selection-placeholder {
  position: absolute;
  top: 50%;
  right: 11px;
  left: 11px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
  line-height: 48px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 48px;
  line-height: 46px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
  height: 48px;
  line-height: 48px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
  height: 48px;
  line-height: 46px;
}
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
  line-height: 32px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  height: 32px;
  line-height: 32px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
  height: 32px;
  line-height: 30px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  left: 5px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
  margin-inline-start: 3px;
}
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
  height: 32px;
  line-height: 32px;
}
.ant-select-disabled .ant-select-selection-item-remove {
  display: none;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: var(--rowSelectedBg);
  border-color: #E33E38 !important;
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #f06c62;
  box-shadow: 0 0 0 2px rgba(227, 62, 56, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  background-color: var(--lowestBg);
  border-color: #FFAB00 !important;
}
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
  border-color: #ffbf29;
  box-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
  right: 32px;
}
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
  padding-right: 42px;
}
/* Reset search input style */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  position: relative;
  background-color: var(--rowSelectedBg);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: pointer;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  cursor: text;
}
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: auto;
}
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  color: #C9C9C9;
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background: #f5f5f5;
}
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
  cursor: not-allowed;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
  display: none;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-select-selection-item {
  flex: 1;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-item *::-ms-backdrop,
  .ant-select-selection-item {
    flex: auto;
  }
}
.ant-select-selection-placeholder {
  flex: 1;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none) {
  .ant-select-selection-placeholder *::-ms-backdrop,
  .ant-select-selection-placeholder {
    flex: auto;
  }
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  display: flex;
  align-items: center;
  height: 12px;
  margin-top: -6px;
  color: #C9C9C9;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .anticon {
  vertical-align: top;
  transition: transform 0.3s;
}
.ant-select-arrow .anticon > svg {
  vertical-align: top;
}
.ant-select-arrow .anticon:not(.ant-select-suffix) {
  pointer-events: auto;
}
.ant-select-disabled .ant-select-arrow {
  cursor: not-allowed;
}
.ant-select-arrow > *:not(:last-child) {
  margin-inline-end: 8px;
}
.ant-select-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: #C9C9C9;
  font-size: 12px;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-transform: none;
  background: var(--rowSelectedBg);
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-clear::before {
  display: block;
}
.ant-select-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select:hover .ant-select-clear {
  opacity: 1;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  padding: 4px 0;
  overflow: hidden;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-empty {
  color: #C9C9C9;
}
.ant-select-item-empty {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #C9C9C9;
}
.ant-select-item {
  position: relative;
  display: block;
  min-height: 32px;
  padding: 5px 12px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-item-group {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: default;
}
.ant-select-item-option {
  display: flex;
}
.ant-select-item-option-content {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-item-option-state {
  flex: none;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--rowSelectedBg);
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #262626;
  font-weight: normal;
  background-color: var(--rowSelectedBg);
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #7B67EE;
}
.ant-select-item-option-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-select-item-option-disabled.ant-select-item-option-selected {
  background-color: #f5f5f5;
}
.ant-select-item-option-grouped {
  padding-left: 24px;
}
.ant-select-lg {
  font-size: 16px;
}
.ant-select-borderless .ant-select-selector {
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.ant-select.ant-select-in-form-item {
  width: 100%;
}
.ant-select-rtl {
  direction: rtl;
}
.ant-select-rtl .ant-select-arrow {
  right: initial;
  left: 11px;
}
.ant-select-rtl .ant-select-clear {
  right: initial;
  left: 11px;
}
.ant-select-dropdown-rtl {
  direction: rtl;
}
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
  padding-right: 24px;
  padding-left: 12px;
}
.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding-right: 0;
  padding-left: 24px;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
  margin-right: 0;
  margin-left: 4px;
  text-align: right;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
  right: 0;
  left: auto;
}
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
  right: 11px;
  left: auto;
}
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
  right: 5px;
}
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  right: 0;
  left: 9px;
  text-align: right;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
  right: 5px;
  left: 19px;
}
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 18px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
  right: 4px;
}
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
  padding-right: 0;
  padding-left: 21px;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 100px;
}
.ant-skeleton-active .ant-skeleton-title,
.ant-skeleton-active .ant-skeleton-paragraph > li,
.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-image {
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */
  z-index: 0;
  overflow: hidden;
  background: transparent;
}
.ant-skeleton-active .ant-skeleton-title::after,
.ant-skeleton-active .ant-skeleton-paragraph > li::after,
.ant-skeleton-active .ant-skeleton-avatar::after,
.ant-skeleton-active .ant-skeleton-button::after,
.ant-skeleton-active .ant-skeleton-input::after,
.ant-skeleton-active .ant-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: ant-skeleton-loading 1.4s ease infinite;
  content: '';
}
.ant-skeleton.ant-skeleton-block {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-button {
  width: 100%;
}
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
  width: 100%;
}
.ant-skeleton-element {
  display: inline-block;
  width: auto;
}
.ant-skeleton-element .ant-skeleton-button {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  border-radius: 4px;
  width: 64px;
  min-width: 64px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
  width: 32px;
  min-width: 32px;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
  width: 32px;
  min-width: 32px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
  border-radius: 32px;
}
.ant-skeleton-element .ant-skeleton-button-lg {
  width: 80px;
  min-width: 80px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
  width: 40px;
  min-width: 40px;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
  border-radius: 40px;
}
.ant-skeleton-element .ant-skeleton-button-sm {
  width: 48px;
  min-width: 48px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
  width: 24px;
  min-width: 24px;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
  border-radius: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-input {
  display: inline-block;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-element .ant-skeleton-input-lg {
  width: 240px;
  min-width: 240px;
  height: 48px;
  line-height: 48px;
}
.ant-skeleton-element .ant-skeleton-input-sm {
  width: 160px;
  min-width: 160px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-element .ant-skeleton-image {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  background: rgba(190, 190, 190, 0.2);
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
  border-radius: 50%;
}
.ant-skeleton-element .ant-skeleton-image-path {
  fill: #bfbfbf;
}
.ant-skeleton-element .ant-skeleton-image-svg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  max-width: 192px;
  max-height: 192px;
}
.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
  border-radius: 50%;
}
@keyframes ant-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }
  100% {
    transform: translateX(37.5%);
  }
}
.ant-skeleton-rtl {
  direction: rtl;
}
.ant-skeleton-rtl .ant-skeleton-header {
  padding-right: 0;
  padding-left: 16px;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  animation-name: ant-skeleton-loading-rtl;
}
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  animation-name: ant-skeleton-loading-rtl;
}
@keyframes ant-skeleton-loading-rtl {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 10px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-top: -6px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  margin-left: -2px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
  margin-right: -5px;
  margin-left: 0;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
  right: 12px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
  right: 4px;
  left: auto;
}
.ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
  right: 2px;
  left: auto;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--primaryColor);
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #eee8ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle-dragging {
  z-index: 1;
}
.ant-slider-handle:focus {
  border-color: #9585f1;
  outline: none;
  box-shadow: 0 0 0 5px none;
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #7B67EE;
}
.ant-slider-handle::after {
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  content: '';
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: var(--primaryColor);
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #cdbfff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-slider-mark-text-active {
  color: #262626;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  pointer-events: none;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot-active {
  border-color: #bdb3f7;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-rail {
  background-color: #f5f5f5 !important;
}
.ant-slider-disabled .ant-slider-track {
  background-color: #C9C9C9 !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: #C9C9C9 !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-slider-rtl {
  direction: rtl;
}
.ant-slider-rtl .ant-slider-mark {
  right: 0;
  left: auto;
}
.ant-space {
  display: inline-flex;
}
.ant-space-vertical {
  flex-direction: column;
}
.ant-space-align-center {
  align-items: center;
}
.ant-space-align-start {
  align-items: flex-start;
}
.ant-space-align-end {
  align-items: flex-end;
}
.ant-space-align-baseline {
  align-items: baseline;
}
.ant-space-item:empty {
  display: none;
}
.ant-space-rtl {
  direction: rtl;
}
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #7B67EE;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  opacity: 0.5;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #7B67EE;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(0deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(360deg);
  }
}
.ant-spin-rtl {
  direction: rtl;
}
.ant-spin-rtl .ant-spin-dot-spin {
  transform: rotate(-45deg);
  animation-name: antRotateRtl;
}
@keyframes antRotateRtl {
  to {
    transform: rotate(-405deg);
  }
}
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-skeleton {
  padding-top: 16px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.ant-statistic-content-value {
  display: inline-block;
  direction: ltr;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
}
.ant-statistic-rtl {
  direction: rtl;
}
.ant-statistic-rtl .ant-statistic-content-prefix {
  margin-right: 0;
  margin-left: 4px;
}
.ant-statistic-rtl .ant-statistic-content-suffix {
  margin-right: 4px;
  margin-left: 0;
}
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
  text-align: initial;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  line-height: 32px;
  text-align: center;
  border: 1px solid #C9C9C9;
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon .ant-steps-icon {
  position: relative;
  top: -0.5px;
  color: #7B67EE;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #262626;
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #f0f0f0;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: #C9C9C9;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: #C9C9C9;
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #C9C9C9;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #7B67EE;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #7B67EE;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #7B67EE;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #262626;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
  background: #7B67EE;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #7B67EE;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #7B67EE;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #7B67EE;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #262626;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #7B67EE;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #7B67EE;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #E33E38;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #E33E38;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #E33E38;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #E33E38;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #f0f0f0;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #E33E38;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #f0f0f0;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #E33E38;
}
.ant-steps-item-disabled {
  cursor: not-allowed;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #7B67EE;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #7B67EE;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #7B67EE;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon {
  top: 0px;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #7B67EE;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
  background: none;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-left: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-left: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: flex;
  flex-direction: column;
}
.ant-steps-vertical > .ant-steps-item {
  display: block;
  flex: 1 0 auto;
  padding-left: 0;
  overflow: visible;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
  padding-left: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5715;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5715;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  position: relative;
  top: -1px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  background: none;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 13px;
  margin-left: 0;
  background: none;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 6.5px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-top: 10px;
}
.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 3.5px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
  width: inherit;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
  left: -1px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 2px;
  background-color: #7B67EE;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
  margin-right: 0 !important;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
  display: none;
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before {
  top: 0;
  right: 0;
  left: unset;
  display: block;
  width: 3px;
  height: calc(100% - 24px);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
  position: relative;
  top: -2px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-bottom: 8px;
  text-align: center;
  transform: rotate(135deg);
}
.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  visibility: hidden;
}
.ant-steps-rtl {
  direction: rtl;
}
.ant-steps.ant-steps-rtl .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-steps-rtl .ant-steps-item-tail {
  right: 0;
  left: auto;
}
.ant-steps-rtl .ant-steps-item-title {
  padding-right: 0;
  padding-left: 16px;
}
.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.ant-steps-rtl .ant-steps-item-title::after {
  right: 100%;
  left: auto;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 16px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  right: 0.5px;
  left: auto;
}
.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-right: -12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
  margin-right: -16px;
  margin-left: 0;
  text-align: right;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
  right: 100%;
  left: auto;
  margin-right: -2px;
  margin-left: 0;
  transform: rotate(225deg);
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  padding-right: 12px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
  padding-right: 0;
}
.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
  padding-right: 0;
  padding-left: 12px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
  float: right;
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: 16px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  right: 12px;
  left: auto;
}
.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  margin: 0 70px 0 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  margin-right: 12px;
  margin-left: 0;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  margin-right: 67px;
  margin-left: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  /* expand hover area */
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  float: right;
}
.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  right: -26px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-right: 0;
  margin-left: 16px;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  right: -9px;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  right: 0;
  left: auto;
}
.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  right: -2px;
  left: auto;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
  padding-right: 4px;
}
.ant-steps-with-progress .ant-steps-item {
  padding-top: 4px;
}
.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
  top: 4px !important;
}
.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
  padding-bottom: 4px;
  padding-left: 4px;
}
.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
  top: 14px !important;
}
.ant-steps-with-progress .ant-steps-item-icon {
  position: relative;
}
.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
}
.ant-switch {
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-color: #C9C9C9;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.2s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(201, 201, 201, 0.1);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px #f5f0ff;
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-checked {
  background-color: #7B67EE;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  box-shadow: none;
  cursor: not-allowed;
}
.ant-switch-inner {
  display: block;
  margin: 0 7px 0 25px;
  color: #fff;
  font-size: 12px;
  transition: margin 0.2s;
}
.ant-switch-checked .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
}
.ant-switch-handle::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  transition: all 0.2s ease-in-out;
  content: '';
}
.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 18px - 2px);
}
.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-loading-icon.anticon {
  position: relative;
  top: 2px;
  color: rgba(0, 0, 0, 0.65);
  vertical-align: top;
}
.ant-switch-checked .ant-switch-loading-icon {
  color: #7B67EE;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 16px;
}
.ant-switch-small .ant-switch-inner {
  margin: 0 5px 0 18px;
  font-size: 12px;
}
.ant-switch-small .ant-switch-handle {
  width: 12px;
  height: 12px;
}
.ant-switch-small .ant-switch-loading-icon {
  top: 1.5px;
  font-size: 9px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin: 0 18px 0 5px;
}
.ant-switch-small.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 12px - 2px);
}
.ant-switch-rtl {
  direction: rtl;
}
.ant-switch-rtl .ant-switch-inner {
  margin: 0 25px 0 7px;
}
.ant-switch-rtl .ant-switch-handle {
  right: 2px;
  left: auto;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
  right: 0;
  left: -30%;
}
.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
  right: -30%;
  left: 0;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
  margin: 0 7px 0 25px;
}
.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 18px - 2px);
}
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
  right: calc(100% - 12px - 2px);
}
.ant-table.ant-table-middle {
  font-size: 14px;
}
.ant-table.ant-table-middle .ant-table-title,
.ant-table.ant-table-middle .ant-table-footer,
.ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table.ant-table-middle .ant-table-tbody > tr > td,
.ant-table.ant-table-middle tfoot > tr > th,
.ant-table.ant-table-middle tfoot > tr > td {
  padding: 12px 8px;
}
.ant-table.ant-table-middle .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
  margin: -12px -8px;
}
.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -12px -8px -12px 40px;
}
.ant-table.ant-table-middle .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-small {
  font-size: 14px;
}
.ant-table.ant-table-small .ant-table-title,
.ant-table.ant-table-small .ant-table-footer,
.ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table.ant-table-small tfoot > tr > th,
.ant-table.ant-table-small tfoot > tr > td {
  padding: 8px 8px;
}
.ant-table.ant-table-small .ant-table-filter-trigger {
  margin-right: -4px;
}
.ant-table.ant-table-small .ant-table-expanded-row-fixed {
  margin: -8px -8px;
}
.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
  margin: -8px -8px -8px 40px;
}
.ant-table.ant-table-small .ant-table-selection-column {
  padding-inline-start: 2px;
}
.ant-table.ant-table-bordered > .ant-table-title {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}
.ant-table.ant-table-bordered > .ant-table-container {
  border-left: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
  background-color: transparent !important;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
  border-right: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -16px -17px;
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  border-right: 1px solid #f0f0f0;
  content: '';
}
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
  border-top: 1px solid #f0f0f0;
}
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
  border-right: 0;
}
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -12px -9px;
}
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
  margin: -8px -9px;
}
.ant-table.ant-table-bordered > .ant-table-footer {
  border: 1px solid #f0f0f0;
  border-top: 0;
}
.ant-table-cell .ant-table-container:first-child {
  border-top: 0;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px #fafafa;
}
.ant-table-wrapper {
  clear: both;
  max-width: 100%;
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table-wrapper::before {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  font-size: 14px;
  background: #fff;
  border-radius: 4px;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.ant-table tfoot > tr > th,
.ant-table tfoot > tr > td {
  position: relative;
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
  overflow: visible;
}
.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-table-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.ant-table-title {
  padding: 16px 16px;
}
.ant-table-footer {
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
}
.ant-table-thead > tr > th {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.6em;
  background-color: rgba(0, 0, 0, 0.06);
  transform: translateY(-50%);
  transition: background-color 0.3s;
  content: '';
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.3s;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin: -16px -16px -16px 32px;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
  border-bottom: 0;
}
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
  border-radius: 0;
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: #fafafa;
}
.ant-table-tbody > tr.ant-table-row-selected > td {
  background: #f5f0ff;
  border-color: rgba(0, 0, 0, 0.03);
}
.ant-table-tbody > tr.ant-table-row-selected:hover > td {
  background: #eee6ff;
}
.ant-table-summary {
  position: relative;
  z-index: 2;
  background: #fff;
}
div.ant-table-summary {
  box-shadow: 0 -1px 0 #f0f0f0;
}
.ant-table-summary > tr > th,
.ant-table-summary > tr > td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-table-pagination.ant-pagination {
  margin: 16px 0;
}
.ant-table-pagination {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}
.ant-table-pagination > * {
  flex: none;
}
.ant-table-pagination-left {
  justify-content: flex-start;
}
.ant-table-pagination-center {
  justify-content: center;
}
.ant-table-pagination-right {
  justify-content: flex-end;
}
.ant-table-thead th.ant-table-column-has-sorters {
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead th.ant-table-column-has-sorters:hover::before {
  background-color: transparent !important;
}
.ant-table-thead th.ant-table-column-has-sorters:focus-visible {
  color: #7B67EE;
}
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-thead th.ant-table-column-sort::before {
  background-color: transparent !important;
}
td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-column-title {
  position: relative;
  z-index: 1;
  flex: 1;
}
.ant-table-column-sorters {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: space-between;
}
.ant-table-column-sorters::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.ant-table-column-sorter {
  margin-left: 4px;
  color: #bfbfbf;
  font-size: 0;
  transition: color 0.3s;
}
.ant-table-column-sorter-inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.ant-table-column-sorter-up,
.ant-table-column-sorter-down {
  font-size: 11px;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #7B67EE;
}
.ant-table-column-sorter-up + .ant-table-column-sorter-down {
  margin-top: -0.3em;
}
.ant-table-column-sorters:hover .ant-table-column-sorter {
  color: #a6a6a6;
}
.ant-table-filter-column {
  display: flex;
  justify-content: space-between;
}
.ant-table-filter-trigger {
  position: relative;
  display: flex;
  align-items: center;
  margin: -4px -8px -4px 4px;
  padding: 0 4px;
  color: #bfbfbf;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-filter-trigger:hover {
  color: rgba(0, 0, 0, 0.45);
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-filter-trigger.active {
  color: #7B67EE;
}
.ant-table-filter-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  min-width: 120px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: 264px;
  overflow-x: hidden;
  border: 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
  display: block;
  padding: 8px 0;
  color: #C9C9C9;
  font-size: 12px;
  text-align: center;
  content: 'Not Found';
}
.ant-table-filter-dropdown-tree {
  padding: 8px 8px 0;
}
.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: var(--rowSelectedBg);
}
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper,
.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover {
  background-color: var(--rowSelectedBg);
}
.ant-table-filter-dropdown-search {
  padding: 8px;
  border-bottom: 1px #f0f0f0 solid;
}
.ant-table-filter-dropdown-search-input input {
  min-width: 140px;
}
.ant-table-filter-dropdown-search-input .anticon {
  color: #C9C9C9;
}
.ant-table-filter-dropdown-checkall {
  width: 100%;
  margin-bottom: 4px;
  margin-left: 4px;
}
.ant-table-filter-dropdown-submenu > ul {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  overflow-y: auto;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-table-filter-dropdown-btns {
  display: flex;
  justify-content: space-between;
  padding: 7px 8px;
  overflow: hidden;
  background-color: inherit;
  border-top: 1px solid #f0f0f0;
}
.ant-table-selection-col {
  width: 32px;
}
.ant-table-bordered .ant-table-selection-col {
  width: 50px;
}
table tr th.ant-table-selection-column,
table tr td.ant-table-selection-column {
  padding-right: 8px;
  padding-left: 8px;
  text-align: center;
}
table tr th.ant-table-selection-column .ant-radio-wrapper,
table tr td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
table tr th.ant-table-selection-column.ant-table-cell-fix-left {
  z-index: 3;
}
table tr th.ant-table-selection-column::after {
  background-color: transparent !important;
}
.ant-table-selection {
  position: relative;
  display: inline-flex;
  flex-direction: column;
}
.ant-table-selection-extra {
  position: absolute;
  top: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s;
  margin-inline-start: 100%;
  padding-inline-start: 4px;
}
.ant-table-selection-extra .anticon {
  color: #bfbfbf;
  font-size: 10px;
}
.ant-table-selection-extra .anticon:hover {
  color: #a6a6a6;
}
.ant-table-expand-icon-col {
  width: 48px;
}
.ant-table-row-expand-icon-cell {
  text-align: center;
}
.ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
  display: inline-flex;
  float: none;
  vertical-align: sub;
}
.ant-table-row-indent {
  float: left;
  height: 1px;
}
.ant-table-row-expand-icon {
  color: #7B67EE;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  padding: 0;
  color: inherit;
  line-height: 17px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  transform: scale(0.94117647);
  transition: all 0.3s;
  -webkit-user-select: none;
          user-select: none;
}
.ant-table-row-expand-icon:focus-visible,
.ant-table-row-expand-icon:hover {
  color: #a693fa;
}
.ant-table-row-expand-icon:active {
  color: #5a4cc7;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentcolor;
}
.ant-table-row-expand-icon::before,
.ant-table-row-expand-icon::after {
  position: absolute;
  background: currentcolor;
  transition: transform 0.3s ease-out;
  content: '';
}
.ant-table-row-expand-icon::before {
  top: 7px;
  right: 3px;
  left: 3px;
  height: 1px;
}
.ant-table-row-expand-icon::after {
  top: 3px;
  bottom: 3px;
  left: 7px;
  width: 1px;
  transform: rotate(90deg);
}
.ant-table-row-expand-icon-collapsed::before {
  transform: rotate(-180deg);
}
.ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-table-row-expand-icon-spaced {
  background: transparent;
  border: 0;
  visibility: hidden;
}
.ant-table-row-expand-icon-spaced::before,
.ant-table-row-expand-icon-spaced::after {
  display: none;
  content: none;
}
.ant-table-row-indent + .ant-table-row-expand-icon {
  margin-top: 2.5005px;
  margin-right: 8px;
}
tr.ant-table-expanded-row > td,
tr.ant-table-expanded-row:hover > td {
  background: #fbfbfb;
}
tr.ant-table-expanded-row .ant-descriptions-view {
  display: flex;
}
tr.ant-table-expanded-row .ant-descriptions-view table {
  flex: auto;
  width: auto;
}
.ant-table .ant-table-expanded-row-fixed {
  position: relative;
  margin: -16px -16px;
  padding: 16px 16px;
}
.ant-table-tbody > tr.ant-table-placeholder {
  text-align: center;
}
.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
  color: #C9C9C9;
}
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background: #fff;
}
.ant-table-cell-fix-left,
.ant-table-cell-fix-right {
  position: -webkit-sticky !important;
  position: sticky !important;
  z-index: 2;
  background: #fff;
}
.ant-table-cell-fix-left-first::after,
.ant-table-cell-fix-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  width: 30px;
  transform: translateX(100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table-cell-fix-left-all::after {
  display: none;
}
.ant-table-cell-fix-right-first::after,
.ant-table-cell-fix-right-last::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  width: 30px;
  transform: translateX(-100%);
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 30px;
  transition: box-shadow 0.3s;
  content: '';
  pointer-events: none;
}
.ant-table .ant-table-container::before {
  left: 0;
}
.ant-table .ant-table-container::after {
  right: 0;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
  position: relative;
}
.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-left .ant-table-cell-fix-left-last::before {
  background-color: transparent !important;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
  position: relative;
}
.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.ant-table-sticky-holder {
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(2 + 1);
  background: #fff;
}
.ant-table-sticky-scroll {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: calc(2 + 1);
  display: flex;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  opacity: 0.6;
}
.ant-table-sticky-scroll:hover {
  transform-origin: center bottom;
}
.ant-table-sticky-scroll-bar {
  height: 8px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.ant-table-sticky-scroll-bar:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ant-table-sticky-scroll-bar-active {
  background-color: rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) {
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: none !important;
  }
  .ant-table-ping-right .ant-table-cell-fix-right-first::after {
    box-shadow: none !important;
  }
}
.ant-table {
  /* title + table */
  /* table */
  /* table + footer */
}
.ant-table-title {
  border-radius: 4px 4px 0 0;
}
.ant-table-title + .ant-table-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-title + .ant-table-container table {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
  border-radius: 0;
}
.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
  border-radius: 0;
}
.ant-table-container {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-container table > thead > tr:first-child th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-footer {
  border-radius: 0 0 4px 4px;
}
.ant-table-wrapper-rtl {
  direction: rtl;
}
.ant-table-rtl {
  direction: rtl;
}
.ant-table-wrapper-rtl .ant-table table {
  text-align: right;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  right: auto;
  left: 0;
}
.ant-table-wrapper-rtl .ant-table-thead > tr > th {
  text-align: right;
}
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
  margin: -16px 33px -16px -16px;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
  justify-content: flex-end;
}
.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
  justify-content: flex-start;
}
.ant-table-wrapper-rtl .ant-table-column-sorter {
  margin-right: 4px;
  margin-left: 0;
}
.ant-table-wrapper-rtl .ant-table-filter-column-title {
  padding: 16px 16px 16px 2.3em;
}
.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
  padding: 0 0 0 2.3em;
}
.ant-table-wrapper-rtl .ant-table-filter-trigger {
  margin: -4px 4px -4px -8px;
}
.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-right: 8px;
  padding-left: 0;
}
.ant-table-wrapper-rtl .ant-table-selection {
  text-align: center;
}
.ant-table-wrapper-rtl .ant-table-row-indent {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon {
  float: right;
}
.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 0;
  margin-left: 8px;
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
  transform: rotate(-90deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
  transform: rotate(180deg);
}
.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
  transform: rotate(0deg);
}
.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 0;
  font-size: 14px;
}
.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 16px 0;
  font-size: 16px;
}
.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 6px 16px;
}
.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
  padding: 7px 16px 6px;
}
.ant-tabs-rtl {
  direction: rtl;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
  margin-left: 0;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 0;
  margin-left: 12px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
  margin-right: 8px;
  margin-left: -4px;
}
.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
  order: 0;
}
.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
  order: 1;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add {
  margin-right: 2px;
  margin-left: 0;
}
.ant-tabs-dropdown-rtl {
  direction: rtl;
}
.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
  text-align: right;
}
.ant-tabs-top,
.ant-tabs-bottom {
  flex-direction: column;
}
.ant-tabs-top > .ant-tabs-nav,
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-top > div > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  margin: 0 0 16px 0;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  content: '';
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 2px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  top: 0;
  bottom: 0;
  width: 30px;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  left: 0;
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
  opacity: 1;
}
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before {
  bottom: 0;
}
.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
  bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav,
.ant-tabs-bottom > div > .ant-tabs-nav {
  order: 1;
  margin-top: 16px;
  margin-bottom: 0;
}
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
  top: 0;
}
.ant-tabs-bottom > .ant-tabs-content-holder,
.ant-tabs-bottom > div > .ant-tabs-content-holder {
  order: 0;
}
.ant-tabs-left > .ant-tabs-nav,
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-left > div > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  flex-direction: column;
  min-width: 50px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  padding: 8px 24px;
  text-align: center;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin: 16px 0 0 0;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  right: 0;
  left: 0;
  height: 30px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
  top: 0;
  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  bottom: 0;
  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
  opacity: 1;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  width: 2px;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
  transition: height 0.3s, top 0.3s;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
  flex: 1 0 auto;
  flex-direction: column;
}
.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
  right: 0;
}
.ant-tabs-left > .ant-tabs-content-holder,
.ant-tabs-left > div > .ant-tabs-content-holder {
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-left: 24px;
}
.ant-tabs-right > .ant-tabs-nav,
.ant-tabs-right > div > .ant-tabs-nav {
  order: 1;
}
.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
  left: 0;
}
.ant-tabs-right > .ant-tabs-content-holder,
.ant-tabs-right > div > .ant-tabs-content-holder {
  order: 0;
  margin-right: -1px;
  border-right: 1px solid #f0f0f0;
}
.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
  padding-right: 24px;
}
.ant-tabs-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-tabs-dropdown-hidden {
  display: none;
}
.ant-tabs-dropdown-menu {
  max-height: 200px;
  margin: 0;
  padding: 4px 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tabs-dropdown-menu-item {
  display: flex;
  align-items: center;
  min-width: 120px;
  margin: 0;
  padding: 5px 12px;
  overflow: hidden;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-dropdown-menu-item > span {
  flex: 1;
  white-space: nowrap;
}
.ant-tabs-dropdown-menu-item-remove {
  flex: none;
  margin-left: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ant-tabs-dropdown-menu-item-remove:hover {
  color: #a693fa;
}
.ant-tabs-dropdown-menu-item:hover {
  background: #f5f5f5;
}
.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
  color: #C9C9C9;
  background: transparent;
  cursor: not-allowed;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
  margin: 0;
  padding: 8px 16px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
  color: #7B67EE;
  background: #fff;
}
.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 2px;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 4px 0 0;
}
.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-bottom-color: #fff;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 0 4px 4px;
}
.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-top-color: #fff;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
  margin-top: 2px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 4px 0 0 4px;
}
.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-right-color: #fff;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
  border-radius: 0 4px 4px 0;
}
.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
  border-left-color: #fff;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
}
.ant-tabs > .ant-tabs-nav,
.ant-tabs > div > .ant-tabs-nav {
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  position: relative;
  display: inline-block;
  display: flex;
  flex: auto;
  align-self: stretch;
  overflow: hidden;
  white-space: nowrap;
  transform: translate(0);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  position: relative;
  display: flex;
  transition: transform 0.3s;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
  display: flex;
  align-self: stretch;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
  position: relative;
  padding: 8px 16px;
  background: transparent;
  border: 0;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(100%);
  content: '';
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
  min-width: 40px;
  margin-left: 2px;
  padding: 0 8px;
  background: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
  outline: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
  color: #a693fa;
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
  color: #5a4cc7;
}
.ant-tabs-extra-content {
  flex: none;
}
.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
  justify-content: center;
}
.ant-tabs-ink-bar {
  position: absolute;
  background: #7B67EE;
  pointer-events: none;
}
.ant-tabs-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: #5a4cc7;
}
.ant-tabs-tab-btn {
  outline: none;
  transition: all 0.3s;
}
.ant-tabs-tab-remove {
  flex: none;
  margin-right: -4px;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-tab-remove:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs-tab:hover {
  color: #a693fa;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #7B67EE;
  text-shadow: 0 0 0.25px currentcolor;
}
.ant-tabs-tab.ant-tabs-tab-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
  color: #C9C9C9;
}
.ant-tabs-tab .ant-tabs-tab-remove .anticon {
  margin: 0;
}
.ant-tabs-tab .anticon {
  margin-right: 12px;
}
.ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 32px;
}
.ant-tabs-content {
  position: relative;
  width: 100%;
}
.ant-tabs-content-holder {
  flex: auto;
  min-width: 0;
  min-height: 0;
}
.ant-tabs-tabpane {
  outline: none;
}
.ant-tabs-tabpane-hidden {
  display: none;
}
.ant-tabs-switch-appear,
.ant-tabs-switch-enter {
  transition: none;
}
.ant-tabs-switch-appear-start,
.ant-tabs-switch-enter-start {
  opacity: 0;
}
.ant-tabs-switch-appear-active,
.ant-tabs-switch-enter-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.ant-tabs-switch-leave {
  position: absolute;
  transition: none;
  inset: 0;
}
.ant-tabs-switch-leave-start {
  opacity: 1;
}
.ant-tabs-switch-leave-active {
  opacity: 0;
  transition: opacity 0.3s;
}
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  opacity: 1;
  transition: all 0.3s;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #262626;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag-close-icon {
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tag-close-icon:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #7B67EE;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #7B67EE;
}
.ant-tag-checkable:active {
  background-color: #5a4cc7;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #c41d7f;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #d4380d;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #d46b08;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #d4b106;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #d48806;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #08979c;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #7cb305;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #389e0d;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #096dd9;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #1d39c4;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #531dab;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}
.ant-tag-success {
  color: #30C28B;
  background: #f0fff7;
  border-color: #a9e8ca;
}
.ant-tag-processing {
  color: #7B67EE;
  background: #f5f0ff;
  border-color: #eee8ff;
}
.ant-tag-error {
  color: #E33E38;
  background: #fff3f0;
  border-color: #ffc3ba;
}
.ant-tag-warning {
  color: #FFAB00;
  background: #fffbe6;
  border-color: #ffe07a;
}
.ant-tag > .anticon + span,
.ant-tag > span + .anticon {
  margin-left: 7px;
}
.ant-tag.ant-tag-rtl {
  margin-right: 0;
  margin-left: 8px;
  direction: rtl;
  text-align: right;
}
.ant-tag-rtl .ant-tag-close-icon {
  margin-right: 3px;
  margin-left: 0;
}
.ant-tag-rtl.ant-tag > .anticon + span,
.ant-tag-rtl.ant-tag > span + .anticon {
  margin-right: 7px;
  margin-left: 0;
}
.ant-timeline {
  box-sizing: border-box;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #f0f0f0;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #7B67EE;
  border-color: #7B67EE;
}
.ant-timeline-item-head-red {
  color: #E33E38;
  border-color: #E33E38;
}
.ant-timeline-item-head-green {
  color: #30C28B;
  border-color: #30C28B;
}
.ant-timeline-item-head-gray {
  color: #C9C9C9;
  border-color: #C9C9C9;
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -7.001px;
  margin: 0 0 0 26px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #f0f0f0;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  position: absolute;
  top: -7.001px;
  width: calc(50% - 12px);
  text-align: right;
}
.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  left: calc(50% + 14px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline-rtl {
  direction: rtl;
}
.ant-timeline-rtl .ant-timeline-item-tail {
  right: 4px;
  left: auto;
  border-right: 2px solid #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl .ant-timeline-item-head-custom {
  right: 5px;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-timeline-rtl .ant-timeline-item-content {
  margin: 0 18px 0 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  right: 50%;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
  margin-right: -4px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
  margin-right: 1px;
  margin-left: 0;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
  right: calc(50% - 4px);
  left: auto;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  right: 0;
  left: auto;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: 100%;
  margin-right: 18px;
  text-align: right;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  border-right: 2px dotted #f0f0f0;
  border-left: none;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
  text-align: left;
}
.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
  right: calc(50% + 14px);
  text-align: right;
}
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1070;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  width: intrinsic;
  max-width: 320px;
  visibility: visible;
}
.ant-tooltip-content {
  position: relative;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 9px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 9px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 9px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 9px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: var(--defaultBg);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.ant-tooltip-arrow {
  position: absolute;
  z-index: 2;
  display: block;
  width: 14.48528137px;
  height: 14.48528137px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow-content {
  --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  content: '';
  pointer-events: auto;
  border-radius: 0 0 2px;
  pointer-events: none;
}
.ant-tooltip-arrow-content::before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 18px;
  height: 18px;
  background: var(--antd-arrow-background-color);
  background-repeat: no-repeat;
  background-position: -5px -5px;
  content: '';
  -webkit-clip-path: inset(33% 33%);
          clip-path: inset(33% 33%);
  -webkit-clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
          clip-path: path('M 4.535533905932738 13.464466094067262 A 5 5 0 0 1 8.071067811865476 12 L 10 12 A 2 2 0 0 0 12 10 L 12 8.071067811865476 A 5 5 0 0 1 13.464466094067262 4.535533905932738 L 12.464466094067262 4.535533905932738 L 4.535533905932738 12.464466094067262 Z');
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 0;
  transform: translateY(100%);
}
.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-7.24264069px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 0;
  transform: translateX(-100%);
}
.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(7.24264069px) rotate(135deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 0;
  transform: translateX(100%);
}
.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-7.24264069px) rotate(315deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 0;
  transform: translateY(-100%);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(7.24264069px) rotate(225deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-pink .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-pink .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-inner {
  background-color: #eb2f96;
}
.ant-tooltip-magenta .ant-tooltip-arrow-content::before {
  background: #eb2f96;
}
.ant-tooltip-red .ant-tooltip-inner {
  background-color: #f5222d;
}
.ant-tooltip-red .ant-tooltip-arrow-content::before {
  background: #f5222d;
}
.ant-tooltip-volcano .ant-tooltip-inner {
  background-color: #fa541c;
}
.ant-tooltip-volcano .ant-tooltip-arrow-content::before {
  background: #fa541c;
}
.ant-tooltip-orange .ant-tooltip-inner {
  background-color: #fa8c16;
}
.ant-tooltip-orange .ant-tooltip-arrow-content::before {
  background: #fa8c16;
}
.ant-tooltip-yellow .ant-tooltip-inner {
  background-color: #fadb14;
}
.ant-tooltip-yellow .ant-tooltip-arrow-content::before {
  background: #fadb14;
}
.ant-tooltip-gold .ant-tooltip-inner {
  background-color: #faad14;
}
.ant-tooltip-gold .ant-tooltip-arrow-content::before {
  background: #faad14;
}
.ant-tooltip-cyan .ant-tooltip-inner {
  background-color: #13c2c2;
}
.ant-tooltip-cyan .ant-tooltip-arrow-content::before {
  background: #13c2c2;
}
.ant-tooltip-lime .ant-tooltip-inner {
  background-color: #a0d911;
}
.ant-tooltip-lime .ant-tooltip-arrow-content::before {
  background: #a0d911;
}
.ant-tooltip-green .ant-tooltip-inner {
  background-color: #52c41a;
}
.ant-tooltip-green .ant-tooltip-arrow-content::before {
  background: #52c41a;
}
.ant-tooltip-blue .ant-tooltip-inner {
  background-color: #1890ff;
}
.ant-tooltip-blue .ant-tooltip-arrow-content::before {
  background: #1890ff;
}
.ant-tooltip-geekblue .ant-tooltip-inner {
  background-color: #2f54eb;
}
.ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
  background: #2f54eb;
}
.ant-tooltip-purple .ant-tooltip-inner {
  background-color: #722ed1;
}
.ant-tooltip-purple .ant-tooltip-arrow-content::before {
  background: #722ed1;
}
.ant-tooltip-rtl {
  direction: rtl;
}
.ant-tooltip-rtl .ant-tooltip-inner {
  text-align: right;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: 1 1 50%;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column {
  width: 40px;
  min-width: 40px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer-customize-list .ant-input[disabled] {
  background-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list {
  border-color: #E33E38;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
  border-color: transparent;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list {
  border-color: #FFAB00;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
  border-color: transparent;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-color: #a693fa;
  border-right-width: 1px;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-color: #a693fa;
  box-shadow: 0 0 0 2px rgba(123, 103, 238, 0.2);
  border-right-width: 1px;
  outline: 0;
}
.ant-input-rtl .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
  border-right-width: 0;
  border-left-width: 1px !important;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: flex;
  align-items: stretch;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  display: flex;
  flex-direction: column;
  width: 180px;
  height: 200px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-transfer-list-with-pagination {
  width: 250px;
  height: auto;
}
.ant-transfer-list-search .anticon-search {
  color: #C9C9C9;
}
.ant-transfer-list-header {
  display: flex;
  flex: none;
  align-items: center;
  height: 40px;
  padding: 8px 12px 9px;
  color: #262626;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header > *:not(:last-child) {
  margin-right: 4px;
}
.ant-transfer-list-header > * {
  flex: none;
}
.ant-transfer-list-header-title {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.ant-transfer-list-header-dropdown {
  font-size: 10px;
  transform: translateY(10%);
  cursor: pointer;
}
.ant-transfer-list-header-dropdown[disabled] {
  cursor: not-allowed;
}
.ant-transfer-list-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  overflow: hidden;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: relative;
  flex: none;
  padding: 12px;
}
.ant-transfer-list-content {
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content-item {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  line-height: 20px;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 8px;
}
.ant-transfer-list-content-item > * {
  flex: none;
}
.ant-transfer-list-content-item-text {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-transfer-list-content-item-remove {
  position: relative;
  color: #d9d9d9;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-transfer-list-content-item-remove:hover {
  color: #a693fa;
}
.ant-transfer-list-content-item-remove::after {
  position: absolute;
  top: -6px;
  right: -50%;
  bottom: -6px;
  left: -50%;
  content: '';
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
  background-color: #eee6ff;
}
.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background: transparent;
  cursor: default;
}
.ant-transfer-list-content-item-checked {
  background-color: #f5f0ff;
}
.ant-transfer-list-content-item-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-transfer-list-pagination {
  padding: 8px 0;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-list-body-not-found {
  flex: none;
  width: 100%;
  margin: auto 0;
  color: #C9C9C9;
  text-align: center;
}
.ant-transfer-list-footer {
  border-top: 1px solid #f0f0f0;
}
.ant-transfer-operation {
  display: flex;
  flex: none;
  flex-direction: column;
  align-self: center;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
.ant-transfer .ant-empty-image {
  max-height: -2px;
}
.ant-transfer-rtl {
  direction: rtl;
}
.ant-transfer-rtl .ant-transfer-list-search {
  padding-right: 8px;
  padding-left: 24px;
}
.ant-transfer-rtl .ant-transfer-list-search-action {
  right: auto;
  left: 12px;
}
.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
  margin-right: 0;
  margin-left: 4px;
}
.ant-transfer-rtl .ant-transfer-list-header {
  right: 0;
  left: auto;
}
.ant-transfer-rtl .ant-transfer-list-header-title {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.ant-transfer-rtl .ant-transfer-list-pagination {
  text-align: left;
}
.ant-transfer-rtl .ant-transfer-list-footer {
  right: 0;
  left: auto;
}
@keyframes ant-tree-node-fx-do-not-use {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-tree.ant-tree-directory .ant-tree-treenode {
  position: relative;
}
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  transition: background-color 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: #f5f5f5;
}
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
  z-index: 1;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  transition: color 0.3s;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: var(--rowSelectedBg);
  background: transparent;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--rowSelectedBg);
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  color: var(--rowSelectedBg);
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  color: var(--rowSelectedBg);
  background: transparent;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #7B67EE;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #7B67EE;
  border-radius: 4px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #7B67EE;
  border-color: #7B67EE;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #C9C9C9;
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #7B67EE;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: #C9C9C9;
  border-color: #C9C9C9;
}
.ant-tree-checkbox-rtl {
  direction: rtl;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: var(--defaultBg);
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  background: #f5f0ff;
}
.ant-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  flex: auto;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  position: relative;
}
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #7B67EE;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-tree .ant-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  background: var(--rowSelectedBg);
}
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  width: 40px;
  line-height: 40px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
  opacity: 0.45;
}
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-indent-unit {
  display: inline-block;
  width: 40px;
}
.ant-tree-draggable-icon {
  visibility: hidden;
}
.ant-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 40px;
  margin: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-switcher .ant-tree-switcher-icon,
.ant-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-tree-switcher .ant-tree-switcher-icon svg,
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree-switcher-loading-icon {
  color: #7B67EE;
}
.ant-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-switcher-leaf-line::after {
  position: absolute;
  width: 26px;
  height: 30px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree-checkbox {
  top: initial;
  margin: 12px 8px 0 0;
}
.ant-tree .ant-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 40px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 40px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-tree .ant-tree-node-content-wrapper:hover {
  background-color: var(--rowSelectedBg);
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: var(--rowSelectedBg);
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
}
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  display: none;
}
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-tree-node-content-wrapper {
  line-height: 40px;
  -webkit-user-select: none;
          user-select: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #7B67EE;
  border-radius: 1px;
  pointer-events: none;
}
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #7B67EE;
  border-radius: 50%;
  content: '';
}
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #7B67EE;
}
.ant-tree-show-line .ant-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-tree-show-line .ant-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-tree-show-line .ant-tree-indent-unit-end::before {
  display: none;
}
.ant-tree-show-line .ant-tree-switcher {
  background: #fff;
}
.ant-tree-show-line .ant-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 30px !important;
}
.ant-tree-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  right: -6px;
  left: unset;
}
.ant-tree .ant-tree-treenode-rtl {
  direction: rtl;
}
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  right: auto;
  left: -21px;
  border-right: none;
  border-left: 1px solid #d9d9d9;
}
.ant-tree-rtl .ant-tree-checkbox {
  margin: 12px 0 0 8px;
}
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  margin: 12px 0 0 8px;
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0.2em;
  line-height: 1;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #7B67EE;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #7B67EE;
  border-radius: 4px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  direction: ltr;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21.5%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #7B67EE;
  border-color: #7B67EE;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: #C9C9C9;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
  pointer-events: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-flex;
  align-items: baseline;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper::after {
  display: inline-block;
  width: 0;
  overflow: hidden;
  content: '\a0';
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #7B67EE;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: #C9C9C9;
  border-color: #C9C9C9;
}
.ant-select-tree-checkbox-rtl {
  direction: rtl;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
  margin-right: 0;
  margin-left: 8px;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
  margin-left: 0 !important;
}
.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 8px;
}
.ant-tree-select-dropdown {
  padding: 8px 4px;
}
.ant-tree-select-dropdown-rtl {
  direction: rtl;
}
.ant-tree-select-dropdown .ant-select-tree {
  border-radius: 0;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  background: var(--defaultBg);
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
  background: #f5f0ff;
}
.ant-select-tree-list-holder-inner {
  align-items: flex-start;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
  align-items: stretch;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
  flex: auto;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
  position: relative;
}
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 4px;
  left: 0;
  border: 1px solid #7B67EE;
  opacity: 0;
  animation: ant-tree-node-fx-do-not-use 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
.ant-select-tree .ant-select-tree-treenode {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4px 0;
  outline: none;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
  background: var(--rowSelectedBg);
}
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
  color: inherit;
  font-weight: 500;
}
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  width: 40px;
  line-height: 40px;
  text-align: center;
  visibility: visible;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
  opacity: 0.45;
}
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-indent {
  align-self: stretch;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-indent-unit {
  display: inline-block;
  width: 40px;
}
.ant-select-tree-draggable-icon {
  visibility: hidden;
}
.ant-select-tree-switcher {
  position: relative;
  flex: none;
  align-self: stretch;
  width: 40px;
  margin: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-switcher .ant-tree-switcher-icon,
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
  display: inline-block;
  font-size: 10px;
  vertical-align: baseline;
}
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree-switcher-noop {
  cursor: default;
}
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree-switcher-loading-icon {
  color: #7B67EE;
}
.ant-select-tree-switcher-leaf-line {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ant-select-tree-switcher-leaf-line::before {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: -4px;
  margin-left: -1px;
  border-right: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-switcher-leaf-line::after {
  position: absolute;
  width: 26px;
  height: 30px;
  border-bottom: 1px solid #d9d9d9;
  content: ' ';
}
.ant-select-tree-checkbox {
  top: initial;
  margin: 12px 8px 0 0;
}
.ant-select-tree .ant-select-tree-node-content-wrapper {
  position: relative;
  z-index: auto;
  min-height: 40px;
  margin: 0;
  padding: 0 4px;
  color: inherit;
  line-height: 40px;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
}
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background-color: var(--rowSelectedBg);
}
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: var(--rowSelectedBg);
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: top;
}
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
  display: none;
}
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper {
  line-height: 40px;
  -webkit-user-select: none;
          user-select: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
  position: absolute;
  z-index: 1;
  height: 2px;
  background-color: #7B67EE;
  border-radius: 1px;
  pointer-events: none;
}
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 2px solid #7B67EE;
  border-radius: 50%;
  content: '';
}
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
  box-shadow: 0 0 0 2px #7B67EE;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit {
  position: relative;
  height: 100%;
}
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: -4px;
  border-right: 1px solid #d9d9d9;
  content: '';
}
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
  display: none;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  background: #fff;
}
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
  vertical-align: -0.15em;
}
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
  top: auto !important;
  bottom: auto !important;
  height: 30px !important;
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
  transform: rotate(90deg);
}
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
  transform: scaleY(-1);
}
.ant-typography {
  color: #262626;
  overflow-wrap: break-word;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-success {
  color: #30C28B;
}
.ant-typography.ant-typography-warning {
  color: #FFAB00;
}
.ant-typography.ant-typography-danger {
  color: #E33E38;
}
a.ant-typography.ant-typography-danger:active,
a.ant-typography.ant-typography-danger:focus {
  color: #bd2626;
}
a.ant-typography.ant-typography-danger:hover {
  color: #f06c62;
}
.ant-typography.ant-typography-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
  -webkit-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
div.ant-typography-h1,
div.ant-typography-h1 > textarea,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
div.ant-typography-h2,
div.ant-typography-h2 > textarea,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
div.ant-typography-h3,
div.ant-typography-h3 > textarea,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
div.ant-typography-h4,
div.ant-typography-h4 > textarea,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
h5.ant-typography,
div.ant-typography-h5,
div.ant-typography-h5 > textarea,
.ant-typography h5 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography,
.ant-typography + h5.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography h5 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography h5 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography h5 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4,
.ant-typography h5 + h4,
.ant-typography div + h5,
.ant-typography ul + h5,
.ant-typography li + h5,
.ant-typography p + h5,
.ant-typography h1 + h5,
.ant-typography h2 + h5,
.ant-typography h3 + h5,
.ant-typography h4 + h5,
.ant-typography h5 + h5 {
  margin-top: 1.2em;
}
a.ant-typography-ellipsis,
span.ant-typography-ellipsis {
  display: inline-block;
  max-width: 100%;
}
a.ant-typography,
.ant-typography a {
  color: #7B67EE;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  text-decoration: none;
}
a.ant-typography:focus-visible,
.ant-typography a:focus-visible,
a.ant-typography:hover,
.ant-typography a:hover {
  color: #a693fa;
}
a.ant-typography:active,
.ant-typography a:active {
  color: #5a4cc7;
}
a.ant-typography:active,
.ant-typography a:active,
a.ant-typography:hover,
.ant-typography a:hover {
  text-decoration: none;
}
a.ant-typography[disabled],
.ant-typography a[disabled],
a.ant-typography.ant-typography-disabled,
.ant-typography a.ant-typography-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active,
a.ant-typography[disabled]:hover,
.ant-typography a[disabled]:hover,
a.ant-typography.ant-typography-disabled:hover,
.ant-typography a.ant-typography-disabled:hover {
  color: #C9C9C9;
}
a.ant-typography[disabled]:active,
.ant-typography a[disabled]:active,
a.ant-typography.ant-typography-disabled:active,
.ant-typography a.ant-typography-disabled:active {
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography kbd {
  margin: 0 0.2em;
  padding: 0.15em 0.4em 0.1em;
  font-size: 90%;
  background: rgba(150, 150, 150, 0.06);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-bottom-width: 2px;
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #7B67EE;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 4px;
}
.ant-typography-expand:focus-visible,
.ant-typography-edit:focus-visible,
.ant-typography-copy:focus-visible,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #a693fa;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #5a4cc7;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #30C28B;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -1px;
  margin-bottom: calc(1em - 0 - 1px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  height: 1em;
  margin: 0 !important;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul {
  list-style-type: circle;
}
.ant-typography ul ul {
  list-style-type: disc;
}
.ant-typography ol {
  list-style-type: decimal;
}
.ant-typography pre,
.ant-typography blockquote {
  margin: 1em 0;
}
.ant-typography pre {
  padding: 0.4em 0.6em;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: rgba(150, 150, 150, 0.1);
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
}
.ant-typography pre code {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border: 0;
}
.ant-typography blockquote {
  padding: 0 0 0 0.6em;
  border-left: 4px solid rgba(100, 100, 100, 0.2);
  opacity: 0.85;
}
.ant-typography-single-line {
  white-space: nowrap;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
a.ant-typography-ellipsis-single-line,
span.ant-typography-ellipsis-single-line {
  vertical-align: bottom;
}
.ant-typography-ellipsis-multiple-line {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
.ant-typography-rtl {
  direction: rtl;
}
.ant-typography-rtl .ant-typography-expand,
.ant-typography-rtl .ant-typography-edit,
.ant-typography-rtl .ant-typography-copy {
  margin-right: 4px;
  margin-left: 0;
}
.ant-typography-rtl .ant-typography-expand {
  float: left;
}
div.ant-typography-edit-content.ant-typography-rtl {
  right: -12px;
  left: auto;
}
.ant-typography-rtl .ant-typography-edit-content-confirm {
  right: auto;
  left: 10px;
}
.ant-typography-rtl.ant-typography ul li,
.ant-typography-rtl.ant-typography ol li {
  margin: 0 20px 0 0;
  padding: 0 4px 0 0;
}
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #7B67EE;
}
.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #d9d9d9;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #5a4cc7;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #a693fa;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #a693fa;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: #C9C9C9;
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-picture-card-wrapper::before {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  line-height: 1.5715;
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list::before {
  display: table;
  content: '';
}
.ant-upload-list::after {
  display: table;
  clear: both;
  content: '';
}
.ant-upload-list-item {
  position: relative;
  height: 22.001px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  line-height: 1.5715;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
}
.ant-upload-list-item-card-actions-btn {
  opacity: 0;
}
.ant-upload-list-item-card-actions-btn.ant-btn-sm {
  height: 22.001px;
  line-height: 1;
  vertical-align: top;
}
.ant-upload-list-item-card-actions.picture {
  top: 22px;
  line-height: 0;
}
.ant-upload-list-item-card-actions-btn:focus,
.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-upload-list-item-card-actions:hover .anticon {
  color: #262626;
}
.ant-upload-list-item-info {
  height: 100%;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading .anticon,
.ant-upload-list-item-info .ant-upload-text-icon .anticon {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f5f5f5;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .ant-upload-text-icon > .anticon,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #E33E38;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #E33E38;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
  opacity: 1;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #E33E38;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  width: 48px;
  height: 48px;
  line-height: 60px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
  fill: #fff3f0;
}
.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
  fill: #E33E38;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-icon .anticon,
.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
  font-size: 26px;
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  margin-bottom: 12px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture-card-container {
  display: inline-block;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
  vertical-align: top;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  height: 100%;
  margin: 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5715;
  text-align: center;
}
.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  width: calc(100% - 14px);
  padding-left: 0;
}
.ant-upload-list-text-container,
.ant-upload-list-picture-container {
  transition: opacity 0.3s, height 0.3s;
}
.ant-upload-list-text-container::before,
.ant-upload-list-picture-container::before {
  display: table;
  width: 0;
  height: 0;
  content: '';
}
.ant-upload-list-text-container .ant-upload-span,
.ant-upload-list-picture-container .ant-upload-span {
  display: block;
  flex: auto;
}
.ant-upload-list-text .ant-upload-span,
.ant-upload-list-picture .ant-upload-span {
  display: flex;
  align-items: center;
}
.ant-upload-list-text .ant-upload-span > *,
.ant-upload-list-picture .ant-upload-span > * {
  flex: none;
}
.ant-upload-list-text .ant-upload-list-item-name,
.ant-upload-list-picture .ant-upload-list-item-name {
  flex: auto;
  margin: 0;
  padding: 0 8px;
}
.ant-upload-list-text .ant-upload-list-item-card-actions,
.ant-upload-list-picture .ant-upload-list-item-card-actions {
  position: static;
}
.ant-upload-list-text .ant-upload-text-icon .anticon {
  position: static;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: forwards;
}
.ant-upload-list .ant-upload-animate-inline-appear,
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
.ant-upload-rtl {
  direction: rtl;
}
.ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
  margin-right: auto;
  margin-left: 8px;
}
.ant-upload-list-rtl {
  direction: rtl;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 22px;
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 22px;
  padding-left: 28px;
}
.ant-upload-list-rtl .ant-upload-list-item-name {
  padding-right: 22px;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
  padding-left: 14px;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions {
  right: auto;
  left: 0;
}
.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-info {
  padding: 0 4px 0 12px;
}
.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  padding-right: 0;
  padding-left: 5px;
}
.ant-upload-list-rtl .ant-upload-list-item-progress {
  padding-right: 26px;
  padding-left: 0;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  right: 8px;
  left: auto;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
  margin: 0 8px 0 0;
  padding-right: 48px;
  padding-left: 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 48px;
  padding-left: 18px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 48px;
  padding-left: 36px;
}
.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
  padding-right: 0;
  padding-left: 0;
}
.ant-upload-list-rtl .ant-upload-list-picture-card-container {
  margin: 0 0 8px 8px;
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
  right: 50%;
  left: auto;
  transform: translate(50%, -50%);
}
.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name {
  margin: 8px 0 0;
  padding: 0;
}
.ant-modal-close {
  height: 24px;
  width: 24px;
  margin: 24px 24px 0 0;
}
.ant-modal-close:focus-within .ant-modal-close-x:hover {
  background: var(--black_300);
  box-shadow: 0 0 0 4px var(--black_300);
}
.ant-modal-body {
  color: var(--fc1);
}
.ant-modal-confirm-title,
.ant-modal-confirm-content {
  color: var(--fc1) !important;
}
.ant-modal-close-x {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.ant-modal-close-x:hover {
  background: var(--fc11);
  box-shadow: 0 0 0 4px var(--fc11);
}
.ant-modal-close-x svg {
  height: 16px;
  width: 16px;
  fill: var(--thirdLevelText);
}
.ant-modal-header {
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
.ant-modal-title {
  color: var(--firstLevelText);
}
.ant-modal-content {
  border-radius: 8px;
  background-color: var(--bgCommonDefault);
  border: 1px solid var(--borderCommonDefault);
  box-shadow: var(--shadowCommonHighest);
  background-clip: inherit;
}
.ant-modal-header {
  background-color: var(--bgCommonDefault);
}
.ant-modal-footer {
  border-top: none;
}
.ant-input-prefix {
  left: 8px !important;
}
.ant-input-suffix {
  right: 8px !important;
}
.ant-input,
.ant-input-affix-wrapper {
  height: 40px;
}
.ant-input-affix-wrapper .ant-input {
  height: 38px;
}
.ant-input.ant-input-sm,
.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
  height: 32px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-sm .ant-input {
  height: 30px;
}
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  box-shadow: none;
}
.ant-input-affix-wrapper:hover,
.ant-input-affix-wrapper:focus-within,
.ant-input-affix-wrapper:focus-within .ant-input,
.ant-input-affix-wrapper:hover .ant-input {
  background: var(--defaultBg) !important;
}
.ant-input-affix-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 8px;
}
.ant-input-suffix,
.ant-input-prefix {
  width: 16px;
  height: 16px;
}
.ant-input-suffix svg,
.ant-input-prefix svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
}
.ant-input {
  text-indent: 4px;
  font-size: 14px;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled),
.ant-input:hover {
  border-color: transparent;
}
.ant-input-affix-wrapper .ant-input:focus,
.ant-input:focus,
.ant-input-affix-wrapper .ant-input:hover,
.ant-input:hover {
  box-shadow: none;
  border-color: var(--primaryColor) !important;
}
.ant-input-affix-wrapper .ant-input::-webkit-input-placeholder,
.ant-input::-webkit-input-placeholder {
  font-size: 14px !important;
}
.ant-input-affix-wrapper:not(.error):focus-within .ant-input-prefix svg {
  fill: var(--primaryColor);
}
.ant-input-affix-wrapper-disabled,
.ant-input-disabled {
  background-color: var(--lowestBg) !important;
  color: var(--thirdLevelText) !important;
}
.error.ant-input-affix-wrapper {
  border-color: var(--errorColor) !important;
}
.error.ant-input-affix-wrapper .ant-input-prefix svg {
  fill: var(--errorColor);
}
.error.ant-input-affix-wrapper .ant-input {
  border-color: var(--errorColor) !important;
}
.error.ant-input-affix-wrapper .ant-input::selection {
  background: rgba(136, 106, 247, 0.2);
  color: var(--firstLevelText);
}
.error.ant-input {
  border-color: var(--errorColor) !important;
}
.error.ant-input::selection {
  background: rgba(136, 106, 247, 0.2);
  color: var(--firstLevelText);
}
/*
* Style overloading of Slider components
*/
.ant-slider-rail {
  background: var(--bgControlsDefault);
  height: 4px;
}
.ant-slider .ant-slider-handle {
  border: 2px solid var(--primaryColor);
  margin-top: -5px;
}
.ant-slider-track {
  height: 4px;
}
.ant-slider:hover .ant-slider-rail {
  background: var(--bgControlsHover);
}
.ant-slider:hover .ant-slider-track {
  height: 4px;
}
.ant-select-tree {
  color: var(--fc1);
  background-color: var(--highestBg);
  box-shadow: var(--shadowCommonHigh);
}
.ant-select-dropdown {
  background: var(--highestBg) !important;
}
.ant-select-item-option-selected {
  color: var(--primaryColor) !important;
}
.ant-select-item-option-selected .ant-select-item-option-content svg {
  fill: var(--primaryColor);
}
.ant-select-focused .ant-select-arrow svg {
  fill: var(--thirdLevelText);
}
.ant-select {
  color: var(--fc1);
}
.ant-select .ant-select-arrow {
  margin-left: 4px;
}
.ant-select:hover .ant-select-arrow svg {
  fill: var(--thirdLevelText);
}
.ant-select-single.ant-select-open .ant-select-selection-item {
  opacity: 1;
}
.ant-select-item {
  color: var(--fc1);
}
.ant-select-item-option-disabled svg {
  fill: currentColor;
}
.ant-tree {
  color: var(--fc1);
}
.ant-message {
  font-size: 14px;
}
.ant-message .ant-message-notice-content {
  padding: 0;
  height: 40px !important;
  box-sizing: border-box;
  text-align: left;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
}
.ant-message .ant-message-notice-content .ant-message-custom-content {
  padding: 8px 32px;
  border-radius: 4px;
  height: 100%;
  display: flex;
  align-items: center;
}
.ant-message .ant-message-notice-content .ant-message-custom-content svg {
  fill: var(--staticWhite0);
}
.ant-message .ant-message-notice-content .ant-message-custom-content:not(.ant-message-loading) svg {
  width: 24px;
  height: 24px;
}
.ant-message .ant-message-notice-content .ant-message-custom-content.ant-message-loading svg {
  height: 18px;
  width: 18px;
}
.ant-message .ant-message-notice-content .ant-message-custom-content span {
  display: inline-block;
  overflow: hidden;
  font-size: 14px !important;
  color: var(--staticWhite0);
  margin-left: 8px;
}
.ant-message .ant-message-notice-content .ant-message-custom-content span i {
  font-size: 13px;
  margin-left: 8px;
  font-style: normal;
  text-decoration: none;
  border-bottom: 1px solid;
  cursor: pointer;
}
.ant-message .anticon {
  position: initial;
  top: initial;
  vertical-align: initial;
  color: var(--primaryColor);
}
.ant-message-custom-content.ant-message-error {
  background: var(--errorColor);
}
.ant-message-custom-content.ant-message-loading,
.ant-message-custom-content.ant-message-info {
  background: var(--primaryColor);
}
.ant-message-custom-content.ant-message-success {
  background: var(--successColor);
}
.ant-message-custom-content.ant-message-warning {
  background: var(--warningColor);
}
@media screen and (max-width: 768px) {
  .ant-message-custom-content {
    height: auto !important;
  }
}
.ant-radio-group {
  width: 100%;
}
.ant-radio {
  color: var(--firstLevelText);
}
.ant-radio-disabled .ant-radio-inner {
  border-color: var(--lineColor) !important;
  background-color: var(--lowestBg);
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: var(--lineColor);
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none;
}
.ant-radio-disabled + span {
  color: var(--textCommonTertiary);
}
.Resizer {
  background: var(--lineColor);
  z-index: var(--splitPaneResizer);
  box-sizing: border-box;
  background-clip: padding-box;
}
.Resizer:hover {
  transition: all 0.5s ease;
}
.Resizer.horizontal {
  height: 11px;
  margin: -5px 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  cursor: row-resize;
  width: 100%;
}
.Resizer.horizontal:hover {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.Resizer.vertical {
  min-width: 11px;
  margin: 0 -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  cursor: col-resize;
}
.Resizer.vertical:hover {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.Resizer.disabled {
  cursor: not-allowed;
}
.Resizer.disabled:hover {
  border-color: transparent;
}
.ant-popover-inner {
  background-color: var(--highBg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  border-color: var(--highBg);
}
.ant-popover-arrow {
  border-color: var(--highBg) !important;
}
.ant-popover-arrow-content {
  --antd-arrow-background-color: var(--highBg) !important;
}
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.ant-checkbox-indeterminate .ant-checkbox-inner,
.ant-checkbox-inner {
  width: 16px;
  height: 16px;
  border: none;
  background: var(--fc3);
  position: relative;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after,
.ant-checkbox-inner::after {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(0) translate(-50%, -50%);
  content: " ";
  background: var(--defaultBg);
  border: none;
  opacity: 1;
  border-radius: 3px;
  transition: none;
}
.ant-checkbox-wrapper:hover :not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background: var(--primaryColor);
}
.ant-checkbox-checked .ant-checkbox-inner {
  background: var(--primaryColor);
}
.ant-checkbox-checked .ant-checkbox-inner::before {
  z-index: 1;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  width: 12px;
  height: 12px;
  background: #7B67EE;
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxwYXRoIGZpbGw9IiM4ODZBRjciIGQ9Ik0xMC4yLDMuNGMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwTDQuOCw3LjhsLTItMi41QzIuNSw1LDIuMSw0LjksMS43LDUuMkMxLjQsNS40LDEuNCw1LjksMS42LDYuMmwyLjUsMy4xCgljMC4xLDAuMiwwLjMsMC4zLDAuNSwwLjNjMCwwLDAsMCwwLDBjMC4yLDAsMC40LTAuMSwwLjUtMC4ybDQuOS00LjlDMTAuNSw0LjIsMTAuNSwzLjcsMTAuMiwzLjR6Ii8+Cjwvc3ZnPgo=");
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxwYXRoIGZpbGw9IiM4ODZBRjciIGQ9Ik0xMC4yLDMuNGMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwTDQuOCw3LjhsLTItMi41QzIuNSw1LDIuMSw0LjksMS43LDUuMkMxLjQsNS40LDEuNCw1LjksMS42LDYuMmwyLjUsMy4xCgljMC4xLDAuMiwwLjMsMC4zLDAuNSwwLjNjMCwwLDAsMCwwLDBjMC4yLDAsMC40LTAuMSwwLjUtMC4ybDQuOS00LjlDMTAuNSw0LjIsMTAuNSwzLjcsMTAuMiwzLjR6Ii8+Cjwvc3ZnPgo=");
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  transform: rotate(0) translate(-50%, -50%);
  border: none;
}
.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner::after {
  background: var(--primaryColor);
}
.ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner::before {
  background: var(--staticWhite0);
}
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--primaryColor);
}
.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner,
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--shadowColor);
}
.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner::before,
.ant-checkbox-disabled .ant-checkbox-inner::before {
  background: var(--shadowColor);
}
.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner::after,
.ant-checkbox-disabled .ant-checkbox-inner::after {
  background: var(--lowestBg);
}
.ant-tooltip-inner {
  font-size: 12px;
  color: var(--defaultBg);
  background-color: var(--tooltipBg);
  padding: 8px;
}
.ant-tooltip-arrow-content::before {
  background: var(--tooltipBg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 1px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 1px;
}
.token.t_operator {
  color: #BE5D5D;
}
.token.t_value {
  color: #90A859;
}
.token.t_string {
  color: #AA759F;
}
.token.t_number {
  color: #D28445;
}
.token.t_paren {
  color: #6A9FB5;
}
.token.t_call {
  color: #6A9FB5;
}
.token.t_unknown {
  color: #2d2d2d;
}
.react-contextmenu {
  opacity: 0;
  width: 240px;
  background: var(--defaultBg);
  padding: 4px 0;
  z-index: var(--contextmenu);
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  transform: translate(8px, 8px);
}
.react-contextmenu .react-contextmenu-item {
  padding: 0;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.react-contextmenu .react-contextmenu-item:hover {
  background: var(--rowSelectedBg);
}
.react-contextmenu .react-contextmenu-item--divider {
  height: 9px;
  background: var(--lineColor);
  padding: 4px 16px;
  background-clip: content-box;
  pointer-events: none;
}
.react-contextmenu .react-contextmenu--visible {
  opacity: 1;
}
.react-contextmenu .react-contextmenu-submenu > .react-contextmenu-item {
  padding: 0;
}
.react-contextmenu .react-contextmenu-submenu .react-contextmenu {
  transform: translate(0, 0);
}
@keyframes NotificationFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    bottom: 50;
    opacity: 1;
  }
  100% {
    bottom: -400px;
    opacity: 0;
  }
}
.ant-notification-notice {
  width: auto;
  height: 32px;
  background: var(--primaryColor);
  padding: 0;
}
.ant-notification-notice > a {
  display: none;
}
.ant-notification-notice-message {
  height: 100%;
  padding-left: 0 !important;
  padding: 0 16px !important;
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  color: white;
  height: 32px;
  font-size: 13px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.ant-notification {
  position: absolute;
}
.ant-notification .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn !important;
}
.ant-notification .ant-notification-fade-enter,
.ant-notification .ant-notification-fade-leave {
  animation-duration: 0.5s !important;
}
@keyframes NotificationLeftFadeIn {
  0% {
    bottom: -400px;
    opacity: 0;
  }
  100% {
    bottom: 50;
    opacity: 1;
  }
}
.ant-alert {
  padding: 12px 16px 12px 44px;
}
.ant-alert.ant-alert-no-icon {
  padding: 12px 16px;
}
.ant-alert-icon {
  top: 10px;
  left: 16px;
}
.ant-alert-with-description .ant-alert-icon {
  top: 12px;
  left: 16px;
}
.ant-alert.ant-alert-no-icon .ant-alert-close-icon {
  top: 16px;
}
.ant-tabs {
  color: var(--fc1);
}
.react-resizable-handle::after {
  border-color: var(--primaryColor) !important;
}
.react-grid-item.react-grid-placeholder {
  z-index: 0;
  border: 1px dashed var(--primaryColor);
  background: var(--bgBrandLightDefault);
  opacity: 1;
  border-radius: 8px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--fc1);
}
.ant-breadcrumb-separator,
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title,
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: var(--fc4);
}
.ant-radio {
  top: 0.2em;
}
.am-picker-col-item,
.adm-auto-center-content,
.cp-time-picker,
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title,
.ant-tabs-tab,
.ant-drawer-title,
.ant-radio-wrapper,
.ant-select-dropdown,
.ant-checkbox-wrapper {
  color: var(--fc1);
}
.ant-cascader-menu-item-loading-icon,
.ant-cascader-menu-item-expand-icon,
.ant-progress-text {
  color: var(--fc1) !important;
}
.ant-cascader-menu-item-expand-icon svg {
  vertical-align: -0.2em;
}
.adm-popup-body,
.adm-picker-view,
.adm-picker-view-mask-top,
.adm-picker-view-mask-bottom,
.am-modal-content,
.ant-drawer-content,
.ant-drawer-footer,
.am-picker-popup-content,
.ant-dropdown-menu,
.ant-table,
.ant-drawer-header,
.ant-drawer-body,
.ant-upload.ant-upload-drag {
  background-color: var(--defaultBg) !important;
}
.ant-switch-handle::before {
  background-color: var(--staticWhite0);
}
.ant-switch-checked > .ant-switch-handle::before {
  background-color: var(--staticWhite0);
}
.ant-table-filter-dropdown {
  background-color: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
}
.ant-skeleton-content .ant-skeleton-title,
.ant-skeleton-content .ant-skeleton-paragraph > li {
  background-color: var(--fill0);
}
circle.ant-progress-circle-trail {
  stroke: var(--bgControlsDefault) !important;
}
.ant-progress-line .ant-progress-inner {
  background-color: var(--bgControlsDefault) !important;
}
.ant-switch {
  background-color: var(--defaultTag);
}
.ant-switch-handle::before {
  background-color: var(--staticWhite0);
}
.ant-switch-checked {
  background-color: var(--primaryColor);
}
.ant-switch-checked .ant-switch-handle::before {
  background-color: var(--staticWhite0);
}
.ant-switch-checked:focus {
  box-shadow: 0 0 0 2px var(--shadowCommonDefault);
}
.am-picker-col-mask {
  background-image: linear-gradient(to bottom, rgba(var(--lowestBg-rgb), 0.95), rgba(var(--lowestBg-rgb), 0.6)), linear-gradient(to top, rgba(var(--lowestBg-rgb), 0.95), rgba(var(--lowestBg-rgb), 0.6));
}
.ant-dropdown-menu {
  border-radius: 8px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
}
.rc-trigger-popup {
  border-radius: 8px;
}
.ant-table-thead > tr > th {
  background-color: var(--fc6);
}
.ant-skeleton-element .ant-skeleton-image,
.ant-skeleton-element .ant-skeleton-button {
  background-color: var(--fc11);
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, var(--fc11) 25%, var(--fc11) 37%, var(--fc11) 63%);
}
.adm-picker-header,
.ant-tabs-top > .ant-tabs-nav::before,
.ant-tabs-bottom > .ant-tabs-nav::before,
.ant-tabs-top > div > .ant-tabs-nav::before,
.ant-tabs-bottom > div > .ant-tabs-nav::before {
  border-bottom: 1px solid var(--lineColor) !important;
}
.adm-picker-view-mask-middle {
  border-bottom: 1px solid var(--lineColor) !important;
  border-top: 1px solid var(--lineColor) !important;
}
.ant-dropdown-menu-item-divider {
  background-color: var(--lineColor);
}
.ant-table-cell-scrollbar {
  box-shadow: none;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: 0 1px 0 1px var(--lowestBg);
}
.ant-table-filter-trigger:hover,
.ant-table-filter-trigger-container-open,
.ant-table-filter-trigger-container:hover,
.ant-table-filter-trigger-container-open .ant-table-filter-trigger,
.ant-table-tbody > tr.ant-table-placeholder:hover > td {
  background-color: transparent;
  color: var(--primaryColor);
}
.ant-radio-inner {
  background-color: var(--fill0);
  border-color: var(--fc3);
}
.ant-cascader-menu {
  border-color: var(--lineColor);
}
.ant-table-filter-trigger-container-open .ant-table-filter-trigger:hover {
  color: var(--primaryHover);
}
.ant-table-filter-trigger {
  color: var(--fc3);
}
.ant-table-filter-trigger:hover {
  color: var(--fc2);
}
.ant-table-filter-trigger:focus {
  color: var(--primaryColor);
}
.ant-drawer-header {
  position: relative;
}
.ant-drawer-header-title {
  flex-direction: row-reverse;
}
.ant-select-tree-node-selected {
  background-color: transparent;
}
.ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: transparent;
}
.ant-select-tree {
  box-shadow: none;
}
.ant-drawer-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.ant-breadcrumb li:last-child {
  color: inherit;
}
button:focus-visible {
  outline: unset !important;
}
.taskMobileModal .ant-drawer-body {
  background-color: inherit;
}
.taskModal {
  border: 1px solid var(--borderCommon);
  background-color: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonDefault);
}
.ant-select-tree-indent-unit,
.ant-select-tree-switcher {
  width: 12px !important;
}
.ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none;
}
::-webkit-scrollbar-corner {
  background: var(--defaultBg);
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.circle-loading {
  animation: loading 1s linear infinite;
}
.cp-time-picker-input::placeholder {
  color: #7e8791;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .ant-drawer {
    z-index: 999;
  }
  .ant-message {
    z-index: 1201;
  }
  .ant-drawer-bottom > .ant-drawer-content-wrapper {
    position: fixed;
  }
  .adm-popup,
  .ant-modal-wrap {
    z-index: 1201;
  }
  .ant-popover {
    z-index: 1202;
  }
}
.ant-picker .ant-picker-clear {
  background: transparent;
}
.ant-picker .ant-picker-clear:hover {
  color: #888;
}
.ant-picker-dropdown .ant-picker-range-arrow::after {
  border-color: var(--highestBg) var(--highestBg) transparent transparent;
}
.ant-picker-dropdown .ant-picker-panel-container {
  background-color: var(--highestBg);
}
.ant-picker-dropdown .ant-picker-panel {
  background-color: var(--highestBg);
  border-bottom: none;
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-header {
  border-bottom: 1px solid var(--lineColor);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-super-prev-btn,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-prev-btn,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-super-next-btn,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-next-btn {
  color: var(--thirdLevelText);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-super-prev-btn:hover,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-prev-btn:hover,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-super-next-btn:hover,
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-next-btn:hover {
  color: var(--firstLevelText);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-header .ant-picker-header-view {
  color: var(--fc1);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content thead th {
  color: var(--thirdLevelText);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell {
  color: var(--fc3);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: var(--fill0);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-in-range::before {
  background: var(--rowSelectedBg);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  background: rgba(var(--highestBg-rgb), 0.75);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-range-start::before,
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-range-end::before {
  background: var(--rowSelectedBg);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-in-view {
  color: var(--fc1);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-range-hover-start::after,
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-range-hover::after,
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-range-hover-end::after {
  border-color: var(--primaryColor);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-disabled:hover .ant-picker-cell-inner {
  background: var(--highBg) !important;
  color: #c9c9c9 !important;
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-body .ant-picker-content tbody .ant-picker-cell-disabled::before {
  background: var(--highBg);
}
.ant-picker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content .ant-picker-cell-disabled .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content .ant-picker-cell-disabled .ant-picker-cell-inner {
  background: var(--highestBg);
}
.ant-picker-dropdown .ant-picker-month-panel .ant-picker-body .ant-picker-content .ant-picker-cell-disabled::before,
.ant-picker-dropdown .ant-picker-year-panel .ant-picker-body .ant-picker-content .ant-picker-cell-disabled::before {
  background: var(--highestBg) !important;
}
.adm-space-vertical {
  flex-direction: row !important;
}
.adm-modal {
  z-index: 10001;
}
.adm-modal-body {
  padding-top: 15px !important;
}
.adm-modal-title {
  margin-bottom: 0 !important;
  padding: 0 12px 15px !important;
}
.adm-modal-mask,
.adm-modal-wrap {
  z-index: 1000 !important;
}
.adm-modal-transparent {
  width: calc(100% - 48px);
}
.adm-modal-transparent .adm-modal-content {
  padding-top: 24px;
}
.adm-modal-transparent .adm-modal-content .adm-modal-header {
  padding-top: 0;
}
.adm-modal-transparent .adm-modal-content .adm-modal-header .adm-modal-title {
  line-height: inherit;
}
.adm-modal-transparent .adm-modal-content .adm-modal-body {
  padding: 0 24px 24px;
}
.adm-modal-title {
  font-size: 16px !important;
  color: var(--firstLevelText) !important;
  font-weight: bold !important;
}
.adm-modal-body {
  font-size: 14px !important;
  color: var(--secondLevelText);
  background-color: var(--defaultBg) !important;
}
.adm-modal-body .adm-modal-propmt-content {
  height: 50px !important;
}
.adm-modal-propmt-content .adm-modal-input-container::before {
  display: none;
}
.adm-modal-propmt-content .adm-modal-input-container .adm-modal-input {
  height: 40px;
}
.adm-modal-propmt-content .adm-modal-input-container .adm-modal-input input {
  padding: 0 8px;
  height: 40px;
  border-radius: 4px;
  background-color: var(--lowestBg);
  width: 100%;
  color: var(--textCommonPrimary);
}
.adm-modal-footer {
  padding: 0 !important;
  height: 50px;
}
.adm-modal-footer .adm-modal-button {
  font-size: 15px !important;
  color: var(--primaryColor);
}
.adm-modal-footer .adm-space-item {
  width: 50%;
  height: 100%;
  margin-bottom: 0px !important;
}
.adm-modal-footer .adm-space-item button {
  height: 100% !important;
}
.adm-modal-footer .adm-space-item:first-child .adm-modal-button {
  color: var(--thirdLevelText);
}
.adm-modal-footer .adm-space-item:last-child::before .adm-modal-button {
  transform: none !important;
  top: 16px !important;
  height: 18px !important;
  color: var(--fc5);
  background-color: var(--fc5);
}
.adm-picker-header-button:first-of-type {
  color: var(--fc2) !important;
}
.ant-table-thead > tr > th {
  background: transparent;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  border-bottom: 1px solid var(--borderCommonDefault);
  color: var(--textCommonPrimary);
}
.ant-table-tbody > tr.ant-table-row:hover > td,
.ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background-color: var(--bgBglessHover);
}
.ant-table .ant-table-tbody {
  font-size: 13px;
}
th.ant-table-cell::before {
  display: none;
}
.ant-pagination {
  color: var(--textCommonPrimary);
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  color: var(--textCommonPrimary);
}
.ant-pagination-item-link,
.ant-pagination-item {
  background-color: transparent;
}
.ant-pagination-item-link a,
.ant-pagination-item a {
  color: var(--textCommonPrimary);
}
.ant-pagination-prev button,
.ant-pagination-next button {
  color: var(--textCommonPrimary);
  background-color: transparent !important;
}
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link {
  opacity: 0.5;
}
.ant-pagination-item-link {
  border: none !important;
}
.ant-divider-horizontal.ant-divider-with-text {
  border-top-color: var(--borderCommonDefault);
  color: var(--textCommonTertiary);
  font-size: 12px;
  font-weight: normal;
}
:root {
  --zIndex-1: 100;
  --zIndex-2: 200;
  --zIndex-3: 300;
  --zIndex-4: 400;
  --zIndex-5: 500;
  --zIndex-6: 600;
  --zIndex-7: 700;
  --zIndex-8: 800;
  --zIndex-9: 900;
  --zIndex-10: 1000;
  --zIndex-11: 1100;
  --zIndex-12: 1200;
  --viewSortBoxIndex: 10;
  --changRowHeightBox: 10;
  --dragColumnWidthAfter: 1;
  --viewFilterBox: 10;
  --previewFile: 1001;
  --changeMemberDeptModal: 99;
  --userMenu: 2;
  --spaceMenu: 2;
  --catalogCloseBtn: 13;
  --viewSwitchItem: -1;
  --grid: 1;
  --catalogShortMenu: 5;
  --container: 11;
  --fillHandleZIndex: 12;
  --scrollBar: 11;
  --contextmenu: 100;
  --image: 1;
  /* Menu on the left side of the page */
  --navigation: 2;
  /* ant design modal z-index is 1000, here and it is the same, to ensure that whoever comes out after, is on top */
  --overAntModal: 1000;
  /* Render the alert in document.body, the same as the display position of the message */
  --funcAlert: 1000;
  --searchMemberList: 2;
  --group: 1;
  --shallow: 100;
  /* Border circle when dragging and dropping nodes */
  --drag-line-circle: 2;
  --tabButton: 10;
  --tabButtonSvg: 1;
  --tabBlank: 5;
  --tabAddNewIcon: 10;
  --shareMask: 2;
  /* Drag lines in splitPane component */
  --splitPaneResizer: 3;
  /* In the new link invitation popup, the switch in the treeSelect component */
  --switchIcon: -1;
  /* New link invitation pop-up window, treeSelect component in the hover and select when the background color */
  --beforeContent: -2;
  --emojiPicker: 10;
  --triggerIndex: 10000;
  --catalogSearchGlass: 10;
  --vikaby: 999;
  --contextMenuZIndex: 10000;
  --memberOptionListZIndex: 1000;
  --linkEditorZIndex: 999;
  --expandWidget: 999;
  /* # 1 */
  --zIndex-1-mobileFriendlyTip: var(--zIndex-1);
  --zIndex-1-shareMobileSide: var(--zIndex-1);
  --zIndex-1-sideMaskZIndex: var(--zIndex-1);
  --zIndex-1-viewListMaskZIndex: var(--zIndex-1);
  --zIndex-1-previewMainFIleContainer: var(--zIndex-1);
  --zIndex-1-expandMultiTipTransition: var(--zIndex-1);
  --zIndex-1-statusbar: var(--zIndex-1);
  /* # 2 */
  --zIndex-2-wechatShareGuideZIndex: var(--zIndex-2);
  --zIndex-2-previewMainPageButton: var(--zIndex-2);
  --zIndex-2-statusbarHover: var(--zIndex-2);
  /* # 3 */
  --zIndex-3-previewToolBar: var(--zIndex-3);
  --zIndex-3-previewDisplayList: var(--zIndex-3);
  --zIndex-3-uploadDeleteIcon: var(--zIndex-3);
  /* # 10 */
  --zIndex-10-viewListZIndex: var(--zIndex-10);
  --zIndex-10-sideMaskZIndex: var(--zIndex-10);
  --zIndex-10-previewFileMaskZIndex: var(--zIndex-10);
  --zIndex-10-uploadZoneOpacity: var(--zIndex-10);
  --zIndex-10-fieldDescBox: var(--zIndex-10);
  /* # 12 */
  --zIndex-12-mobileBackZIndex: var(--zIndex-12);
  /* Template */
  --template_navigation: 3;
  --template_category_scroll_area: 0;
  --template_tip: 10;
  /* View tab bar */
  --splitMenuContent: 15;
  --tabbarNav: 14;
  --splitCloseBtn: 16;
  /* Magic Form Upload Attachment */
  --formAttachment: 10;
}
/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
:root[data-theme="dark"] .markdown-body {
  color-scheme: dark;
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #6e7681;
  --color-canvas-default: #0d1117;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: rgba(110, 118, 129, 0.4);
  --color-neutral-muted: rgba(110, 118, 129, 0.4);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-attention-subtle: rgba(187, 128, 9, 0.15);
  --color-danger-fg: #f85149;
}
:root[data-theme="light"] .markdown-body {
  color-scheme: light;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #ffffff;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210, 18%, 87%);
  --color-neutral-muted: rgba(175, 184, 193, 0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
}
.markdown-body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  color: var(--color-fg-default);
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body .octicon {
  display: inline-block;
  fill: currentColor;
  vertical-align: text-bottom;
}
.markdown-body h1:hover .anchor .octicon-link:before,
.markdown-body h2:hover .anchor .octicon-link:before,
.markdown-body h3:hover .anchor .octicon-link:before,
.markdown-body h4:hover .anchor .octicon-link:before,
.markdown-body h5:hover .anchor .octicon-link:before,
.markdown-body h6:hover .anchor .octicon-link:before {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}
.markdown-body details,
.markdown-body figcaption,
.markdown-body figure {
  display: block;
}
.markdown-body summary {
  display: list-item;
}
.markdown-body [hidden] {
  display: none !important;
}
.markdown-body a {
  background-color: transparent;
  color: var(--textBrandDefault);
  text-decoration: none;
}
.markdown-body abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.markdown-body b,
.markdown-body strong {
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dfn {
  font-style: italic;
}
.markdown-body mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}
.markdown-body small {
  font-size: 90%;
}
.markdown-body sub,
.markdown-body sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.markdown-body sub {
  bottom: -0.25em;
}
.markdown-body sup {
  top: -0.5em;
}
.markdown-body img {
  border-style: none;
  max-width: 100%;
  box-sizing: content-box;
}
.markdown-body code,
.markdown-body kbd,
.markdown-body pre,
.markdown-body samp {
  font-family: monospace;
  font-size: 1em;
}
.markdown-body figure {
  margin: 1em 40px;
}
.markdown-body hr {
  box-sizing: content-box;
  overflow: hidden;
  background: transparent;
  border-bottom: 1px solid var(--color-border-muted);
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}
.markdown-body input {
  font: inherit;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.markdown-body [type=button],
.markdown-body [type=reset],
.markdown-body [type=submit] {
  -webkit-appearance: button;
}
.markdown-body [type=checkbox],
.markdown-body [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.markdown-body [type=number]::-webkit-inner-spin-button,
.markdown-body [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.markdown-body [type=search]::-webkit-search-cancel-button,
.markdown-body [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.markdown-body ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
.markdown-body ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.markdown-body a:hover {
  text-decoration: underline;
}
.markdown-body ::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}
.markdown-body hr::before {
  display: table;
  content: "";
}
.markdown-body hr::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body table {
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}
.markdown-body td,
.markdown-body th {
  padding: 0;
}
.markdown-body details summary {
  cursor: pointer;
}
.markdown-body details:not([open]) > *:not(summary) {
  display: none !important;
}
.markdown-body a:focus,
.markdown-body [role=button]:focus,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=checkbox]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:focus:not(:focus-visible),
.markdown-body [role=button]:focus:not(:focus-visible),
.markdown-body input[type=radio]:focus:not(:focus-visible),
.markdown-body input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.markdown-body a:focus-visible,
.markdown-body [role=button]:focus-visible,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.markdown-body a:not([class]):focus,
.markdown-body a:not([class]):focus-visible,
.markdown-body input[type=radio]:focus,
.markdown-body input[type=radio]:focus-visible,
.markdown-body input[type=checkbox]:focus,
.markdown-body input[type=checkbox]:focus-visible {
  outline-offset: 0;
}
.markdown-body kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body h1 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 32px;
  line-height: 42px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h2 {
  font-weight: var(--base-text-weight-semibold, 600);
  padding-bottom: 5px;
  font-size: 28px;
  line-height: 42px;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 24px;
  line-height: 36px;
}
.markdown-body h4 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 20px;
  line-height: 30px;
}
.markdown-body h5 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 18px;
  line-height: 28px;
}
.markdown-body h6 {
  font-weight: var(--base-text-weight-semibold, 600);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-fg-muted);
}
.markdown-body p {
  margin-top: 0;
  margin-bottom: 10px;
}
.markdown-body p:last-child {
  margin-bottom: 0;
}
.markdown-body blockquote {
  margin: 0;
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.markdown-body ul,
.markdown-body ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2em;
}
.markdown-body ol ol,
.markdown-body ul ol {
  list-style-type: lower-roman;
}
.markdown-body ul ul ol,
.markdown-body ul ol ol,
.markdown-body ol ul ol,
.markdown-body ol ol ol {
  list-style-type: lower-alpha;
}
.markdown-body dd {
  margin-left: 0;
}
.markdown-body tt,
.markdown-body code,
.markdown-body samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}
.markdown-body pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
  word-wrap: normal;
}
.markdown-body .octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}
.markdown-body input::-webkit-outer-spin-button,
.markdown-body input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: var(--color-danger-fg);
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 16px;
}
.markdown-body p:last-child,
.markdown-body blockquote:last-child,
.markdown-body ul:last-child,
.markdown-body ol:last-child,
.markdown-body dl:last-child,
.markdown-body table:last-child,
.markdown-body pre:last-child,
.markdown-body details:last-child {
  margin-bottom: 0;
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}
.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}
.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ol[type=a] {
  list-style-type: lower-alpha;
}
.markdown-body ol[type=A] {
  list-style-type: upper-alpha;
}
.markdown-body ol[type=i] {
  list-style-type: lower-roman;
}
.markdown-body ol[type=I] {
  list-style-type: upper-roman;
}
.markdown-body ol[type="1"] {
  list-style-type: decimal;
}
.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li > p {
  margin-top: 16px;
}
.markdown-body li + li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}
.markdown-body table th {
  font-weight: var(--base-text-weight-semibold, 600);
}
.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.markdown-body table img {
  background-color: transparent;
}
.markdown-body img[align=right] {
  padding-left: 20px;
}
.markdown-body img[align=left] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body code,
.markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}
.markdown-body code br,
.markdown-body tt br {
  display: none;
}
.markdown-body del code {
  text-decoration: inherit;
}
.markdown-body samp {
  font-size: 85%;
}
.markdown-body pre code {
  font-size: 12px;
}
.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}
.markdown-body .highlight {
  margin-bottom: 16px;
}
.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}
.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}
.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--color-canvas-subtle);
  border-top: 0;
}
.markdown-body [data-footnote-ref]::before {
  content: "[";
}
.markdown-body [data-footnote-ref]::after {
  content: "]";
}
.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
  padding-left: 16px;
}
.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 16px;
  margin-top: 16px;
}
.markdown-body .footnotes li {
  position: relative;
}
.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}
.markdown-body .pl-c {
  color: var(--color-prettylights-syntax-comment);
}
.markdown-body .pl-c1,
.markdown-body .pl-s .pl-v {
  color: var(--color-prettylights-syntax-constant);
}
.markdown-body .pl-e,
.markdown-body .pl-en {
  color: var(--color-prettylights-syntax-entity);
}
.markdown-body .pl-smi,
.markdown-body .pl-s .pl-s1 {
  color: var(--color-prettylights-syntax-storage-modifier-import);
}
.markdown-body .pl-ent {
  color: var(--color-prettylights-syntax-entity-tag);
}
.markdown-body .pl-k {
  color: var(--color-prettylights-syntax-keyword);
}
.markdown-body .pl-s,
.markdown-body .pl-pds,
.markdown-body .pl-s .pl-pse .pl-s1,
.markdown-body .pl-sr,
.markdown-body .pl-sr .pl-cce,
.markdown-body .pl-sr .pl-sre,
.markdown-body .pl-sr .pl-sra {
  color: var(--color-prettylights-syntax-string);
}
.markdown-body .pl-v,
.markdown-body .pl-smw {
  color: var(--color-prettylights-syntax-variable);
}
.markdown-body .pl-bu {
  color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
.markdown-body .pl-ii {
  color: var(--color-prettylights-syntax-invalid-illegal-text);
  background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
.markdown-body .pl-c2 {
  color: var(--color-prettylights-syntax-carriage-return-text);
  background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
.markdown-body .pl-sr .pl-cce {
  font-weight: bold;
  color: var(--color-prettylights-syntax-string-regexp);
}
.markdown-body .pl-ml {
  color: var(--color-prettylights-syntax-markup-list);
}
.markdown-body .pl-mh,
.markdown-body .pl-mh .pl-en,
.markdown-body .pl-ms {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-heading);
}
.markdown-body .pl-mi {
  font-style: italic;
  color: var(--color-prettylights-syntax-markup-italic);
}
.markdown-body .pl-mb {
  font-weight: bold;
  color: var(--color-prettylights-syntax-markup-bold);
}
.markdown-body .pl-md {
  color: var(--color-prettylights-syntax-markup-deleted-text);
  background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
.markdown-body .pl-mi1 {
  color: var(--color-prettylights-syntax-markup-inserted-text);
  background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
.markdown-body .pl-mc {
  color: var(--color-prettylights-syntax-markup-changed-text);
  background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
.markdown-body .pl-mi2 {
  color: var(--color-prettylights-syntax-markup-ignored-text);
  background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
.markdown-body .pl-mdr {
  font-weight: bold;
  color: var(--color-prettylights-syntax-meta-diff-range);
}
.markdown-body .pl-ba {
  color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
.markdown-body .pl-sg {
  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.markdown-body .pl-corl {
  text-decoration: underline;
  color: var(--color-prettylights-syntax-constant-other-reference-link);
}
.markdown-body g-emoji {
  display: inline-block;
  min-width: 1ch;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1em;
  font-style: normal !important;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1;
  vertical-align: -0.075em;
}
.markdown-body g-emoji img {
  width: 1em;
  height: 1em;
}
.markdown-body .task-list-item {
  list-style-type: none;
}
.markdown-body .task-list-item label {
  font-weight: var(--base-text-weight-normal, 400);
}
.markdown-body .task-list-item.enabled label {
  cursor: pointer;
}
.markdown-body .task-list-item + .task-list-item {
  margin-top: 4px;
}
.markdown-body .task-list-item .handle {
  display: none;
}
.markdown-body .task-list-item-checkbox {
  margin: 0 0.2em 0.25em -1.4em;
  vertical-align: middle;
}
.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
  margin: 0 -1.6em 0.25em 0.2em;
}
.markdown-body .contains-task-list {
  position: relative;
}
.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body .contains-task-list:focus-within .task-list-item-convert-container {
  display: block;
  width: auto;
  height: 24px;
  overflow: visible;
  clip: auto;
}
.markdown-body ::-webkit-calendar-picker-indicator {
  filter: invert(50%);
}
/* PrismJS 1.21.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=clike+javascript+bash&plugins=treeview */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */
code[class*='language-ai-'],
pre[class*='language-ai-'] {
  color: var(--textCommonPrimary);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  text-shadow: none;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}
/* Code blocks */
pre[class*='language-ai-'] {
  overflow: auto;
  position: relative;
}
:not(pre) > code[class*='language-ai-'],
pre[class*='language-ai'] {
  border-radius: 4px;
}
/* Inline code */
:not(pre) > code[class*='language-ai-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
:root[data-theme='light'] code[class*='language-ai-'],
:root[data-theme='light'] pre[class*='language-ai-'] {
  --color-highlight-syntax-comment: #777;
  --color-highlight-syntax-punctuation: var(--textCommonPrimary);
  --color-highlight-syntax-tag: #e14348;
  --color-highlight-syntax-function-name: #357fc9;
  --color-highlight-syntax-boolean: #b75716;
  --color-highlight-syntax-number: #b75716;
  --color-highlight-syntax-property: #f7ae10;
  --color-highlight-syntax-selector: #954b96;
  --color-highlight-syntax-string: #318b54;
  --color-highlight-syntax-operator: #1f9694;
  --color-highlight-syntax-inserted: green;
}
:root[data-theme='dark'] code[class*='language-ai-'],
:root[data-theme='dark'] pre[class*='language-ai-'] {
  --color-highlight-syntax-comment: #999;
  --color-highlight-syntax-punctuation: var(--textCommonPrimary);
  --color-highlight-syntax-tag: #e2777a;
  --color-highlight-syntax-function-name: #6196cc;
  --color-highlight-syntax-boolean: #f08d49;
  --color-highlight-syntax-number: #f08d49;
  --color-highlight-syntax-property: #f8c555;
  --color-highlight-syntax-selector: #cc99cd;
  --color-highlight-syntax-string: #7ec699;
  --color-highlight-syntax-operator: #67cdcc;
  --color-highlight-syntax-inserted: green;
}
code[class*='language-ai-'] ::selection,
pre[class*='language-ai-'] ::selection {
  background: var(--primaryColor);
  color: #fff;
}
code[class*='language-ai-'] .token.comment,
pre[class*='language-ai-'] .token.comment,
code[class*='language-ai-'] .token.block-comment,
pre[class*='language-ai-'] .token.block-comment,
code[class*='language-ai-'] .token.prolog,
pre[class*='language-ai-'] .token.prolog,
code[class*='language-ai-'] .token.doctype,
pre[class*='language-ai-'] .token.doctype,
code[class*='language-ai-'] .token.cdata,
pre[class*='language-ai-'] .token.cdata {
  color: var(--color-highlight-syntax-comment);
}
code[class*='language-ai-'] .token.punctuation,
pre[class*='language-ai-'] .token.punctuation {
  color: var(--textCommonPrimary);
}
code[class*='language-ai-'] .token.tag,
pre[class*='language-ai-'] .token.tag,
code[class*='language-ai-'] .token.attr-name,
pre[class*='language-ai-'] .token.attr-name,
code[class*='language-ai-'] .token.namespace,
pre[class*='language-ai-'] .token.namespace,
code[class*='language-ai-'] .token.deleted,
pre[class*='language-ai-'] .token.deleted {
  color: var(--color-highlight-syntax-tag);
}
code[class*='language-ai-'] .token.function-name,
pre[class*='language-ai-'] .token.function-name {
  color: var(--color-highlight-syntax-function-name);
}
code[class*='language-ai-'] .token.boolean,
pre[class*='language-ai-'] .token.boolean,
code[class*='language-ai-'] .token.number,
pre[class*='language-ai-'] .token.number,
code[class*='language-ai-'] .token.function,
pre[class*='language-ai-'] .token.function {
  color: var(--color-highlight-syntax-boolean);
}
code[class*='language-ai-'] .token.property,
pre[class*='language-ai-'] .token.property,
code[class*='language-ai-'] .token.class-name,
pre[class*='language-ai-'] .token.class-name,
code[class*='language-ai-'] .token.constant,
pre[class*='language-ai-'] .token.constant,
code[class*='language-ai-'] .token.symbol,
pre[class*='language-ai-'] .token.symbol {
  color: var(--color-highlight-syntax-property);
}
code[class*='language-ai-'] .token.selector,
pre[class*='language-ai-'] .token.selector,
code[class*='language-ai-'] .token.important,
pre[class*='language-ai-'] .token.important,
code[class*='language-ai-'] .token.atrule,
pre[class*='language-ai-'] .token.atrule,
code[class*='language-ai-'] .token.keyword,
pre[class*='language-ai-'] .token.keyword,
code[class*='language-ai-'] .token.builtin,
pre[class*='language-ai-'] .token.builtin {
  color: var(--color-highlight-syntax-selector);
}
code[class*='language-ai-'] .token.string,
pre[class*='language-ai-'] .token.string,
code[class*='language-ai-'] .token.char,
pre[class*='language-ai-'] .token.char,
code[class*='language-ai-'] .token.attr-value,
pre[class*='language-ai-'] .token.attr-value,
code[class*='language-ai-'] .token.regex,
pre[class*='language-ai-'] .token.regex,
code[class*='language-ai-'] .token.variable,
pre[class*='language-ai-'] .token.variable {
  color: var(--color-highlight-syntax-string);
}
code[class*='language-ai-'] .token.operator,
pre[class*='language-ai-'] .token.operator,
code[class*='language-ai-'] .token.entity,
pre[class*='language-ai-'] .token.entity,
code[class*='language-ai-'] .token.url,
pre[class*='language-ai-'] .token.url {
  color: var(--color-highlight-syntax-operator);
  background: none;
}
code[class*='language-ai-'] .token.important,
pre[class*='language-ai-'] .token.important,
code[class*='language-ai-'] .token.bold,
pre[class*='language-ai-'] .token.bold {
  font-weight: bold;
}
code[class*='language-ai-'] .token.italic,
pre[class*='language-ai-'] .token.italic {
  font-style: italic;
}
code[class*='language-ai-'] .token.entity,
pre[class*='language-ai-'] .token.entity {
  cursor: help;
}
code[class*='language-ai-'] .token.inserted,
pre[class*='language-ai-'] .token.inserted {
  color: var(--color-highlight-syntax-inserted);
}
@font-face {
  font-family: "BebasNeue";
  src: url(/_next/static/media/BebasNeue-Regular.00da7941.ttf);
}
.flex {
  display: flex;
}
.item-center {
  align-items: center;
}
.keyword {
  color: var(--primaryColor);
}
.space-between {
  justify-content: space-between;
}
.f-g-1 {
  flex-grow: 1;
}
.layout-row {
  position: relative;
  display: flex;
  flex-direction: row;
}
.layout-row > .flex {
  min-width: 0;
}
.layout-column {
  display: flex;
  flex-direction: column;
}
.layout-column > .flex {
  min-height: 0;
}
.layout-main-center {
  justify-content: center;
}
.layout-main-end {
  justify-content: flex-end;
}
.layout-main-space-around {
  justify-content: space-around;
}
.layout-main-space-between {
  justify-content: space-between;
}
.layout-cross-center {
  align-items: center;
}
.layout-cross-end {
  align-items: flex-end;
}
.layout-main-cross-center {
  align-items: center;
  justify-content: center;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
  transition: color 99999s ease-out, background-color 99999s ease-out;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.code,
code {
  font-family: iawriter-mono, Nitti, Consolas, Menlo, Courier, monospace;
}
.code::selection,
code::selection {
  color: inherit;
  background: #d4ccff;
}
.code span::selection,
code span::selection {
  color: inherit;
  background: #d4ccff;
}
.ant-input-affix-wrapper-lg {
  background-color: var(--lowestBg);
  height: 48px !important;
  border-radius: 24px !important;
}
.ant-input-affix-wrapper-lg .ant-input {
  border-radius: 24px !important;
  background-color: var(--lowestBg);
}
.ant-input-affix-wrapper-lg .ant-input-prefix {
  margin-left: 8px;
}
.ant-input-affix-wrapper-lg .ant-input-suffix {
  margin-right: 8px;
}
@supports (bottom: constant(safe-area-inset-bottom)) or
  (bottom: env(safe-area-inset-bottom)) {
  #DATASHEET_VIEW_CONTAINER_ID {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
  }
}
.rc-trigger-popup-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--zIndex-10) !important;
  background: unset !important;
}
.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner,
.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
  border-radius: 4px !important;
}
.xgplayer-skin-default {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.54) !important;
}
.xgplayer-progress-played {
  background-color: var(--primaryColor);
  background-image: none !important;
}
.xgplayer-skin-default .xgplayer-controls .xgplayer-playbackrate {
  left: -4px;
}
.xgplayer-skin-default .xgplayer-controls .xgplayer-playbackrate .name {
  width: 48px;
  background: rgba(255, 255, 255, 0.2);
}
.xgplayer-skin-default .xgplayer-controls .xgplayer-playbackrate .name:hover {
  background: rgba(255, 255, 255, 0.1);
}
.xgplayer-skin-default .xgplayer-controls .xgplayer-playbackrate > ul {
  width: 64px;
  background: rgba(0, 0, 0, 0.8);
}
.scroll-after {
  content: '';
  display: block;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  padding: 10px;
  pointer-events: none;
  background: var(--bgGradientVertical);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.scroll-color-relative-absolute {
  position: relative;
}
.scroll-color-relative-absolute::after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  padding: 10px;
  pointer-events: none;
  background: var(--bgGradientVertical);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.light .scroll-color-relative-absolute::after {
  background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.scroll-color-fixed {
  position: fixed;
}
.scroll-color-fixed::after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  padding: 10px;
  pointer-events: none;
  background: var(--bgGradientVertical);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.scroll-color-absolute {
  position: absolute;
}
.scroll-color-absolute::after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  padding: 10px;
  pointer-events: none;
  background: var(--bgGradientVertical);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.scroll-color-sticky {
  position: relative;
}
.scroll-color-sticky::after {
  position: -webkit-sticky;
  position: sticky;
  content: '';
  display: block;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  padding: 10px;
  pointer-events: none;
  background: var(--bgGradientVertical);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.json-view .json-view--copy {
  fill: var(--secondLevelText) !important;
}
code.json-view {
  color: var(--secondLevelText) !important;
}
.json-view .json-view--copy {
  fill: var(--secondLevelText) !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
**/
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.treeViewRoot {
  /* Clean up default styles */
  list-style: none;
  padding: 0;
  margin: 0;
}
.treeItemRoot,
.treeItemRoot .group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.treeItemRoot .treeItem {
  width: 100%;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  cursor: pointer;
}
.treeItemRoot .treeItem .iconContainer {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.treeItemRoot .treeItem .iconContainer .icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 2px;
}
@media (any-hover: hover) {
  .treeItemRoot .treeItem .iconContainer .icon:hover {
    background: var(--shadowColor);
  }
}
.treeItemRoot .treeItem .iconContainer .icon .spin {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.treeItemRoot .treeItem .iconContainer .icon svg {
  fill: var(--fourthLevelText);
  transform: rotate(0deg);
  transition: transform 500ms ease;
}
.treeItemRoot .treeItem .label {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
}
.treeItemRoot .treeItem .label::before {
  display: none;
  content: '\0020';
  position: absolute;
  left: 5px;
  right: 0;
  border-top: 2px var(--primaryColor) solid;
  z-index: 1;
  pointer-events: none;
}
.treeItemRoot .treeItem .label::after {
  display: none;
  content: '\0020';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px / 2;
  border: 2px solid var(--primaryColor);
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
@media (any-hover: hover) {
  .treeItemRoot .treeItem:hover {
    border-radius: 4px;
    background: var(--fill0);
  }
}
.treeItemRoot .treeItem:active {
  background: var(--fill1);
}
.treeItemRoot .treeItem.expanded .iconContainer svg {
  transform: rotate(90deg);
}
.treeItemRoot .treeItem.selected {
  background: var(--primaryLight);
}
.treeItemRoot .treeItem.selected + .group {
  background: var(--fill0);
  border-radius: 0 0 4px 4px;
}
.treeItemRoot .treeItem.selected.expanded {
  border-radius: 4px 4px 0 0;
}
.treeItemRoot .treeItem.disabled {
  background: transparent;
}
.treeItemRoot .treeItem.dragNodeHighlight {
  background: var(--defaultBg);
}
.treeItemRoot .treeItem.parentHighlight {
  border-color: var(--primaryColor);
}
.treeItemRoot .treeItem.draggable .label {
  cursor: pointer;
}
.treeItemRoot .treeItem.dragging .label {
  cursor: grabbing;
}
.treeItemRoot .treeItem.dragOverGapTop .label::before {
  display: block;
  top: -3px;
}
.treeItemRoot .treeItem.dragOverGapTop .label::after {
  display: block;
  top: -5px;
}
.treeItemRoot .treeItem.dragOverGapBottom .label::before {
  display: block;
  bottom: -3px;
}
.treeItemRoot .treeItem.dragOverGapBottom .label::after {
  display: block;
  bottom: -5px;
}
.treeItemRoot .treeItem.dragOver {
  border-color: var(--primaryColor);
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--primaryColor);
}
a {
  color: var(--primaryColor);
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:focus,
.ant-tabs-tab-btn:active,
.ant-tabs-tab-remove:active {
  color: var(--black_900);
}
#dingtalk_qrcode {
  width: 100%;
  height: 100%;
}
#dingtalk_qrcode iframe {
  width: 100%;
  height: 100%;
}
.intercom-lightweight-app {
  z-index: 1000 !important;
}
.intercom-app {
  position: relative;
  z-index: 1000 !important;
}
.form-control-password {
  background: var(--fill0) !important;
  border-color: transparent !important;
}
.form-control-password input {
  caret-color: unset !important;
}
#chat-widget-container {
  z-index: 1003 !important;
}
.rc-virtual-list-scrollbar {
  background: transparent;
  width: 14px !important;
  display: flex;
  justify-content: center;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  background-clip: padding-box;
}
.rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  background: var(--bgScrollbarDefault) !important;
  min-height: 36px;
  border-radius: 7px !important;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(147 197 253 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
  color-scheme: light;
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(98% 0 0);
  --color-base-300: oklch(95% 0 0);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: oklch(45% 0.24 277.023);
  --color-primary-content: oklch(93% 0.034 272.788);
  --color-secondary: oklch(65% 0.241 354.308);
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(74% 0.16 232.661);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(71% 0.194 13.428);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-base-100: oklch(25.33% 0.016 252.42);
    --color-base-200: oklch(23.26% 0.014 253.1);
    --color-base-300: oklch(21.15% 0.012 254.09);
    --color-base-content: oklch(97.807% 0.029 256.847);
    --color-primary: oklch(58% 0.233 277.117);
    --color-primary-content: oklch(96% 0.018 272.314);
    --color-secondary: oklch(65% 0.241 354.308);
    --color-secondary-content: oklch(94% 0.028 342.258);
    --color-accent: oklch(77% 0.152 181.912);
    --color-accent-content: oklch(38% 0.063 188.416);
    --color-neutral: oklch(14% 0.005 285.823);
    --color-neutral-content: oklch(92% 0.004 286.32);
    --color-info: oklch(74% 0.16 232.661);
    --color-info-content: oklch(29% 0.066 243.157);
    --color-success: oklch(76% 0.177 163.223);
    --color-success-content: oklch(37% 0.077 168.94);
    --color-warning: oklch(82% 0.189 84.429);
    --color-warning-content: oklch(41% 0.112 45.904);
    --color-error: oklch(71% 0.194 13.428);
    --color-error-content: oklch(27% 0.105 12.094);
    --radius-selector: 0.5rem;
    --radius-field: 0.25rem;
    --radius-box: 0.5rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }
}
:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
  color-scheme: light;
  --color-base-100: oklch(100% 0 0);
  --color-base-200: oklch(98% 0 0);
  --color-base-300: oklch(95% 0 0);
  --color-base-content: oklch(21% 0.006 285.885);
  --color-primary: oklch(45% 0.24 277.023);
  --color-primary-content: oklch(93% 0.034 272.788);
  --color-secondary: oklch(65% 0.241 354.308);
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(74% 0.16 232.661);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(71% 0.194 13.428);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}
:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
  color-scheme: dark;
  --color-base-100: oklch(25.33% 0.016 252.42);
  --color-base-200: oklch(23.26% 0.014 253.1);
  --color-base-300: oklch(21.15% 0.012 254.09);
  --color-base-content: oklch(97.807% 0.029 256.847);
  --color-primary: oklch(58% 0.233 277.117);
  --color-primary-content: oklch(96% 0.018 272.314);
  --color-secondary: oklch(65% 0.241 354.308);
  --color-secondary-content: oklch(94% 0.028 342.258);
  --color-accent: oklch(77% 0.152 181.912);
  --color-accent-content: oklch(38% 0.063 188.416);
  --color-neutral: oklch(14% 0.005 285.823);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(74% 0.16 232.661);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(76% 0.177 163.223);
  --color-success-content: oklch(37% 0.077 168.94);
  --color-warning: oklch(82% 0.189 84.429);
  --color-warning-content: oklch(41% 0.112 45.904);
  --color-error: oklch(71% 0.194 13.428);
  --color-error-content: oklch(27% 0.105 12.094);
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}
@property --radialprogress {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
:root {
  --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
}
.vk-container {
  width: 100%;
}
@media (min-width: 640px) {
  .vk-container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .vk-container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .vk-container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .vk-container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .vk-container {
    max-width: 1536px;
  }
}
.vk-table {
  font-size: 0.875rem;
  position: relative;
  width: 100%;
  border-radius: var(--radius-box);
  text-align: left;
}
.vk-table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  text-align: right;
}
@media (hover: hover) {
  .vk-table tr.vk-row-hover:hover, .vk-table tr.vk-row-hover:nth-child(even):hover {
    background-color: var(--color-base-200);
  }
}
.vk-table :where(th, td) {
  padding-inline: calc(0.25rem * 4);
  padding-block: calc(0.25rem * 3);
  vertical-align: middle;
}
.vk-table :where(thead, tfoot) {
  white-space: nowrap;
  color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
  font-size: 0.875rem;
  font-weight: 600;
}
.vk-table :where(tfoot) {
  border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
}
.vk-table :where(.vk-table-pin-rows thead tr) {
  position: -webkit-sticky;
  position: sticky;
  top: calc(0.25rem * 0);
  z-index: 1;
  background-color: var(--color-base-100);
}
.vk-table :where(.vk-table-pin-rows tfoot tr) {
  position: -webkit-sticky;
  position: sticky;
  bottom: calc(0.25rem * 0);
  z-index: 1;
  background-color: var(--color-base-100);
}
.vk-table :where(.vk-table-pin-cols tr th) {
  position: -webkit-sticky;
  position: sticky;
  right: calc(0.25rem * 0);
  left: calc(0.25rem * 0);
  background-color: var(--color-base-100);
}
.vk-table :where(thead tr, tbody tr:not(:last-child)) {
  border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
}
@keyframes radio {
  0% {
    padding: 5px;
  }
  50% {
    padding: 3px;
  }
}
@keyframes skeleton {
  0% {
    background-position: 150%;
  }
  100% {
    background-position: -50%;
  }
}
@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}
.vk-label:is(.vk-input > *, .vk-select > *) {
  display: flex;
  height: calc(100% - 0.5rem);
  align-items: center;
  padding-inline: calc(0.25rem * 3);
  white-space: nowrap;
  font-size: inherit;
}
.vk-label:is(.vk-input > *, .vk-select > *):first-child {
  margin-inline-start: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * 3);
  border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
}
.vk-label:is(.vk-input > *, .vk-select > *):last-child {
  margin-inline-start: calc(0.25rem * 3);
  margin-inline-end: calc(0.25rem * -3);
  border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
}
@keyframes toast {
  0% {
    scale: 0.9;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
.vk-mockup-browser .vk-mockup-browser-toolbar .vk-input {
  margin-inline: auto;
  display: flex;
  height: 100%;
  align-items: center;
  gap: calc(0.25rem * 2);
  overflow: hidden;
  background-color: var(--color-base-200);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  direction: ltr;
}
.vk-mockup-browser .vk-mockup-browser-toolbar .vk-input:before {
  content: "";
  width: calc(0.25rem * 4);
  height: calc(0.25rem * 4);
  opacity: 30%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
}
@keyframes dropdown {
  0% {
    opacity: 0;
  }
}
.vk-input {
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  -webkit-appearance: none;
          appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  background-color: var(--color-base-100);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  --size: calc(var(--size-field, 0.25rem) * 10);
  --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
}
.vk-input:where(input) {
  display: inline-flex;
}
.vk-input :where(input) {
  display: inline-flex;
  height: 100%;
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
}
.vk-input :where(input):focus, .vk-input :where(input):focus-within {
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .vk-input :where(input):focus, .vk-input :where(input):focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.vk-input :where(input[type="url"]), .vk-input :where(input[type="email"]) {
  direction: ltr;
}
.vk-input :where(input[type="date"]) {
  display: inline-block;
}
.vk-input:focus, .vk-input:focus-within {
  --input-color: var(--color-base-content);
  box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
  outline: 2px solid var(--input-color);
  outline-offset: 2px;
  isolation: isolate;
  z-index: 1;
}
.vk-input:has(> input[disabled]), .vk-input:is(:disabled, [disabled]) {
  cursor: not-allowed;
  border-color: var(--color-base-200);
  background-color: var(--color-base-200);
  color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
}
.vk-input:has(> input[disabled])::placeholder, .vk-input:is(:disabled, [disabled])::placeholder {
  color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
}
.vk-input:has(> input[disabled]), .vk-input:is(:disabled, [disabled]) {
  box-shadow: none;
}
.vk-input:has(> input[disabled]) > input[disabled] {
  cursor: not-allowed;
}
.vk-input::-webkit-date-and-time-value {
  text-align: inherit;
}
.vk-input[type="number"]::-webkit-inner-spin-button {
  margin-block: calc(0.25rem * -3);
  margin-inline-end: calc(0.25rem * -3);
}
.vk-input::-webkit-calendar-picker-indicator {
  position: absolute;
  inset-inline-end: 0.75em;
}
@keyframes rating {
  0%, 40% {
    scale: 1.1;
    filter: brightness(1.05) contrast(1.05);
  }
}
.vk-icon {
  display: inline-block;
  font-family: Iconly;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.vk-pointer-events-none {
  pointer-events: none;
}
.vk-fixed {
  position: fixed;
}
.vk-absolute {
  position: absolute;
}
.vk-relative {
  position: relative;
}
.vk-sticky {
  position: -webkit-sticky;
  position: sticky;
}
.vk-inset-0 {
  inset: 0px;
}
.vk-inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.\!vk-top-4 {
  top: 1rem !important;
}
.-vk-bottom-\[72px\] {
  bottom: -72px;
}
.-vk-left-\[32px\] {
  left: -32px;
}
.-vk-right-\[100px\] {
  right: -100px;
}
.-vk-right-\[13px\] {
  right: -13px;
}
.-vk-right-\[5px\] {
  right: -5px;
}
.-vk-top-\[20px\] {
  top: -20px;
}
.-vk-top-\[5px\] {
  top: -5px;
}
.vk-bottom-0 {
  bottom: 0px;
}
.vk-bottom-1 {
  bottom: 0.25rem;
}
.vk-bottom-4 {
  bottom: 1rem;
}
.vk-bottom-8 {
  bottom: 2rem;
}
.vk-end-0 {
  inset-inline-end: 0px;
}
.vk-left-0 {
  left: 0px;
}
.vk-left-1 {
  left: 0.25rem;
}
.vk-left-1\/2 {
  left: 50%;
}
.vk-left-2 {
  left: 0.5rem;
}
.vk-right-0 {
  right: 0px;
}
.vk-right-1 {
  right: 0.25rem;
}
.vk-right-2 {
  right: 0.5rem;
}
.vk-right-4 {
  right: 1rem;
}
.vk-right-\[-334px\] {
  right: -334px;
}
.vk-top-0 {
  top: 0px;
}
.vk-top-1\/2 {
  top: 50%;
}
.vk-top-2 {
  top: 0.5rem;
}
.vk-top-4 {
  top: 1rem;
}
.vk-top-\[170\%\] {
  top: 170%;
}
.-vk-z-10 {
  z-index: -10;
}
.-vk-z-\[1\] {
  z-index: -1;
}
.vk-z-10 {
  z-index: 10;
}
.vk-z-30 {
  z-index: 30;
}
.vk-z-50 {
  z-index: 50;
}
.vk-z-\[-1\] {
  z-index: -1;
}
.vk-z-\[1000\] {
  z-index: 1000;
}
.vk-z-\[1\] {
  z-index: 1;
}
.vk-col-span-5 {
  grid-column: span 5 / span 5;
}
.vk-row-span-2 {
  grid-row: span 2 / span 2;
}
.\!vk-m-0 {
  margin: 0px !important;
}
.vk-m-0 {
  margin: 0px;
}
.vk-m-auto {
  margin: auto;
}
.vk-mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.vk-mx-\[16px\] {
  margin-left: 16px;
  margin-right: 16px;
}
.vk-mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.vk-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.vk-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.vk-my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.vk-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.vk-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.vk-my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.vk-my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.vk-my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px;
}
.vk-my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.vk-my-\[8px\] {
  margin-top: 8px;
  margin-bottom: 8px;
}
.vk-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!vk-mt-1 {
  margin-top: 0.25rem !important;
}
.\!vk-mt-2 {
  margin-top: 0.5rem !important;
}
.vk-mb-0 {
  margin-bottom: 0px;
}
.vk-mb-0\.5 {
  margin-bottom: 0.125rem;
}
.vk-mb-1 {
  margin-bottom: 0.25rem;
}
.vk-mb-10 {
  margin-bottom: 2.5rem;
}
.vk-mb-2 {
  margin-bottom: 0.5rem;
}
.vk-mb-3 {
  margin-bottom: 0.75rem;
}
.vk-mb-4 {
  margin-bottom: 1rem;
}
.vk-mb-5 {
  margin-bottom: 1.25rem;
}
.vk-mb-6 {
  margin-bottom: 1.5rem;
}
.vk-mb-8 {
  margin-bottom: 2rem;
}
.vk-mb-\[0\.25rem\] {
  margin-bottom: 0.25rem;
}
.vk-mb-\[10px\] {
  margin-bottom: 10px;
}
.vk-mb-\[16px\] {
  margin-bottom: 16px;
}
.vk-mb-\[24px\] {
  margin-bottom: 24px;
}
.vk-mb-\[32px\] {
  margin-bottom: 32px;
}
.vk-mb-\[40px\] {
  margin-bottom: 40px;
}
.vk-mb-\[4px\] {
  margin-bottom: 4px;
}
.vk-mb-\[8px\] {
  margin-bottom: 8px;
}
.vk-ml-1 {
  margin-left: 0.25rem;
}
.vk-ml-10 {
  margin-left: 2.5rem;
}
.vk-ml-2 {
  margin-left: 0.5rem;
}
.vk-ml-4 {
  margin-left: 1rem;
}
.vk-ml-6 {
  margin-left: 1.5rem;
}
.vk-ml-\[4px\] {
  margin-left: 4px;
}
.vk-ml-\[64px\] {
  margin-left: 64px;
}
.vk-ml-\[85px\] {
  margin-left: 85px;
}
.vk-ml-\[8px\] {
  margin-left: 8px;
}
.vk-mr-1 {
  margin-right: 0.25rem;
}
.vk-mr-10 {
  margin-right: 2.5rem;
}
.vk-mr-2 {
  margin-right: 0.5rem;
}
.vk-mr-4 {
  margin-right: 1rem;
}
.vk-mr-\[12px\] {
  margin-right: 12px;
}
.vk-mr-\[40px\] {
  margin-right: 40px;
}
.vk-mr-\[4px\] {
  margin-right: 4px;
}
.vk-mr-\[8px\] {
  margin-right: 8px;
}
.vk-mt-0 {
  margin-top: 0px;
}
.vk-mt-1 {
  margin-top: 0.25rem;
}
.vk-mt-2 {
  margin-top: 0.5rem;
}
.vk-mt-3 {
  margin-top: 0.75rem;
}
.vk-mt-4 {
  margin-top: 1rem;
}
.vk-mt-5 {
  margin-top: 1.25rem;
}
.vk-mt-6 {
  margin-top: 1.5rem;
}
.vk-mt-\[-3px\] {
  margin-top: -3px;
}
.vk-mt-\[10px\] {
  margin-top: 10px;
}
.vk-mt-\[16px\] {
  margin-top: 16px;
}
.vk-mt-\[20px\] {
  margin-top: 20px;
}
.vk-mt-\[24px\] {
  margin-top: 24px;
}
.vk-mt-\[25px\] {
  margin-top: 25px;
}
.vk-mt-\[4px\] {
  margin-top: 4px;
}
.vk-mt-\[66px\] {
  margin-top: 66px;
}
.vk-mt-\[8px\] {
  margin-top: 8px;
}
.vk-mt-auto {
  margin-top: auto;
}
.vk-block {
  display: block;
}
.vk-inline-block {
  display: inline-block;
}
.\!vk-inline {
  display: inline !important;
}
.vk-inline {
  display: inline;
}
.\!vk-flex {
  display: flex !important;
}
.vk-flex {
  display: flex;
}
.vk-inline-flex {
  display: inline-flex;
}
.vk-table {
  display: table;
}
.vk-grid {
  display: grid;
}
.vk-hidden {
  display: none;
}
.\!vk-aspect-square {
  aspect-ratio: 1 / 1 !important;
}
.vk-aspect-square {
  aspect-ratio: 1 / 1;
}
.vk-size-4 {
  width: 1rem;
  height: 1rem;
}
.\!vk-h-10 {
  height: 2.5rem !important;
}
.\!vk-h-\[2px\] {
  height: 2px !important;
}
.\!vk-h-auto {
  height: auto !important;
}
.\!vk-h-full {
  height: 100% !important;
}
.vk-h-0 {
  height: 0px;
}
.vk-h-1 {
  height: 0.25rem;
}
.vk-h-11 {
  height: 2.75rem;
}
.vk-h-12 {
  height: 3rem;
}
.vk-h-16 {
  height: 4rem;
}
.vk-h-24 {
  height: 6rem;
}
.vk-h-3 {
  height: 0.75rem;
}
.vk-h-32 {
  height: 8rem;
}
.vk-h-4 {
  height: 1rem;
}
.vk-h-40 {
  height: 10rem;
}
.vk-h-6 {
  height: 1.5rem;
}
.vk-h-72 {
  height: 18rem;
}
.vk-h-8 {
  height: 2rem;
}
.vk-h-\[100vh\] {
  height: 100vh;
}
.vk-h-\[136px\] {
  height: 136px;
}
.vk-h-\[16px\] {
  height: 16px;
}
.vk-h-\[1px\] {
  height: 1px;
}
.vk-h-\[20px\] {
  height: 20px;
}
.vk-h-\[24px\] {
  height: 24px;
}
.vk-h-\[300px\] {
  height: 300px;
}
.vk-h-\[302px\] {
  height: 302px;
}
.vk-h-\[40px\] {
  height: 40px;
}
.vk-h-\[48px\] {
  height: 48px;
}
.vk-h-\[500px\] {
  height: 500px;
}
.vk-h-\[50dvh\] {
  height: 50dvh;
}
.vk-h-\[50px\] {
  height: 50px;
}
.vk-h-\[532px\] {
  height: 532px;
}
.vk-h-\[540px\] {
  height: 540px;
}
.vk-h-\[80vh\] {
  height: 80vh;
}
.vk-h-\[86px\] {
  height: 86px;
}
.vk-h-\[calc\(100\%-20px\)\] {
  height: calc(100% - 20px);
}
.vk-h-auto {
  height: auto;
}
.vk-h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.vk-h-full {
  height: 100%;
}
.vk-h-screen {
  height: 100vh;
}
.vk-max-h-0 {
  max-height: 0px;
}
.vk-max-h-64 {
  max-height: 16rem;
}
.vk-max-h-\[1000px\] {
  max-height: 1000px;
}
.vk-max-h-\[120px\] {
  max-height: 120px;
}
.vk-max-h-\[200px\] {
  max-height: 200px;
}
.vk-max-h-\[30vh\] {
  max-height: 30vh;
}
.vk-max-h-\[32px\] {
  max-height: 32px;
}
.vk-max-h-\[500px\] {
  max-height: 500px;
}
.vk-max-h-\[590px\] {
  max-height: 590px;
}
.vk-max-h-\[60vh\] {
  max-height: 60vh;
}
.vk-max-h-dvh {
  max-height: 100dvh;
}
.vk-max-h-fit {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
.vk-max-h-full {
  max-height: 100%;
}
.vk-min-h-0 {
  min-height: 0px;
}
.vk-min-h-\[200px\] {
  min-height: 200px;
}
.vk-min-h-\[20px\] {
  min-height: 20px;
}
.vk-min-h-\[32px\] {
  min-height: 32px;
}
.vk-min-h-\[44px\] {
  min-height: 44px;
}
.vk-min-h-\[60vh\] {
  min-height: 60vh;
}
.vk-min-h-\[inherit\] {
  min-height: inherit;
}
.\!vk-w-\[200px\] {
  width: 200px !important;
}
.\!vk-w-full {
  width: 100% !important;
}
.vk-w-1\/2 {
  width: 50%;
}
.vk-w-1\/5 {
  width: 20%;
}
.vk-w-11 {
  width: 2.75rem;
}
.vk-w-12 {
  width: 3rem;
}
.vk-w-14 {
  width: 3.5rem;
}
.vk-w-16 {
  width: 4rem;
}
.vk-w-28 {
  width: 7rem;
}
.vk-w-3 {
  width: 0.75rem;
}
.vk-w-32 {
  width: 8rem;
}
.vk-w-4 {
  width: 1rem;
}
.vk-w-40 {
  width: 10rem;
}
.vk-w-6 {
  width: 1.5rem;
}
.vk-w-7 {
  width: 1.75rem;
}
.vk-w-8 {
  width: 2rem;
}
.vk-w-\[100vw\] {
  width: 100vw;
}
.vk-w-\[16px\] {
  width: 16px;
}
.vk-w-\[1px\] {
  width: 1px;
}
.vk-w-\[20px\] {
  width: 20px;
}
.vk-w-\[24px\] {
  width: 24px;
}
.vk-w-\[48px\] {
  width: 48px;
}
.vk-w-\[56px\] {
  width: 56px;
}
.vk-w-\[64px\] {
  width: 64px;
}
.vk-w-\[671px\] {
  width: 671px;
}
.vk-w-\[90\%\] {
  width: 90%;
}
.vk-w-dvw {
  width: 100dvw;
}
.vk-w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.vk-w-full {
  width: 100%;
}
.vk-w-max {
  width: -webkit-max-content;
  width: max-content;
}
.vk-min-w-0 {
  min-width: 0px;
}
.vk-min-w-\[0\] {
  min-width: 0;
}
.vk-min-w-\[220px\] {
  min-width: 220px;
}
.vk-min-w-\[400px\] {
  min-width: 400px;
}
.vk-min-w-\[50\%\] {
  min-width: 50%;
}
.vk-min-w-full {
  min-width: 100%;
}
.\!vk-max-w-\[900px\] {
  max-width: 900px !important;
}
.\!vk-max-w-full {
  max-width: 100% !important;
}
.vk-max-w-\[120px\] {
  max-width: 120px;
}
.vk-max-w-\[16px\] {
  max-width: 16px;
}
.vk-max-w-\[200px\] {
  max-width: 200px;
}
.vk-max-w-\[321px\] {
  max-width: 321px;
}
.vk-max-w-\[400px\] {
  max-width: 400px;
}
.vk-max-w-\[420px\] {
  max-width: 420px;
}
.vk-max-w-\[42px\] {
  max-width: 42px;
}
.vk-max-w-\[430px\] {
  max-width: 430px;
}
.vk-max-w-\[470px\] {
  max-width: 470px;
}
.vk-max-w-\[499px\] {
  max-width: 499px;
}
.vk-max-w-\[50\%\] {
  max-width: 50%;
}
.vk-max-w-\[519px\] {
  max-width: 519px;
}
.vk-max-w-\[590px\] {
  max-width: 590px;
}
.vk-max-w-\[700px\] {
  max-width: 700px;
}
.vk-max-w-\[714px\] {
  max-width: 714px;
}
.vk-max-w-\[876px\] {
  max-width: 876px;
}
.vk-max-w-\[960px\] {
  max-width: 960px;
}
.vk-max-w-full {
  max-width: 100%;
}
.vk-flex-1 {
  flex: 1 1 0%;
}
.vk-flex-initial {
  flex: 0 1 auto;
}
.vk-flex-none {
  flex: none;
}
.vk-flex-shrink-0 {
  flex-shrink: 0;
}
.vk-shrink {
  flex-shrink: 1;
}
.vk-shrink-0 {
  flex-shrink: 0;
}
.vk-flex-grow {
  flex-grow: 1;
}
.vk-grow {
  flex-grow: 1;
}
.vk-grow-0 {
  flex-grow: 0;
}
.vk-basis-1\/2 {
  flex-basis: 50%;
}
.vk-basis-1\/3 {
  flex-basis: 33.333333%;
}
.vk-basis-1\/4 {
  flex-basis: 25%;
}
.vk-basis-2\/3 {
  flex-basis: 66.666667%;
}
.vk-basis-full {
  flex-basis: 100%;
}
.vk-border-collapse {
  border-collapse: collapse;
}
.-vk-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk--translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk-translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk-rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk-rotate-\[25deg\] {
  --tw-rotate: 25deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes vk-pulse {
  50% {
    opacity: .5;
  }
}
.vk-animate-pulse {
  animation: vk-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes vk-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.vk-animate-scale {
  animation: vk-scale 1.5s linear infinite forwards;
}
@keyframes vk-spin {
  to {
    transform: rotate(360deg);
  }
}
.vk-animate-spin {
  animation: vk-spin 1s linear infinite;
}
.vk-cursor-pointer {
  cursor: pointer;
}
.vk-list-none {
  list-style-type: none;
}
.vk-appearance-none {
  -webkit-appearance: none;
          appearance: none;
}
.vk-grid-flow-row-dense {
  grid-auto-flow: row dense;
}
.vk-auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
.vk-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.vk-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.vk-flex-row {
  flex-direction: row;
}
.vk-flex-row-reverse {
  flex-direction: row-reverse;
}
.\!vk-flex-col {
  flex-direction: column !important;
}
.vk-flex-col {
  flex-direction: column;
}
.vk-flex-col-reverse {
  flex-direction: column-reverse;
}
.vk-flex-wrap {
  flex-wrap: wrap;
}
.vk-flex-nowrap {
  flex-wrap: nowrap;
}
.vk-items-start {
  align-items: flex-start;
}
.vk-items-end {
  align-items: flex-end;
}
.vk-items-center {
  align-items: center;
}
.\!vk-justify-start {
  justify-content: flex-start !important;
}
.vk-justify-start {
  justify-content: flex-start;
}
.vk-justify-end {
  justify-content: flex-end;
}
.vk-justify-center {
  justify-content: center;
}
.vk-justify-between {
  justify-content: space-between;
}
.vk-justify-around {
  justify-content: space-around;
}
.vk-justify-evenly {
  justify-content: space-evenly;
}
.vk-justify-items-center {
  justify-items: center;
}
.\!vk-gap-4 {
  gap: 1rem !important;
}
.vk-gap-1 {
  gap: 0.25rem;
}
.vk-gap-1\.5 {
  gap: 0.375rem;
}
.vk-gap-2 {
  gap: 0.5rem;
}
.vk-gap-2\.5 {
  gap: 0.625rem;
}
.vk-gap-3 {
  gap: 0.75rem;
}
.vk-gap-4 {
  gap: 1rem;
}
.vk-gap-5 {
  gap: 1.25rem;
}
.vk-gap-6 {
  gap: 1.5rem;
}
.vk-gap-7 {
  gap: 1.75rem;
}
.vk-gap-8 {
  gap: 2rem;
}
.vk-gap-\[10px\] {
  gap: 10px;
}
.vk-gap-\[12px\] {
  gap: 12px;
}
.vk-gap-\[13px\] {
  gap: 13px;
}
.vk-gap-\[20px\] {
  gap: 20px;
}
.vk-gap-\[24px\] {
  gap: 24px;
}
.vk-gap-\[40px\] {
  gap: 40px;
}
.vk-gap-\[8px\] {
  gap: 8px;
}
.vk-gap-common {
  gap: var(--common-gap);
}
.vk-gap-x-4 {
  column-gap: 1rem;
}
.vk-gap-y-3 {
  row-gap: 0.75rem;
}
.vk-gap-y-4 {
  row-gap: 1rem;
}
.vk-gap-y-6 {
  row-gap: 1.5rem;
}
.vk-gap-y-7 {
  row-gap: 1.75rem;
}
.vk-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.vk-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.vk-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.vk-divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.vk-divide-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}
.vk-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.vk-divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.vk-divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid;
}
.vk-divide-mts-grey-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--color-constant-greyscale-200);
}
.vk-divide-mts-stroke > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--color-background-stroke);
}
.vk-place-self-center {
  place-self: center;
}
.vk-self-end {
  align-self: flex-end;
}
.vk-self-center {
  align-self: center;
}
.vk-overflow-auto {
  overflow: auto;
}
.vk-overflow-hidden {
  overflow: hidden;
}
.vk-overflow-scroll {
  overflow: scroll;
}
.vk-overflow-x-auto {
  overflow-x: auto;
}
.vk-overflow-y-auto {
  overflow-y: auto;
}
.vk-overflow-x-hidden {
  overflow-x: hidden;
}
.vk-overflow-y-scroll {
  overflow-y: scroll;
}
.vk-overscroll-contain {
  overscroll-behavior: contain;
}
.vk-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vk-text-ellipsis {
  text-overflow: ellipsis;
}
.vk-whitespace-nowrap {
  white-space: nowrap;
}
.vk-whitespace-pre {
  white-space: pre;
}
.vk-whitespace-pre-wrap {
  white-space: pre-wrap;
}
.vk-text-nowrap {
  text-wrap: nowrap;
}
.\!vk-rounded-lg {
  border-radius: 0.5rem !important;
}
.\!vk-rounded-none {
  border-radius: 0px !important;
}
.vk-rounded {
  border-radius: 0.25rem;
}
.vk-rounded-2xl {
  border-radius: 1rem;
}
.vk-rounded-3xl {
  border-radius: 1.5rem;
}
.vk-rounded-\[20px\] {
  border-radius: 20px;
}
.vk-rounded-\[32px\] {
  border-radius: 32px;
}
.vk-rounded-\[6px\] {
  border-radius: 6px;
}
.vk-rounded-\[8px\] {
  border-radius: 8px;
}
.vk-rounded-common {
  border-radius: var(--common-border-radius);
}
.vk-rounded-full {
  border-radius: 9999px;
}
.vk-rounded-lg {
  border-radius: 0.5rem;
}
.vk-rounded-md {
  border-radius: 0.375rem;
}
.vk-rounded-sm {
  border-radius: 0.125rem;
}
.vk-rounded-xl {
  border-radius: 0.75rem;
}
.vk-rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.vk-rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.vk-border {
  border-width: 1px;
}
.vk-border-0 {
  border-width: 0px;
}
.vk-border-2 {
  border-width: 2px;
}
.vk-border-\[1px\] {
  border-width: 1px;
}
.vk-border-\[2px\] {
  border-width: 2px;
}
.vk-border-common {
  border-width: var(--common-border-width);
}
.vk-border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.vk-border-b {
  border-bottom-width: 1px;
}
.vk-border-b-0 {
  border-bottom-width: 0px;
}
.vk-border-b-2 {
  border-bottom-width: 2px;
}
.vk-border-l-0 {
  border-left-width: 0px;
}
.vk-border-l-\[3px\] {
  border-left-width: 3px;
}
.vk-border-r-0 {
  border-right-width: 0px;
}
.vk-border-r-\[1px\] {
  border-right-width: 1px;
}
.vk-border-t-0 {
  border-top-width: 0px;
}
.vk-border-t-2 {
  border-top-width: 2px;
}
.vk-border-t-\[1px\] {
  border-top-width: 1px;
}
.vk-border-t-common {
  border-top-width: var(--common-border-width);
}
.vk-border-solid {
  border-style: solid;
}
.vk-border-dashed {
  border-style: dashed;
}
.vk-border-none {
  border-style: none;
}
.vk-border-\[\#907FF04D\] {
  border-color: #907FF04D;
}
.vk-border-\[\#D8D2FC\] {
  --tw-border-opacity: 1;
  border-color: rgb(216 210 252 / var(--tw-border-opacity, 1));
}
.vk-border-background-base {
  border-color: var(--background-base);
}
.vk-border-line-light {
  border-color: var(--line-light);
}
.vk-border-mts-bg-secondary {
  border-color: var(--color-background-secondary);
}
.vk-border-mts-dropfile-color {
  border-color: var(--color-control-inactive);
}
.vk-border-mts-grey-200 {
  border-color: var(--color-constant-greyscale-200);
}
.vk-border-mts-grey-300 {
  border-color: var(--color-constant-greyscale-300);
}
.vk-border-mts-negative {
  border-color: var(--color-accent-negative);
}
.vk-border-mts-stroke {
  border-color: var(--color-background-stroke);
}
.vk-border-switcher-field-border {
  border-color: var(--switcher-field-border);
}
.vk-border-tabs-bg-stroke {
  border-color: var(--tabs-bg-stroke);
}
.vk-border-transparent {
  border-color: transparent;
}
.vk-border-white {
  border-color: var(--white);
}
.vk-border-b-borderCommonDefault {
  border-bottom-color: var(--borderCommonDefault);
}
.vk-border-b-transparent {
  border-bottom-color: transparent;
}
.vk-border-r-transparent {
  border-right-color: transparent;
}
.vk-border-t-mts-stroke {
  border-top-color: var(--color-background-stroke);
}
.\!vk-bg-mts-primary-bg {
  background-color: var(--color-background-primary-elevated) !important;
}
.\!vk-bg-transparent {
  background-color: transparent !important;
}
.vk-bg-\[\#414245\] {
  --tw-bg-opacity: 1;
  background-color: rgb(65 66 69 / var(--tw-bg-opacity, 1));
}
.vk-bg-\[--color-background-inverted\] {
  background-color: var(--color-background-inverted);
}
.vk-bg-\[rgba\(255\,0\,50\,0\.1\)\] {
  background-color: rgba(255,0,50,0.1);
}
.vk-bg-\[rgba\(256\,256\,256\,0\.1\)\] {
  background-color: rgba(256,256,256,0.1);
}
.vk-bg-\[rgba\(38\,205\,88\,0\.1\)\] {
  background-color: rgba(38,205,88,0.1);
}
.vk-bg-\[var\(--color-background-modal\)\] {
  background-color: var(--color-background-modal);
}
.vk-bg-\[var\(--color-background-secondary\)\] {
  background-color: var(--color-background-secondary);
}
.vk-bg-background-base {
  background-color: var(--background-base);
}
.vk-bg-background-primary {
  background-color: var(--background-primary);
}
.vk-bg-background-secondary {
  background-color: var(--background-secondary);
}
.vk-bg-bgBrandDefault {
  background-color: var(--bgBrandDefault);
}
.vk-bg-bgCommonDefault {
  background-color: var(--bgCommonDefault);
}
.vk-bg-black {
  background-color: var(--ui-kit-black);
}
.vk-bg-deeppurple-600 {
  background-color: var(--ui-kit-deeppurple-600);
}
.vk-bg-defaultBg {
  background-color: var(--defaultBg);
}
.vk-bg-fill0 {
  background-color: var(--fill0);
}
.vk-bg-input-background-color {
  background-color: var(--input-background-color);
}
.vk-bg-input-bg {
  background-color: var(--input-bg);
}
.vk-bg-mts-backdrop-filter {
  background-color: var(--mts-backdrop-filter);
}
.vk-bg-mts-banana {
  background-color: var(--color-constant-banana-dark);
}
.vk-bg-mts-bg-inverted {
  background-color: var(--color-background-inverted);
}
.vk-bg-mts-bg-lower {
  background-color: var(--color-background-lower);
}
.vk-bg-mts-bg-secondary {
  background-color: var(--color-background-secondary);
}
.vk-bg-mts-brand {
  background-color: var(--color-brand);
}
.vk-bg-mts-control-bg {
  background-color: var(--color-background-secondary);
}
.vk-bg-mts-grey-100 {
  background-color: var(--color-constant-greyscale-100);
}
.vk-bg-mts-id-bg-color {
  background-color: var(--mts-id-bg-color);
}
.vk-bg-mts-inactive-bg {
  background-color: var(--mts-inactive-bg);
}
.vk-bg-mts-link {
  background-color: var(--color-text-primary-link);
}
.vk-bg-mts-overlay-bg {
  background-color: var(--color-background-overlay);
}
.vk-bg-mts-primary-bg {
  background-color: var(--color-background-primary-elevated);
}
.vk-bg-mts-progress-bg {
  background-color: #BCC3D080;
}
.vk-bg-mts-progress-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(38 205 88 / var(--tw-bg-opacity, 1));
}
.vk-bg-mts-stroke {
  background-color: var(--color-background-stroke);
}
.vk-bg-mts-text-inverted {
  background-color: var(--color-text-inverted);
}
.vk-bg-rc01 {
  background-color: var(--rc01);
}
.vk-bg-tabs-bg-secondary {
  background-color: var(--tabs-bg-secondary);
}
.vk-bg-tabs-failure {
  background-color: var(--tabs-failure);
}
.vk-bg-tabs-success {
  background-color: var(--tabs-success);
}
.vk-bg-transparent {
  background-color: transparent;
}
.vk-bg-white {
  background-color: var(--white);
}
.vk-bg-vertical-line {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(50% - 1px), var(--color-background-stroke) calc(50%), rgba(0, 0, 0, 0) calc(50% + 1px));;
}
.vk-fill-mts-brand {
  fill: var(--color-brand);
}
.vk-fill-mts-control-alternative {
  fill: var(--color-control-alternative);
}
.vk-fill-mts-primary {
  fill: var(--color-text-primary);
}
.vk-fill-rc01 {
  fill: var(--rc01);
}
.vk-fill-tabs-failure {
  fill: var(--tabs-failure);
}
.vk-fill-tabs-success {
  fill: var(--tabs-success);
}
.vk-fill-white {
  fill: var(--white);
}
.vk-stroke-mts-control-stroke {
  stroke: var(--color-control-stroke);
}
.vk-stroke-text-primary-link {
  stroke: var(--text-primary-link);
}
.vk-object-contain {
  object-fit: contain;
}
.vk-object-cover {
  object-fit: cover;
}
.\!vk-p-0 {
  padding: 0px !important;
}
.\!vk-p-4 {
  padding: 1rem !important;
}
.\!vk-p-\[8px\] {
  padding: 8px !important;
}
.vk-p-0 {
  padding: 0px;
}
.vk-p-0\.5 {
  padding: 0.125rem;
}
.vk-p-1 {
  padding: 0.25rem;
}
.vk-p-2 {
  padding: 0.5rem;
}
.vk-p-3 {
  padding: 0.75rem;
}
.vk-p-4 {
  padding: 1rem;
}
.vk-p-5 {
  padding: 1.25rem;
}
.vk-p-6 {
  padding: 1.5rem;
}
.vk-p-8 {
  padding: 2rem;
}
.vk-p-\[16px\] {
  padding: 16px;
}
.vk-p-\[20px\] {
  padding: 20px;
}
.vk-p-\[21px\] {
  padding: 21px;
}
.vk-p-\[4px\] {
  padding: 4px;
}
.vk-p-\[8px\] {
  padding: 8px;
}
.vk-p-common {
  padding: var(--common-padding);
}
.\!vk-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!vk-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!vk-px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.\!vk-py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.vk-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.vk-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.vk-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.vk-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.vk-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.vk-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.vk-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.vk-px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.vk-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.vk-px-\[1\.25rem\] {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.vk-px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.vk-px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.vk-px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.vk-px-\[28px\] {
  padding-left: 28px;
  padding-right: 28px;
}
.vk-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.vk-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.vk-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.vk-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.vk-py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.vk-py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.vk-py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.vk-py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.vk-py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.vk-py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.vk-py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}
.vk-py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.vk-py-\[40px\] {
  padding-top: 40px;
  padding-bottom: 40px;
}
.vk-py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.vk-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.vk-py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.vk-pb-0 {
  padding-bottom: 0px;
}
.vk-pb-1 {
  padding-bottom: 0.25rem;
}
.vk-pb-4 {
  padding-bottom: 1rem;
}
.vk-pb-\[16px\] {
  padding-bottom: 16px;
}
.vk-pb-\[24px\] {
  padding-bottom: 24px;
}
.vk-pb-\[32px\] {
  padding-bottom: 32px;
}
.vk-pl-2 {
  padding-left: 0.5rem;
}
.vk-pl-5 {
  padding-left: 1.25rem;
}
.vk-pl-\[12px\] {
  padding-left: 12px;
}
.vk-pr-6 {
  padding-right: 1.5rem;
}
.vk-pr-\[30px\] {
  padding-right: 30px;
}
.vk-pr-\[8px\] {
  padding-right: 8px;
}
.vk-pt-1 {
  padding-top: 0.25rem;
}
.vk-pt-2 {
  padding-top: 0.5rem;
}
.vk-pt-4 {
  padding-top: 1rem;
}
.vk-pt-7 {
  padding-top: 1.75rem;
}
.vk-pt-\[24px\] {
  padding-top: 24px;
}
.vk-text-left {
  text-align: left;
}
.vk-text-center {
  text-align: center;
}
.vk-text-right {
  text-align: right;
}
.vk-text-start {
  text-align: start;
}
.vk-text-end {
  text-align: end;
}
.vk-align-middle {
  vertical-align: middle;
}
.vk-font-mts {
  font-family: "MTS Compact", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.vk-font-mts-compact-regular {
  font-family: MTSCompactRegular, sans-serif;
}
.vk-font-mts-text-bold {
  font-family: MTSTextBold, sans-serif;
}
.vk-font-mts-text-regular {
  font-family: MTSTextRegular, sans-serif;
}
.vk-font-mtsWide {
  font-family: "MTS Wide", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.vk-font-roboto-body {
  font-family: RobotoRegular, sans-serif;
}
.vk-font-roboto-heading {
  font-family: RobotoSemiBold, sans-serif;
}
.\!vk-text-\[12px\] {
  font-size: 12px !important;
}
.vk-text-2xl {
  font-size: 24px;
  line-height: 28px;
}
.vk-text-\[10px\] {
  font-size: 10px;
}
.vk-text-\[12px\] {
  font-size: 12px;
}
.vk-text-\[13px\] {
  font-size: 13px;
}
.vk-text-\[17px\] {
  font-size: 17px;
}
.vk-text-\[20px\] {
  font-size: 20px;
}
.vk-text-b2 {
  font-size: var(--roboto-b2-font-size);
  line-height: var(--roboto-b2-line-height);
  font-weight: 400;
}
.vk-text-b3 {
  font-size: var(--roboto-b3-font-size);
  line-height: var(--roboto-b3-line-height);
  font-weight: 400;
}
.vk-text-b4 {
  font-size: var(--roboto-b4-font-size);
  line-height: var(--roboto-b4-line-height);
  font-weight: 400;
}
.vk-text-base {
  font-size: 14px;
  line-height: 20px;
}
.vk-text-caption-1 {
  font-size: var(--caption-one-font-size);
  line-height: var(--caption-one-line-height);
}
.vk-text-h3 {
  font-size: var(--roboto-h3-font-size);
  line-height: var(--roboto-h3-line-height);
  font-weight: 600;
}
.vk-text-h5 {
  font-size: var(--roboto-h5-font-size);
  line-height: var(--roboto-h5-line-height);
  font-weight: 600;
}
.vk-text-h6 {
  font-size: var(--roboto-h6-font-size);
  line-height: var(--roboto-h6-line-height);
  font-weight: 600;
}
.vk-text-h7 {
  font-size: var(--roboto-h7-font-size);
  line-height: var(--roboto-h7-line-height);
  font-weight: 600;
}
.vk-text-header-3 {
  font-size: var(--header-three-font-size);
  line-height: var(--header-three-line-height);
}
.vk-text-header-4 {
  font-size: var(--header-four-font-size);
  line-height: var(--header-four-line-height);
}
.vk-text-lg {
  font-size: 16px;
  line-height: 24px;
}
.vk-text-mts-l {
  font-size: 24px;
}
.vk-text-mts-m {
  font-size: 20px;
}
.vk-text-mts-sm {
  font-size: 0.875rem;
}
.vk-text-paragraph-3 {
  font-size: var(--paragraph-three-font-size);
  line-height: var(--paragraph-three-line-height);
}
.vk-text-paragraph-4 {
  font-size: var(--paragraph-four-font-size);
  line-height: var(--paragraph-four-line-height);
}
.vk-text-sm {
  font-size: 12px;
  line-height: 16px;
}
.vk-text-xl {
  font-size: 20px;
  line-height: 28px;
}
.vk-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.vk-font-\[400\] {
  font-weight: 400;
}
.vk-font-\[500\] {
  font-weight: 500;
}
.vk-font-bold {
  font-weight: 700;
}
.vk-font-light {
  font-weight: 300;
}
.vk-font-medium {
  font-weight: 500;
}
.vk-font-normal {
  font-weight: 400;
}
.vk-font-semibold {
  font-weight: 600;
}
.vk-leading-4 {
  line-height: 1rem;
}
.vk-leading-5 {
  line-height: 1.25rem;
}
.vk-leading-6 {
  line-height: 1.5rem;
}
.vk-leading-7 {
  line-height: 1.75rem;
}
.vk-leading-\[16px\] {
  line-height: 16px;
}
.vk-leading-\[20px\] {
  line-height: 20px;
}
.vk-leading-\[28px\] {
  line-height: 28px;
}
.vk-leading-\[36px\] {
  line-height: 36px;
}
.vk-leading-mts-m {
  line-height: 24px;
}
.vk-tracking-\[0px\] {
  letter-spacing: 0px;
}
.\!vk-text-mts-primary {
  color: var(--color-text-primary) !important;
}
.\!vk-text-thirdLevelText {
  color: var(--thirdLevelText) !important;
}
.vk-text-\[\#0070E5\] {
  --tw-text-opacity: 1;
  color: rgb(0 112 229 / var(--tw-text-opacity, 1));
}
.vk-text-\[\#45B6FC\] {
  --tw-text-opacity: 1;
  color: rgb(69 182 252 / var(--tw-text-opacity, 1));
}
.vk-text-\[\#626C77\] {
  --tw-text-opacity: 1;
  color: rgb(98 108 119 / var(--tw-text-opacity, 1));
}
.vk-text-\[\#907FF04D\] {
  color: #907FF04D;
}
.vk-text-\[\#D8400C\] {
  --tw-text-opacity: 1;
  color: rgb(216 64 12 / var(--tw-text-opacity, 1));
}
.vk-text-\[\#FF0032\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 50 / var(--tw-text-opacity, 1));
}
.vk-text-\[var\(--color-accent-positive\)\] {
  color: var(--color-accent-positive);
}
.vk-text-\[var\(--color-brand\)\] {
  color: var(--color-brand);
}
.vk-text-\[var\(--color-constant-greyscale-0\)\] {
  color: var(--color-constant-greyscale-0);
}
.vk-text-\[var\(--color-icon-secondary\)\] {
  color: var(--color-icon-secondary);
}
.vk-text-accent {
  color: var(--accent-active);
}
.vk-text-action {
  color: var(--action);
}
.vk-text-black {
  color: var(--ui-kit-black);
}
.vk-text-danger {
  color: var(--danger);
}
.vk-text-deeppurple-500 {
  color: var(--ui-kit-deeppurple-500);
}
.vk-text-error {
  color: var(--color-error);
}
.vk-text-fc2 {
  color: var(--fc2);
}
.vk-text-gray-400 {
  color: var(--ui-kit-gray-400);
}
.vk-text-inactiveColor {
  color: var(--inactiveColor);
}
.vk-text-input-text-color {
  color: var(--input-text-color);
}
.vk-text-mts-active {
  color: var(--color-accent-active);
}
.vk-text-mts-id-text-gray-color {
  color: var(--mts-id-text-gray-color);
}
.vk-text-mts-link {
  color: var(--color-text-primary-link);
}
.vk-text-mts-negative {
  color: var(--color-accent-negative);
}
.vk-text-mts-primary {
  color: var(--color-text-primary);
}
.vk-text-mts-secondary {
  color: var(--color-text-secondary);
}
.vk-text-mts-text-inverted {
  color: var(--color-text-inverted);
}
.vk-text-primaryActive {
  color: var(--primaryActive);
}
.vk-text-rc01 {
  color: var(--rc01);
}
.vk-text-staticWhite1 {
  color: var(--staticWhite1);
}
.vk-text-success {
  color: var(--success);
}
.vk-text-tabs-text-secondary {
  color: var(--tabs-text-secondary);
}
.vk-text-text-negative {
  color: var(--text-negative);
}
.vk-text-text-primary {
  color: var(--text-primary);
}
.vk-text-text-primary-link {
  color: var(--text-primary-link);
}
.vk-text-text-secondary {
  color: var(--text-secondary);
}
.vk-text-textCommonPrimary {
  color: var(--textCommonPrimary);
}
.vk-text-textCommonSecondary {
  color: var(--textCommonSecondary);
}
.vk-text-warning {
  color: var(--warning);
}
.vk-text-white {
  color: var(--white);
}
.vk-line-through {
  text-decoration-line: line-through;
}
.vk-placeholder-mts-primary::placeholder {
  color: var(--color-text-primary);
}
.vk-opacity-0 {
  opacity: 0;
}
.vk-opacity-10 {
  opacity: 0.1;
}
.vk-opacity-100 {
  opacity: 1;
}
.vk-opacity-20 {
  opacity: 0.2;
}
.vk-opacity-50 {
  opacity: 0.5;
}
.vk-opacity-\[20\%\] {
  opacity: 20%;
}
.vk-shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-custom-md {
  --tw-shadow: 0px 8px 16px 0px #00000014, 0px 4px 24px 0px #0000001f;
  --tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color), 0px 4px 24px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-middle {
  --tw-shadow: var(--shadow-middle-two), var(--shadow-middle-one);
  --tw-shadow-colored: var(--shadow-middle-two), var(--shadow-middle-one);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.vk-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.vk-ring-black {
  --tw-ring-color: var(--ui-kit-black);
}
.vk-ring-opacity-5 {
  --tw-ring-opacity: 0.05;
}
.vk-blur-\[170px\] {
  --tw-blur: blur(170px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-blur-\[240px\] {
  --tw-blur: blur(240px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-blur-\[300px\] {
  --tw-blur: blur(300px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-blur-\[30px\] {
  --tw-blur: blur(30px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-blur-\[74\.5px\] {
  --tw-blur: blur(74.5px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-drop-shadow-mts-id-promote-modal-shadow {
  --tw-drop-shadow: drop-shadow(0 20px 35px rgba(72,123,253,0.53));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.vk-backdrop-blur-3xl {
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.vk-backdrop-blur-\[1px\] {
  --tw-backdrop-blur: blur(1px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.vk-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.vk-transition-\[max-height\] {
  transition-property: max-height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-\[opacity\,z\] {
  transition-property: opacity,z;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-\[top\] {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-\[transform\,max-width\] {
  transition-property: transform,max-width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-\[z-index\,opacity\] {
  transition-property: z-index,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.vk-delay-500 {
  transition-delay: 500ms;
}
.vk-duration-100 {
  transition-duration: 100ms;
}
.vk-duration-200 {
  transition-duration: 200ms;
}
.vk-duration-300 {
  transition-duration: 300ms;
}
.vk-duration-500 {
  transition-duration: 500ms;
}
.vk-duration-\[\.1s\] {
  transition-duration: .1s;
}
.vk-duration-\[0\.15s\] {
  transition-duration: 0.15s;
}
.vk-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.vk-ease-linear {
  transition-timing-function: linear;
}
.vk-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.vk-icon-big_table::before {
  content: "\e020";
}
.vk-icon-chevron_double_right_outlined::before {
  content: "\e016";
}
.vk-icon-chevron_left::before {
  content: "\e007";
}
.vk-icon-chevron_right::before {
  content: "\e006";
}
.vk-icon-copy::before {
  content: "\e008";
}
.vk-icon-cross::before {
  content: "\e004";
}
.vk-icon-error::before {
  content: "\e00d";
}
.vk-icon-eye::before {
  content: "\e00c";
}
.vk-icon-goto::before {
  content: "\e00a";
}
.vk-icon-plus::before {
  content: "\e01a";
}
.vk-icon-refresh::before {
  content: "\e00f";
}
.vk-icon-stop::before {
  content: "\e00b";
}
.vk-icon-success::before {
  content: "\e00e";
}
.vk-icon-time_outlined::before {
  content: "\e015";
}
.vk-icon-warn_circle_outlined::before {
  content: "\e014";
}
.vk-icon-zoom::before {
  content: "\e002";
}
svg {
  display: inline;
  vertical-align: unset;
}
img,
video {
  max-width: unset;
  height: unset;
}
body {
  margin: 0;
  color: var(--firstLevelText) !important;
  font-size: 14px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: var(--defaultBg) !important;
  font-feature-settings: 'tnum', 'tnum';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
}
body #root {
  overflow: auto;
}
@media (any-hover: hover) {
  body #root {
    height: 100vh;
  }
}
@media (min-width: 767.98px) {
  body #root {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
  }
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.main {
  height: 100vh;
}
#__next {
  height: 100%;
}
#__next > div {
  height: 100%;
}
#__next .__next_main {
  height: 100%;
}
#__next .__next_main > div {
  height: 100%;
}
.theme_wrapper {
  height: 100%;
}
.theme_wrapper > div {
  height: 100%;
}
.script-loading-wrap-default {
  display: none;
}
@media screen and (max-width: 768px) {
  .script-loading-wrap .script-loading-logo-img {
    width: 54px !important;
    height: 54px !important;
  }
  .script-loading-wrap-finished .script-loading-logo-img {
    transform: translateX(0) !important;
  }
  .script-loading-wrap-finished .script-loading-logo-text-img {
    transform: translateX(26px) !important;
  }
}
.script-loading-wrap,
.script-loading-wrap > div {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: #fff;
  z-index: 99999;
}
.main-img-wrap {
  transform: scale(0.9);
}
.script-loading-wrap .loading-static-animation {
  transform: scale(1.2);
}
.script-loading-wrap .script-loading-logo-img {
  display: inline-block;
  position: relative;
  width: 72px;
  height: 72px;
  vertical-align: middle;
}
.script-loading-wrap .script-loading-logo-text-img {
  height: 75%;
  vertical-align: middle;
}
.script-loading-wrap > div {
  position: relative;
}
.script-loading-wrap-finished .script-loading-logo-img {
  transition-duration: 0.333s;
  animation: none;
  transform: translateX(-57px);
}
.script-loading-wrap-finished .script-loading-logo-text-img {
  opacity: 1;
  transform: translateX(36px);
  vertical-align: middle;
}
@keyframes __scale {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes imageLoadingRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.selection\:vk-bg-mts-bg-inverted *::selection {
  background-color: var(--color-background-inverted);
}
.selection\:vk-bg-mts-primary-bg *::selection {
  background-color: var(--color-background-primary-elevated);
}
.selection\:vk-text-mts-primary *::selection {
  color: var(--color-text-primary);
}
.selection\:vk-text-mts-text-inverted *::selection {
  color: var(--color-text-inverted);
}
.selection\:vk-bg-mts-bg-inverted::selection {
  background-color: var(--color-background-inverted);
}
.selection\:vk-bg-mts-primary-bg::selection {
  background-color: var(--color-background-primary-elevated);
}
.selection\:vk-text-mts-primary::selection {
  color: var(--color-text-primary);
}
.selection\:vk-text-mts-text-inverted::selection {
  color: var(--color-text-inverted);
}
.before\:vk-absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-vk-left-5::before {
  content: var(--tw-content);
  left: -1.25rem;
}
.before\:vk-aspect-square::before {
  content: var(--tw-content);
  aspect-ratio: 1 / 1;
}
.before\:vk-w-\[550px\]::before {
  content: var(--tw-content);
  width: 550px;
}
.before\:vk-rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:vk-bg-\[var\(--color-background-secondary\)\]::before {
  content: var(--tw-content);
  background-color: var(--color-background-secondary);
}
.before\:vk-content-\[\"\"\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:vk-content-\[\'\(\'\]::before {
  --tw-content: '(';
  content: var(--tw-content);
}
.after\:vk-block::after {
  content: var(--tw-content);
  display: block;
}
.after\:vk-w-\[1px\]::after {
  content: var(--tw-content);
  width: 1px;
}
.after\:vk-bg-mts-bg-secondary::after {
  content: var(--tw-content);
  background-color: var(--color-background-secondary);
}
.after\:vk-content-\[\'\)\'\]::after {
  --tw-content: ')';
  content: var(--tw-content);
}
.first\:vk-mt-\[18px\]:first-child {
  margin-top: 18px;
}
.first\:vk-items-start:first-child {
  align-items: flex-start;
}
.last\:vk-mb-\[18px\]:last-child {
  margin-bottom: 18px;
}
.last\:vk-items-end:last-child {
  align-items: flex-end;
}
.hover\:\!vk-border-mts-grey-300:hover {
  border-color: var(--color-constant-greyscale-300) !important;
}
.hover\:vk-border-action:hover {
  border-color: var(--action);
}
.hover\:vk-border-mts-brand:hover {
  border-color: var(--color-brand);
}
.hover\:vk-border-mts-negative:hover {
  border-color: var(--color-accent-negative);
}
.hover\:vk-border-mts-primary:hover {
  border-color: var(--color-text-primary);
}
.hover\:vk-bg-\[\#5e4bca\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(94 75 202 / var(--tw-bg-opacity, 1));
}
.hover\:vk-bg-background-base:hover {
  background-color: var(--background-base);
}
.hover\:vk-bg-bgCommonHigh:hover {
  background-color: var(--bgCommonHigh);
}
.hover\:vk-bg-gray-100:hover {
  background-color: var(--ui-kit-gray-100);
}
.hover\:vk-bg-mts-control-bg:hover {
  background-color: var(--color-background-secondary);
}
.hover\:vk-bg-tabs-bg-stroke:hover {
  background-color: var(--tabs-bg-stroke);
}
.hover\:vk-text-mts-link-hover:hover {
  color: var(--color-text-primary-link-hover);
}
.hover\:vk-text-text-tertiary:hover {
  color: var(--text-tertiary);
}
.hover\:vk-text-text-visited-link:hover {
  color: var(--text-visited-link);
}
.hover\:vk-underline:hover {
  text-decoration-line: underline;
}
.hover\:vk-opacity-100:hover {
  opacity: 1;
}
.focus\:\!vk-border-mts-grey-300:focus {
  border-color: var(--color-constant-greyscale-300) !important;
}
.focus\:vk-border-\[\#007CFF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 124 255 / var(--tw-border-opacity, 1));
}
.focus\:vk-border-mts-active:focus {
  border-color: var(--color-accent-active);
}
.focus\:vk-placeholder-mts-secondary:focus::placeholder {
  color: var(--color-text-secondary);
}
.focus\:vk-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:vk-ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:vk-ring-transparent:focus {
  --tw-ring-color: transparent;
}
.focus\:vk-ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}
.active\:\!vk-border-mts-grey-300:active {
  border-color: var(--color-constant-greyscale-300) !important;
}
.vk-group:hover .group-hover\:vk-opacity-100 {
  opacity: 1;
}
.aria-selected\:vk-bg-mts-control-bg[aria-selected="true"] {
  background-color: var(--color-background-secondary);
}
.data-\[open\=true\]\:vk-fixed[data-open="true"] {
  position: fixed;
}
.data-\[direction\=ne\]\:vk-right-0[data-direction="ne"] {
  right: 0px;
}
.data-\[direction\=ne\]\:vk-top-0[data-direction="ne"] {
  top: 0px;
}
.data-\[direction\=nw\]\:vk-left-0[data-direction="nw"] {
  left: 0px;
}
.data-\[direction\=nw\]\:vk-top-0[data-direction="nw"] {
  top: 0px;
}
.data-\[direction\=se\]\:vk-bottom-0[data-direction="se"] {
  bottom: 0px;
}
.data-\[direction\=se\]\:vk-right-0[data-direction="se"] {
  right: 0px;
}
.data-\[direction\=sw\]\:vk-bottom-0[data-direction="sw"] {
  bottom: 0px;
}
.data-\[direction\=sw\]\:vk-left-0[data-direction="sw"] {
  left: 0px;
}
.data-\[open\=true\]\:vk-z-50[data-open="true"] {
  z-index: 50;
}
.data-\[conjunction\=false\]\:vk-col-span-4[data-conjunction="false"] {
  grid-column: span 4 / span 4;
}
.data-\[checked\=true\]\:vk-block[data-checked="true"] {
  display: block;
}
.data-\[open\=true\]\:vk-flex[data-open="true"] {
  display: flex;
}
.data-\[checked\=true\]\:vk-hidden[data-checked="true"] {
  display: none;
}
.data-\[disabled\=true\]\:vk-hidden[data-disabled="true"] {
  display: none;
}
.data-\[error\=true\]\:vk-hidden[data-error="true"] {
  display: none;
}
.data-\[loading\=true\]\:vk-hidden[data-loading="true"] {
  display: none;
}
.data-\[show\=false\]\:vk-hidden[data-show="false"] {
  display: none;
}
.data-\[visible\=false\]\:vk-hidden[data-visible="false"] {
  display: none;
}
.data-\[fluid\=true\]\:vk-w-full[data-fluid="true"] {
  width: 100%;
}
.data-\[direction\=ne\]\:-vk-translate-y-1\/2[data-direction="ne"] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=ne\]\:vk-translate-x-1\/2[data-direction="ne"] {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=nw\]\:-vk-translate-x-1\/2[data-direction="nw"] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=nw\]\:-vk-translate-y-1\/2[data-direction="nw"] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=se\]\:vk-translate-x-1\/2[data-direction="se"] {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=se\]\:vk-translate-y-1\/2[data-direction="se"] {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=sw\]\:-vk-translate-x-1\/2[data-direction="sw"] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=sw\]\:vk-translate-y-1\/2[data-direction="sw"] {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[direction\=ne\]\:vk-cursor-ne-resize[data-direction="ne"] {
  cursor: ne-resize;
}
.data-\[direction\=nw\]\:vk-cursor-nw-resize[data-direction="nw"] {
  cursor: nw-resize;
}
.data-\[direction\=se\]\:vk-cursor-se-resize[data-direction="se"] {
  cursor: se-resize;
}
.data-\[direction\=sw\]\:vk-cursor-sw-resize[data-direction="sw"] {
  cursor: sw-resize;
}
.data-\[loading\=true\]\:vk-items-center[data-loading="true"] {
  align-items: center;
}
.data-\[align\=left\]\:vk-justify-start[data-align="left"] {
  justify-content: flex-start;
}
.data-\[align\=right\]\:vk-justify-end[data-align="right"] {
  justify-content: flex-end;
}
.data-\[align\=center\]\:vk-justify-center[data-align="center"] {
  justify-content: center;
}
.data-\[border\=false\]\:vk-border-0[data-border="false"] {
  border-width: 0px;
}
.data-\[valid\=false\]\:vk-border[data-valid="false"] {
  border-width: 1px;
}
.data-\[valid\=false\]\:vk-border-2[data-valid="false"] {
  border-width: 2px;
}
.data-\[group\=x\]\:data-\[active\=true\]\:vk-border-r-\[2px\][data-active="true"][data-group="x"] {
  border-right-width: 2px;
}
.data-\[group\=x\]\:vk-border-r-0[data-group="x"] {
  border-right-width: 0px;
}
.data-\[group\=y\]\:data-\[active\=true\]\:vk-border-b-\[2px\][data-active="true"][data-group="y"] {
  border-bottom-width: 2px;
}
.data-\[group\=y\]\:vk-border-b-0[data-group="y"] {
  border-bottom-width: 0px;
}
.data-\[valid\=false\]\:vk-border-solid[data-valid="false"] {
  border-style: solid;
}
.data-\[border\=false\]\:vk-border-none[data-border="false"] {
  border-style: none;
}
.data-\[active\=true\]\:vk-border-\[var\(--color-brand\)\][data-active="true"] {
  border-color: var(--color-brand);
}
.data-\[active\=true\]\:vk-border-mts-brand[data-active="true"] {
  border-color: var(--color-brand);
}
.data-\[error\=true\]\:\!vk-border-mts-negative[data-error="true"] {
  border-color: var(--color-accent-negative) !important;
}
.data-\[selected\=true\]\:vk-border-mts-brand[data-selected="true"] {
  border-color: var(--color-brand);
}
.data-\[valid\=false\]\:vk-border-mts-negative[data-valid="false"] {
  border-color: var(--color-accent-negative);
}
.data-\[has-collaborators\=true\]\:vk-border-r-mts-secondary[data-has-collaborators="true"] {
  border-right-color: var(--color-text-secondary);
}
.data-\[bg\=control\]\:vk-bg-mts-control-bg[data-bg="control"] {
  background-color: var(--color-background-secondary);
}
.data-\[bg\=lower\]\:vk-bg-mts-bg-lower[data-bg="lower"] {
  background-color: var(--color-background-lower);
}
.data-\[bg\=primary\]\:vk-bg-mts-primary-bg[data-bg="primary"] {
  background-color: var(--color-background-primary-elevated);
}
.data-\[bg\=secondary\]\:vk-bg-mts-secondary[data-bg="secondary"] {
  background-color: var(--color-text-secondary);
}
.data-\[selected\=true\]\:vk-bg-mts-control-bg[data-selected="true"] {
  background-color: var(--color-background-secondary);
}
.data-\[transparent\=true\]\:vk-bg-transparent[data-transparent="true"] {
  background-color: transparent;
}
.data-\[checked\=true\]\:vk-fill-mts-control-active[data-checked="true"] {
  fill: var(--color-control-primary-active);
}
.data-\[checked\=true\]\:vk-fill-mts-grey-0[data-checked="true"] {
  fill: var(--color-constant-greyscale-0);
}
.data-\[disabled\=true\]\:vk-fill-mts-control-disabled[data-disabled="true"] {
  fill: var(--color-control-inactive);
}
.data-\[disabled\=true\]\:vk-fill-mts-icon-secondary[data-disabled="true"] {
  fill: var(--color-icon-secondary);
}
.data-\[padding\=true\]\:vk-p-2[data-padding="true"] {
  padding: 0.5rem;
}
.data-\[size\=l\]\:vk-py-4[data-size="l"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.data-\[size\=s\]\:vk-py-1[data-size="s"] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.data-\[align\=left\]\:vk-text-left[data-align="left"] {
  text-align: left;
}
.data-\[align\=center\]\:vk-text-center[data-align="center"] {
  text-align: center;
}
.data-\[align\=right\]\:vk-text-right[data-align="right"] {
  text-align: right;
}
.data-\[size\=l\]\:vk-text-lg[data-size="l"] {
  font-size: 16px;
  line-height: 24px;
}
.data-\[size\=l\]\:vk-text-mts-l[data-size="l"] {
  font-size: 24px;
}
.data-\[size\=m\]\:vk-text-base[data-size="m"] {
  font-size: 14px;
  line-height: 20px;
}
.data-\[size\=m\]\:vk-text-mts-m[data-size="m"] {
  font-size: 20px;
}
.data-\[size\=s\]\:vk-text-mts-sm[data-size="s"] {
  font-size: 0.875rem;
}
.data-\[size\=s\]\:vk-text-sm[data-size="s"] {
  font-size: 12px;
  line-height: 16px;
}
.data-\[size\=xl\]\:vk-text-mts-xl[data-size="xl"] {
  font-size: 32px;
}
.data-\[size\=xs\]\:vk-text-xs[data-size="xs"] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.data-\[size\=l\]\:vk-font-semibold[data-size="l"] {
  font-weight: 600;
}
.data-\[size\=m\]\:vk-font-medium[data-size="m"] {
  font-weight: 500;
}
.data-\[size\=s\]\:vk-font-normal[data-size="s"] {
  font-weight: 400;
}
.data-\[size\=xl\]\:vk-font-bold[data-size="xl"] {
  font-weight: 700;
}
.data-\[size\=l\]\:vk-leading-mts-l[data-size="l"] {
  line-height: 30px;
}
.data-\[size\=m\]\:vk-leading-mts-m[data-size="m"] {
  line-height: 24px;
}
.data-\[size\=s\]\:vk-leading-mts-sm[data-size="s"] {
  line-height: 1.25rem;
}
.data-\[size\=xl\]\:vk-leading-mts-xl[data-size="xl"] {
  line-height: 32px;
}
.data-\[active\=true\]\:vk-text-mts-brand[data-active="true"] {
  color: var(--color-brand);
}
.data-\[disabled\=true\]\:vk-text-mts-control-disabled[data-disabled="true"] {
  color: var(--color-control-inactive);
}
.data-\[is-overlimit\=true\]\:vk-text-mts-negative[data-is-overlimit="true"] {
  color: var(--color-accent-negative);
}
.data-\[type\=primary\]\:vk-text-mts-primary[data-type="primary"] {
  color: var(--color-text-primary);
}
.data-\[open\=true\]\:vk-opacity-100[data-open="true"] {
  opacity: 1;
}
.data-\[valid\=false\]\:vk-outline[data-valid="false"] {
  outline-style: solid;
}
.data-\[valid\=false\]\:vk-outline-1[data-valid="false"] {
  outline-width: 1px;
}
.data-\[valid\=false\]\:vk-outline-mts-negative[data-valid="false"] {
  outline-color: var(--color-accent-negative);
}
.data-\[upgrade\=false\]\:after\:vk-content-\[\'\)\'\][data-upgrade="false"]::after {
  --tw-content: ')';
  content: var(--tw-content);
}
.data-\[group\=x\]\:first-of-type\:vk-rounded-l-\[6px\]:first-of-type[data-group="x"] {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.data-\[group\=y\]\:first-of-type\:vk-rounded-t-\[6px\]:first-of-type[data-group="y"] {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.data-\[group\=x\]\:last-of-type\:vk-rounded-r-\[6px\]:last-of-type[data-group="x"] {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.data-\[group\=y\]\:last-of-type\:vk-rounded-b-\[6px\]:last-of-type[data-group="y"] {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.data-\[group\=x\]\:last-of-type\:vk-border-r-\[2px\]:last-of-type[data-group="x"] {
  border-right-width: 2px;
}
.data-\[group\=y\]\:last-of-type\:vk-border-b-\[2px\]:last-of-type[data-group="y"] {
  border-bottom-width: 2px;
}
.data-\[disabled\=false\]\:hover\:vk-scale-\[1\.08\]:hover[data-disabled="false"] {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[disabled\=false\]\:data-\[transparent\=false\]\:hover\:vk-bg-tabs-bg-stroke:hover[data-transparent="false"][data-disabled="false"] {
  background-color: var(--tabs-bg-stroke);
}
.data-\[error\=true\]\:focus\:vk-border-mts-active:focus[data-error="true"] {
  border-color: var(--color-accent-active);
}
.vk-group:hover .data-\[disabled\=false\]\:group-hover\:vk-scale-\[1\.08\][data-disabled="false"] {
  --tw-scale-x: 1.08;
  --tw-scale-y: 1.08;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.vk-group\/initializer[data-loaded="true"] .group-data-\[loaded\=true\]\/initializer\:-vk-z-\[1\] {
  z-index: -1;
}
.vk-group\/toolbar[data-show="false"] .group-data-\[show\=false\]\/toolbar\:vk-z-10 {
  z-index: 10;
}
.vk-group[data-show="false"] .group-data-\[show\=false\]\:vk-z-\[10\] {
  z-index: 10;
}
.vk-group\/initializer[data-loaded="true"] .group-data-\[loaded\=true\]\/initializer\:vk-ml-\[20px\] {
  margin-left: 20px;
}
.vk-group[data-open="true"] .group-data-\[open\=true\]\:vk-max-h-\[400px\] {
  max-height: 400px;
}
.vk-group\/initializer[data-loaded="false"] .group-data-\[loaded\=false\]\/initializer\:vk-max-w-0 {
  max-width: 0px;
}
.vk-group[data-open="true"] .group-data-\[open\=true\]\:vk-rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes vk-scale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
.vk-group\/initializer[data-loaded="true"] .group-data-\[loaded\=true\]\/initializer\:vk-animate-scale-paused {
  animation: vk-scale 1.5s linear 1;
}
.vk-group\/initializer[data-loaded="true"] .group-data-\[loaded\=true\]\/initializer\:vk-opacity-0 {
  opacity: 0;
}
.vk-group\/initializer[data-loaded="true"] .group-data-\[loaded\=true\]\/initializer\:vk-opacity-100 {
  opacity: 1;
}
.vk-group[data-show="false"] .group-data-\[show\=false\]\:vk-opacity-100 {
  opacity: 1;
}
.vk-group\/toolbar[data-show="true"] .group-data-\[show\=true\]\/toolbar\:vk-opacity-100 {
  opacity: 1;
}
.vk-group[data-show="true"] .group-data-\[show\=true\]\:vk-opacity-100 {
  opacity: 1;
}
@media (max-width: 380px) {
  .max-\[380px\]\:vk-left-\[4px\] {
    left: 4px;
  }
  .max-\[380px\]\:vk-text-\[12px\] {
    font-size: 12px;
  }
}
@media (min-width: 640px) {
  .sm\:vk-p-\[40px\] {
    padding: 40px;
  }
  .sm\:vk-text-sm {
    font-size: 12px;
    line-height: 16px;
  }
  .sm\:vk-leading-6 {
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .md\:vk-static {
    position: static;
  }
  .md\:-vk-right-\[12px\] {
    right: -12px;
  }
  .md\:-vk-top-\[18px\] {
    top: -18px;
  }
  .md\:vk-left-\[5\%\] {
    left: 5%;
  }
  .md\:vk-right-0 {
    right: 0px;
  }
  .md\:vk-right-\[5\%\] {
    right: 5%;
  }
  .md\:vk-z-auto {
    z-index: auto;
  }
  .md\:vk-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:vk-mb-2 {
    margin-bottom: 0.5rem;
  }
  .md\:vk-mb-7 {
    margin-bottom: 1.75rem;
  }
  .md\:vk-ml-auto {
    margin-left: auto;
  }
  .md\:vk-mt-0 {
    margin-top: 0px;
  }
  .md\:vk-mt-\[22px\] {
    margin-top: 22px;
  }
  .md\:vk-mt-\[26px\] {
    margin-top: 26px;
  }
  .md\:vk-mt-\[32px\] {
    margin-top: 32px;
  }
  .md\:vk-block {
    display: block;
  }
  .md\:vk-inline {
    display: inline;
  }
  .md\:vk-flex {
    display: flex;
  }
  .md\:vk-inline-flex {
    display: inline-flex;
  }
  .md\:vk-hidden {
    display: none;
  }
  .md\:vk-h-\[500px\] {
    height: 500px;
  }
  .md\:vk-h-full {
    height: 100%;
  }
  .md\:vk-max-h-none {
    max-height: none;
  }
  .md\:vk-min-h-\[inherit\] {
    min-height: inherit;
  }
  .md\:\!vk-w-\[1150px\] {
    width: 1150px !important;
  }
  .md\:vk-w-1\/2 {
    width: 50%;
  }
  .md\:vk-w-80 {
    width: 20rem;
  }
  .md\:vk-w-\[208px\] {
    width: 208px;
  }
  .md\:vk-w-\[754px\] {
    width: 754px;
  }
  .md\:vk-w-auto {
    width: auto;
  }
  .md\:vk-w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:vk-w-full {
    width: 100%;
  }
  .md\:vk-min-w-\[700px\] {
    min-width: 700px;
  }
  .md\:vk-max-w-\[416px\] {
    max-width: 416px;
  }
  .md\:vk-max-w-\[436px\] {
    max-width: 436px;
  }
  .md\:vk-max-w-\[500px\] {
    max-width: 500px;
  }
  .md\:vk-max-w-\[700px\] {
    max-width: 700px;
  }
  .md\:vk-max-w-\[unset\] {
    max-width: unset;
  }
  .md\:vk-flex-1 {
    flex: 1 1 0%;
  }
  .md\:vk-basis-1\/3 {
    flex-basis: 33.333333%;
  }
  .md\:vk-basis-2\/3 {
    flex-basis: 66.666667%;
  }
  .md\:vk-translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .md\:vk-flex-row {
    flex-direction: row;
  }
  .md\:vk-flex-col {
    flex-direction: column;
  }
  .md\:vk-items-start {
    align-items: flex-start;
  }
  .md\:vk-items-center {
    align-items: center;
  }
  .md\:vk-justify-center {
    justify-content: center;
  }
  .md\:vk-gap-0 {
    gap: 0px;
  }
  .md\:vk-gap-\[24px\] {
    gap: 24px;
  }
  .md\:vk-gap-\[32px\] {
    gap: 32px;
  }
  .md\:vk-self-center {
    align-self: center;
  }
  .md\:vk-overflow-hidden {
    overflow: hidden;
  }
  .md\:vk-overflow-y-auto {
    overflow-y: auto;
  }
  .md\:vk-rounded-3xl {
    border-radius: 1.5rem;
  }
  .md\:vk-rounded-none {
    border-radius: 0px;
  }
  .md\:vk-border-0 {
    border-width: 0px;
  }
  .md\:vk-border-l-common {
    border-left-width: var(--common-border-width);
  }
  .md\:vk-bg-background-lower {
    background-color: var(--background-lower);
  }
  .md\:vk-bg-highBg {
    background-color: var(--highBg);
  }
  .md\:vk-bg-mts-bg-secondary {
    background-color: var(--color-background-secondary);
  }
  .md\:vk-bg-transparent {
    background-color: transparent;
  }
  .md\:vk-p-0 {
    padding: 0px;
  }
  .md\:vk-p-10 {
    padding: 2.5rem;
  }
  .md\:vk-p-5 {
    padding: 1.25rem;
  }
  .md\:vk-p-6 {
    padding: 1.5rem;
  }
  .md\:vk-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:vk-pl-0 {
    padding-left: 0px;
  }
  .md\:vk-text-left {
    text-align: left;
  }
  .md\:vk-text-mts-xl {
    font-size: 32px;
  }
  .md\:vk-opacity-70 {
    opacity: 0.7;
  }
  .md\:vk-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .md\:vk-backdrop-blur-0 {
    --tw-backdrop-blur: blur(0);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .md\:before\:vk-w-\[55\%\]::before {
    content: var(--tw-content);
    width: 55%;
  }
  .md\:data-\[padding\=true\]\:vk-p-5[data-padding="true"] {
    padding: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:vk-order-none {
    order: 0;
  }
  .lg\:vk-col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:vk-m-6 {
    margin: 1.5rem;
  }
  .lg\:vk-mb-0 {
    margin-bottom: 0px;
  }
  .lg\:vk-mr-4 {
    margin-right: 1rem;
  }
  .lg\:vk-block {
    display: block;
  }
  .lg\:vk-flex {
    display: flex;
  }
  .lg\:vk-hidden {
    display: none;
  }
  .lg\:vk-h-full {
    height: 100%;
  }
  .lg\:vk-max-h-\[100px\] {
    max-height: 100px;
  }
  .lg\:vk-w-auto {
    width: auto;
  }
  .lg\:vk-flex-1 {
    flex: 1 1 0%;
  }
  .lg\:vk-flex-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:vk-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:vk-flex-col {
    flex-direction: column;
  }
  .lg\:vk-items-end {
    align-items: flex-end;
  }
  .lg\:vk-justify-end {
    justify-content: flex-end;
  }
  .lg\:vk-justify-center {
    justify-content: center;
  }
  .lg\:vk-justify-between {
    justify-content: space-between;
  }
  .lg\:vk-place-self-auto {
    place-self: auto;
  }
  .lg\:vk-rounded-xl {
    border-radius: 0.75rem;
  }
  .lg\:vk-bg-background-base {
    background-color: var(--background-base);
  }
  .lg\:vk-p-0 {
    padding: 0px;
  }
  .lg\:vk-p-10 {
    padding: 2.5rem;
  }
  .lg\:vk-p-8 {
    padding: 2rem;
  }
  .lg\:vk-pb-0 {
    padding-bottom: 0px;
  }
  .lg\:vk-pl-10 {
    padding-left: 2.5rem;
  }
  .data-\[system\=true\]\:lg\:vk-col-span-2[data-system="true"] {
    grid-column: span 2 / span 2;
  }
  .lg\:data-\[size\=l\]\:vk-min-w-\[876px\][data-size="l"] {
    min-width: 876px;
  }
  .lg\:data-\[padding\=true\]\:vk-p-10[data-padding="true"] {
    padding: 2.5rem;
  }
}
@media (min-width: 1536px) {
  .\32xl\:vk-w-1\/3 {
    width: 33.333333%;
  }
}
.data-\[valid\=false\]\:\[\&\+\*\>div\]\:vk-bg-mts-negative+*>div[data-valid="false"] {
  background-color: var(--color-accent-negative);
}
.data-\[group\=x\]\:\[\&\+button\]\:data-\[active\=true\]\:vk-border-l-0[data-active="true"]+button[data-group="x"] {
  border-left-width: 0px;
}
.data-\[group\=y\]\:\[\&\+button\]\:data-\[active\=true\]\:vk-border-t-0[data-active="true"]+button[data-group="y"] {
  border-top-width: 0px;
}
.\[\&\:disabled\]\:vk-text-mts-control-disabled:disabled {
  color: var(--color-control-inactive);
}
.\[\&\:disabled_svg\]\:vk-fill-mts-control-disabled:disabled svg {
  fill: var(--color-control-inactive);
}
.\[\&\:has\(\*\:active\)\]\:vk-border-mts-active:has(*:active) {
  border-color: var(--color-accent-active);
}
.\[\&\:has\(\*\:focus\)\]\:vk-border-mts-active:has(*:focus) {
  border-color: var(--color-accent-active);
}
.\[\&\:not\(\:last-child\)\]\:after\:vk-content-\[\"\"\]:not(:last-child)::after {
  --tw-content: "";
  content: var(--tw-content);
}
.\[\&\>button\>div\]\:vk-flex>button>div {
  display: flex;
}
.\[\&\>button\>div\]\:vk-p-\[4px\]>button>div {
  padding: 4px;
}
.\[\&\>button\]\:\!vk-p-0>button {
  padding: 0px !important;
}
.\[\&\>button\]\:vk-p-0>button {
  padding: 0px;
}
.\[\&\>button\]\:\!vk-px-1>button {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\[\&\>button\]\:\!vk-text-mts-sm>button {
  font-size: 0.875rem !important;
}
.\[\&\>button\]\:\!vk-font-normal>button {
  font-weight: 400 !important;
}
.\[\&\>div\]\:vk-flex-1>div {
  flex: 1 1 0%;
}
.\[\&\>img\]\:vk-h-auto>img {
  height: auto;
}
.\[\&\>img\]\:vk-max-w-\[320px\]>img {
  max-width: 320px;
}
.\[\&\>label\]\:vk-flex>label {
  display: flex;
}
.\[\&\>label\]\:vk-items-center>label {
  align-items: center;
}
.\[\&\>label\]\:vk-self-center>label {
  align-self: center;
}
.\[\&\>span\]\:vk-text-\[12px\]>span {
  font-size: 12px;
}
.\[\&\>svg\]\:vk-m-auto>svg {
  margin: auto;
}
.\[\&\>svg\]\:vk-h-6>svg {
  height: 1.5rem;
}
.\[\&\>svg\]\:vk-h-full>svg {
  height: 100%;
}
.\[\&\>svg\]\:vk-w-full>svg {
  width: 100%;
}
.\[\&\>svg\]\:vk-fill-bgCommonDefault>svg {
  fill: var(--bgCommonDefault);
}
.\[\&_\*\]\:\!vk-z-0 * {
  z-index: 0 !important;
}
.\[\&_\*\]\:\!vk-m-0 * {
  margin: 0px !important;
}
.\[\&_\*\]\:\!vk-shadow-none * {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
@media (min-width: 768px) {
  .md\:\[\&_ant-modal-title\]\:vk-w-full ant-modal-title {
    width: 100%;
  }
}
.\[\&_ant-modal-title_div\]\:vk-pr-0 ant-modal-title div {
  padding-right: 0px;
}
@media (min-width: 768px) {
  .md\:\[\&_ant-modal-title_div\]\:vk-text-ellipsis ant-modal-title div {
    text-overflow: ellipsis;
  }
  .md\:\[\&_ant-modal-title_div\]\:vk-pr-\[40px\] ant-modal-title div {
    padding-right: 40px;
  }
}
.\[\&_button\]\:vk-flex button {
  display: flex;
}
.\[\&_button\]\:vk-w-full button {
  width: 100%;
}
.\[\&_button\]\:vk-justify-center button {
  justify-content: center;
}
.\[\&_div\:has\(svg\)\]\:vk-z-0 div:has(svg) {
  z-index: 0;
}
.\[\&_div\:has\(svg\)\]\:vk-cursor-pointer div:has(svg) {
  cursor: pointer;
}
.\[\&_p\.is-empty\]\:before\:vk-pointer-events-none p.is-empty::before {
  content: var(--tw-content);
  pointer-events: none;
}
.\[\&_p\.is-empty\]\:before\:vk-float-left p.is-empty::before {
  content: var(--tw-content);
  float: left;
}
.\[\&_p\.is-empty\]\:before\:vk-h-\[0\] p.is-empty::before {
  content: var(--tw-content);
  height: 0;
}
.\[\&_p\.is-empty\]\:before\:vk-text-mts-icon-secondary p.is-empty::before {
  content: var(--tw-content);
  color: var(--color-icon-secondary);
}
.\[\&_p\.is-empty\]\:before\:vk-content-\[attr\(data-placeholder\)\] p.is-empty::before {
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
}
.\[\&_span\:has\(svg\)\]\:vk-hidden span:has(svg) {
  display: none;
}
.\[\&_svg\]\:vk-shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_svg\]\:vk-fill-fc3 svg {
  fill: var(--fc3);
}
.\[\&_svg\]\:vk-fill-mts-control-alternative svg {
  fill: var(--color-control-alternative);
}
.\[\&_svg\]\:vk-fill-tabs-text-secondary svg {
  fill: var(--tabs-text-secondary);
}
.\[\&_svg\]\:data-\[active\=true\]\:vk-fill-mts-brand[data-active="true"] svg {
  fill: var(--color-brand);
}
input:checked+*>.\[input\:checked\+\*\>\&\]\:vk-mt-1 {
  margin-top: 0.25rem;
}
input:checked+*>.\[input\:checked\+\*\>\&\]\:vk-max-h-56 {
  max-height: 14rem;
}
input:checked+*>.\[input\:checked\+\*\>\&\]\:vk-rounded-md {
  border-radius: 0.375rem;
}
input:checked+*>.\[input\:checked\+\*\>\&\]\:vk-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
input:checked+*>label>.\[input\:checked\+\*\>label\>\&\]\:vk-rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/**
* 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
**/
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.main {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: column;
}
.errorPage {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.errorPage .errorText {
  padding: 0 24px 50px 24px;
}
.errorPage .contactUs {
  margin-top: 32px;
}
.errorPage .errorFeedback {
  position: absolute;
  bottom: 40px;
}
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
::-webkit-scrollbar-thumb {
  background-color: transparent;
  background-clip: padding-box;
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
  min-height: 36px;
}
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
@media (any-hover: none) {
  *::-webkit-scrollbar {
    display: none;
  }
  .ant-tooltip-inner {
    font-size: 14px;
    padding: 12px 8px;
  }
}
*::selection {
  color: inherit;
  background: var(--bgBrandLightDefault);
}
.rc-trigger-popup {
  z-index: 1000;
}
input,
div[tabindex] {
  outline: none !important;
}

.mtsds-vars{
  --color-constant-greyscale-0:#ffffff;
  --color-constant-greyscale-100:#f2f3f7;
  --color-constant-greyscale-200:#e2e5eb;
  --color-constant-greyscale-300:#bbc1c7;
  --color-constant-greyscale-400:#969fa8;
  --color-constant-greyscale-500:#626c77;
  --color-constant-greyscale-600:#434a51;
  --color-constant-greyscale-700:#2c3135;
  --color-constant-greyscale-800:#1d2023;
  --color-constant-greyscale-900:#000000;
  --color-constant-blackberry-lightest:#e7eafa;
  --color-constant-blackberry-light:#6384e0;
  --color-constant-blackberry-normal:#014fce;
  --color-constant-blackberry-dark:#003db7;
  --color-constant-blackberry-darkest:#002094;
  --color-constant-blueberry-lightest:#e1f3fe;
  --color-constant-blueberry-light:#45b6fc;
  --color-constant-blueberry-normal:#0097fd;
  --color-constant-blueberry-dark:#007cff;
  --color-constant-blueberry-darkest:#0048aa;
  --color-constant-mint-lightest:#dff9f5;
  --color-constant-mint-light:#00d9bc;
  --color-constant-mint-normal:#00c19b;
  --color-constant-mint-dark:#03a17b;
  --color-constant-mint-darkest:#00724d;
  --color-constant-apple-lightest:#e8faeb;
  --color-constant-apple-light:#74df8b;
  --color-constant-apple-normal:#26cd58;
  --color-constant-apple-dark:#04aa42;
  --color-constant-apple-darkest:#027722;
  --color-constant-lime-lightest:#f8fee7;
  --color-constant-lime-light:#d3f36b;
  --color-constant-lime-normal:#c1eb1d;
  --color-constant-lime-dark:#a6c100;
  --color-constant-lime-darkest:#808201;
  --color-constant-banana-lightest:#fffde8;
  --color-constant-banana-light:#fdf177;
  --color-constant-banana-normal:#fbe739;
  --color-constant-banana-dark:#fac031;
  --color-constant-banana-darkest:#f37f19;
  --color-constant-orange-lightest:#fbe9e7;
  --color-constant-orange-light:#ffa080;
  --color-constant-orange-normal:#f95721;
  --color-constant-orange-dark:#e04a17;
  --color-constant-orange-darkest:#ba360a;
  --color-constant-raspberry-lightest:#ffe4e9;
  --color-constant-raspberry-light:#f55f7e;
  --color-constant-raspberry-normal:#ea1f49;
  --color-constant-raspberry-dark:#c51345;
  --color-constant-raspberry-darkest:#8e003f;
  --color-constant-cranberry-lightest:#f9e7f0;
  --color-constant-cranberry-light:#e677ad;
  --color-constant-cranberry-normal:#e54887;
  --color-constant-cranberry-dark:#bb4079;
  --color-constant-cranberry-darkest:#7f3363;
  --color-constant-plum-lightest:#f0e7f0;
  --color-constant-plum-light:#a86ea7;
  --color-constant-plum-normal:#883888;
  --color-constant-plum-dark:#6d2d79;
  --color-constant-plum-darkest:#471c61;
  --shadow-lowest:0 0 6px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-low:0 0 16px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-middle:0 4px 24px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.08);
  --shadow-upper-middle:0 -2px 24px rgba(0, 0, 0, 0.08), 0 -8px 24px rgba(0, 0, 0, 0.1);
  --shadow-high:0 4px 24px rgba(0, 0, 0, 0.12), 0 12px 20px rgba(0, 0, 0, 0.14);
  --color-brand:#ff0032;
  --color-accent-active:#007cff;
  --color-accent-positive:#26cd58;
  --color-accent-warning:#fac031;
  --color-accent-negative:#f95721;
  --color-accent-active-inverted:#45b6fc;
  --color-accent-positive-inverted:#74df8b;
  --color-accent-warning-inverted:#fad67d;
  --color-accent-negative-inverted:#fa8a64;
  --color-text-headline:#000000;
  --color-text-primary:#1d2023;
  --color-text-secondary:#626c77;
  --color-text-tertiary:#969fa8;
  --color-text-inverted:#fafafa;
  --color-text-positive:#12b23f;
  --color-text-negative:#db400c;
  --color-text-primary-link:#0070e5;
  --color-text-primary-link-hover:#007cff;
  --color-text-primary-link-visited:#3396ff;
  --color-text-primary-link-inverted:#45b6fc;
  --color-text-secondary-link:#626c77;
  --color-text-secondary-link-hover:#bbc1c7;
  --color-text-secondary-link-visited:#abb2b9;
  --color-text-visited-link:#883888;
  --color-text-inactive-tab-bar:#6e7782;
  --color-background-primary:#ffffff;
  --color-background-stroke:rgba(188, 195, 208, 0.5);
  --color-background-primary-elevated:#ffffff;
  --color-background-secondary:#f2f3f7;
  --color-background-secondary-elevated:#ffffff;
  --color-background-modal:#ffffff;
  --color-background-inverted:#1d2023;
  --color-background-overlay:rgba(29, 32, 35, 0.4);
  --color-background-hover:rgba(188, 195, 208, 0.25);
  --color-background-hover-inverted:rgba(242, 243, 247, 0.2);
  --color-background-navbar-ios:rgba(255, 255, 255, 0.92);
  --color-background-disabled:#f8f8fb;
  --color-background-stroke-disabled:rgba(188, 195, 208, 0.25);
  --color-background-lower:#f2f3f7;
  --color-control-primary-active:#ff0032;
  --color-control-secondary-active:#1d2023;
  --color-control-tertiary-active:#f2f3f7;
  --color-control-inactive:rgba(188, 195, 208, 0.5);
  --color-control-alternative:#ffffff;
  --color-control-alternative-stroke-hover:#ced4dc;
  --color-control-active-tab-bar:#ff0032;
  --color-control-inactive-tab-bar:#8d969f;
  --color-control-stroke:#8d969f;
  --color-icon-primary:#1d2023;
  --color-icon-secondary:#8d969f;
  --color-icon-tertiary:#bbc1c7;
  --color-premium:linear-gradient(48deg, #9BD5FF 6.25%, #9B93FF 44.27%, #9A8DFF 58.33%, #7C86FE 84.9%);
  --blend-hover:multiply;
  --blend-hover-inverted:normal;
}

[data-mtsds-theme=dark]{
  --color-brand:#ff0032;
  --color-accent-active:#45b6fc;
  --color-accent-positive:#74df8b;
  --color-accent-warning:#fad67d;
  --color-accent-negative:#fa8a64;
  --color-accent-active-inverted:#007cff;
  --color-accent-positive-inverted:#26cd58;
  --color-accent-warning-inverted:#fac031;
  --color-accent-negative-inverted:#f95721;
  --color-text-headline:#ffffff;
  --color-text-primary:#fafafa;
  --color-text-secondary:#969fa8;
  --color-text-tertiary:#626c77;
  --color-text-inverted:#1d2023;
  --color-text-positive:#74df8b;
  --color-text-negative:#ffa080;
  --color-text-primary-link:#45b6fc;
  --color-text-primary-link-hover:#45b6fc;
  --color-text-primary-link-visited:#0063cc;
  --color-text-primary-link-inverted:#0070e5;
  --color-text-secondary-link:#969fa8;
  --color-text-secondary-link-hover:#626c77;
  --color-text-secondary-link-visited:#787f86;
  --color-text-visited-link:#b767b7;
  --color-text-inactive-tab-bar:rgba(255, 255, 255, 0.46);
  --color-background-primary:#000000;
  --color-background-stroke:rgba(127, 140, 153, 0.35);
  --color-background-primary-elevated:#1d2023;
  --color-background-secondary:rgba(98, 108, 119, 0.25);
  --color-background-secondary-elevated:rgba(98, 108, 119, 0.25);
  --color-background-modal:#2c3135;
  --color-background-inverted:#ffffff;
  --color-background-overlay:rgba(29, 32, 35, 0.6);
  --color-background-hover:rgba(242, 243, 247, 0.2);
  --color-background-hover-inverted:rgba(188, 195, 208, 0.25);
  --color-background-navbar-ios:rgba(0, 0, 0, 0.92);
  --color-background-disabled:rgba(98, 108, 119, 0.15);
  --color-background-stroke-disabled:rgba(127, 140, 153, 0.1);
  --color-background-lower:#000000;
  --color-control-primary-active:#ff0032;
  --color-control-secondary-active:#ffffff;
  --color-control-tertiary-active:rgba(127, 140, 153, 0.35);
  --color-control-inactive:rgba(127, 140, 153, 0.35);
  --color-control-alternative:rgba(127, 140, 153, 0.35);
  --color-control-alternative-stroke-hover:#6a7278;
  --color-control-active-tab-bar:#ffffff;
  --color-control-inactive-tab-bar:rgba(255, 255, 255, 0.46);
  --color-control-stroke:#636b72;
  --color-icon-primary:#fafafa;
  --color-icon-secondary:#969fa8;
  --color-icon-tertiary:#626c77;
  --color-premium:linear-gradient(48deg, #9BD5FF 6.25%, #9B93FF 44.27%, #9A8DFF 58.33%, #7C86FE 84.9%);
  --blend-hover:normal;
  --blend-hover-inverted:multiply;
}

@font-face{
  font-family:"MTS Compact";
  font-weight:700;
  font-style:normal;
  src:url(/_next/static/media/MTSCompact-Bold.20e7785c.eot);
  src:url(/_next/static/media/MTSCompact-Bold.20e7785c.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSCompact-Bold.58601dda.woff2) format("woff2"), url(/_next/static/media/MTSCompact-Bold.60a0c8f0.woff) format("woff");
}
@font-face{
  font-family:"MTS Compact";
  font-weight:500;
  font-style:normal;
  src:url(/_next/static/media/MTSCompact-Medium.f35cf43b.eot);
  src:url(/_next/static/media/MTSCompact-Medium.f35cf43b.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSCompact-Medium.c724f0c1.woff2) format("woff2"), url(/_next/static/media/MTSCompact-Medium.2993b128.woff) format("woff");
}
@font-face{
  font-family:"MTS Compact";
  font-weight:400;
  font-style:normal;
  src:url(/_next/static/media/MTSCompact-Regular.e3cd4570.eot);
  src:url(/_next/static/media/MTSCompact-Regular.e3cd4570.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSCompact-Regular.facdb620.woff2) format("woff2"), url(/_next/static/media/MTSCompact-Regular.7ba428ff.woff) format("woff");
}
@font-face{
  font-family:"MTS Text";
  font-weight:400;
  font-style:normal;
  src:url(/_next/static/media/MTSText-Regular.8f8a4735.eot);
  src:url(/_next/static/media/MTSText-Regular.8f8a4735.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSText-Regular.35bd5ea5.woff2) format("woff2"), url(/_next/static/media/MTSText-Regular.e2965275.woff) format("woff");
}
@font-face{
  font-family:"MTS Wide";
  font-weight:500;
  font-style:normal;
  src:url(/_next/static/media/MTSWide-Medium.9aa0f977.eot);
  src:url(/_next/static/media/MTSWide-Medium.9aa0f977.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSWide-Medium.61fa0e80.woff2) format("woff2"), url(/_next/static/media/MTSWide-Medium.aa2be9fe.woff) format("woff");
}
@font-face{
  font-family:"MTS Text";
  font-weight:500;
  font-style:normal;
  src:url(/_next/static/media/MTSText-Medium.aebd6a36.eot);
  src:url(/_next/static/media/MTSText-Medium.aebd6a36.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSText-Medium.d7231641.woff2) format("woff2"), url(/_next/static/media/MTSText-Medium.d1bba0ac.woff) format("woff");
}
@font-face{
  font-family:"MTS Wide";
  font-weight:700;
  font-style:normal;
  src:url(/_next/static/media/MTSWide-Bold.b8be6f75.eot);
  src:url(/_next/static/media/MTSWide-Bold.b8be6f75.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/MTSWide-Bold.bc37c157.woff2) format("woff2"), url(/_next/static/media/MTSWide-Bold.d9ad725a.woff) format("woff");
}



html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
* {
  box-sizing: border-box;
}
a {
  color: #7b67ee;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 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
**/
.antiEllipsis {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.ant-select-option-common ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ant-select-option-common ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.ant-select-option-common 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;
}
.ant-select-option-common ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.ant-select-option-common li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.ant-select-option-common :global .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.flexCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inputErrorMsg {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.tree :global .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.tree :global .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.tree :global .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;
}
.tree :global .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;
}
.tree :global .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.tree :global .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.tree :global .ant-tree-indent-unit {
  width: 16px !important;
}
.tree :global .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.tree :global .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.tree :global .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.tree :global .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.tree :global .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;
}
.tree :global .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.tree :global .editBgColor::before,
.tree :global .nodeHover::before {
  background: var(--rowSelectedBg);
}
.tree :global .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.tree :global .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);
}
.tree :global .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.tree :global .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.tree :global .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.tree :global .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.tree :global .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tree :global .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.lightTree :global .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);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.lightTree :global .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;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.lightTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.darkTree :global .ant-tree.ant-tree-directory {
  background: transparent;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.darkTree :global .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);
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
  fill: var(--inactiveColor) !important;
  color: var(--inactiveColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .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;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.darkTree :global .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.scroll-bar-default::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.scroll-bar-default::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
.scroll-bar-default:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.scroll-bar-small::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.scroll-bar-small::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.scroll-bar-small:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.templateCard {
  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);
}
.templateCardFlexWidth {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .templateCardFlexWidth {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .templateCardFlexWidth {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .templateCardFlexWidth {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .templateCardFlexWidth {
    flex: 0 0 100%;
  }
}
.main {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: var(--defaultBg);
  display: flex;
  flex-direction: column;
}
.errorPage {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.errorPage .errorText {
  padding: 0 24px 50px 24px;
}
.errorPage .contactUs {
  margin-top: 32px;
}
.errorPage .errorFeedback {
  position: absolute;
  bottom: 40px;
}
::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 7px;
  border: 4px solid transparent;
}
:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.emptyPlaceholder {
  text-align: center;
  padding: 32px 0;
}
.emptyPlaceholder .img {
  width: 160px;
  height: 120px;
}
.emptyPlaceholder .title {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-top: 8px;
}
@media (any-hover: none) {
  *::-webkit-scrollbar {
    display: none;
  }
  .ant-tooltip-inner {
    font-size: 14px;
    padding: 12px 8px;
  }
}
*::selection {
  color: inherit;
  background: var(--bgBrandLightDefault);
}
.rc-trigger-popup {
  z-index: 1000;
}

:root{
  --tabs-text-secondary:rgba(98, 108, 119, 1);
  --tabs-bg-secondary:rgba(242, 243, 247, 1);
  --tabs-bg-stroke:rgba(188, 195, 208, 0.5);
  --mts-id-bg-color: #F2F3F7;
  --mts-id-text-gray-color: #1D2023;
  --tabs-success:#26CD58;
  --tabs-failure:#FF0032;
  --mts-backdrop-filter: rgba(256,256,256,0.4)
}
:root[data-theme="dark"]{
  --tabs-text-secondary:rgba(150, 159, 168, 1);
  --tabs-bg-secondary:rgba(98, 108, 119, 0.25);
  --tabs-bg-stroke:rgba(127, 140, 153, 0.35);
  --mts-id-bg-color: rgba(0,0,0,.6);
  --mts-id-text-gray-color: rgb(150, 159, 168);
  --tabs-success:#26CD58;
  --tabs-failure:#FF0032;
  --mts-backdrop-filter: rgba(256,256,256,0.1)
}

:root {
  --common-border-radius: 12px;
  --common-gap: 16px;
  --common-padding: 16px;
  --common-border-width: 1px;
}
:root{--toast-info-bg: var(--background-inverted);--toast-info-text: var(--text-primary-inverted);--toast-info-border: var(--background-inverted);--toast-success-bg: var(--success-light);--toast-success-text: var(--success);--toast-success-border: var(--success-light);--toast-warning-bg: var(--warning-light);--toast-warning-text: var(--warning);--toast-warning-border: var(--warning-light);--toast-error-bg: var(--danger-light);--toast-error-text: var(--danger);--toast-error-border: var(--danger-light)}:root[data-theme=dark],.dark{--toast-info-bg: var(--background-inverted);--toast-info-text: var(--text-primary-inverted);--toast-info-border: var(--background-inverted);--toast-success-bg: var(--success-light);--toast-success-text: var(--success);--toast-success-border: var(--success-light);--toast-warning-bg: var(--warning-light);--toast-warning-text: var(--warning);--toast-warning-border: var(--warning-light);--toast-error-bg: var(--danger-light);--toast-error-text: var(--danger);--toast-error-border: var(--danger-light)}:root{--control-rounding: 4px;--control-size-sm: 24px;--control-px-sm: 8px;--control-py-sm: 3px;--control-size-md: 32px;--control-px-md: 12px;--control-py-md: 6px;--control-size-lg: 40px;--control-px-lg: 16px;--control-py-lg: 9px;--control-size-xl: 48px;--control-px-xl: 20px;--control-py-xl: 12px;--controls-primary: var(--action);--controls-primary-text: var(--ui-kit-white);--controls-primary-hover: var(--action-hover);--controls-primary-active: var(--ui-kit-deeppurple-200);--controls-primary-disabled: var(--ui-kit-deeppurple-200);--controls-secondary: var(--ui-kit-deeppurple-50);--controls-secondary-text: var(--action);--controls-secondary-hover: var(--ui-kit-deeppurple-100);--controls-secondary-active: var(--ui-kit-deeppurple-200);--controls-danger: var(--danger);--controls-danger-text: var(--ui-kit-white);--controls-danger-hover: var(--ui-kit-red-300);--controls-danger-active: var(--ui-kit-red-200);--controls-danger-disabled: var(--ui-kit-red-200);--controls-tertiary-active: var(--grayscale-1);--controls-tertiary-active-dark: var(--grayscale-1);--controls-tertiary-active-onsecondary: var(--grayscale-1);--controls-blur: var(--frame-21);--controls-stroke: var(--frame-6);--controls-inactive: var(--frame-12);--controls-alternative: var(--grayscale-0);--controls-active-tabbar: var(--brand);--controls-inactive-tabbar: var(--frame-6);--controls-hover-primary: var(--controls-hover-primary);--controls-hover-alternative: var(--controls-hover-alternative)}:root[data-theme=dark],.dark{--controls-primary: var(--action);--controls-primary-text: var(--ui-kit-white);--controls-primary-hover: var(--action-hover);--controls-primary-disabled: var(--ui-kit-deeppurple-200);--controls-secondary: var(--ui-kit-deeppurple-50);--controls-secondary-text: var(--action);--controls-secondary-hover: var(--ui-kit-deeppurple-100);--controls-secondary-active: var(--ui-kit-deeppurple-200);--controls-danger: var(--danger);--controls-danger-text: var(--ui-kit-white);--controls-danger-hover: var(--ui-kit-red-200);--controls-danger-active: var(--ui-kit-red-100);--controls-danger-disabled: var(--ui-kit-red-200);--controls-tertiary-active: var(--frame-9);--controls-tertiary-active-dark: var(--controls-tertiary-active-darkest);--controls-tertiary-active-onsecondary: var(--controls-tertiary-active-onsecond);--controls-blur: var(--frame-21);--controls-stroke: var(--frame-4);--controls-inactive: var(--frame-9);--controls-alternative: var(--frame-9);--controls-active-tabbar: var(--grayscale-0);--controls-inactive-tabbar: var(--frame-19);--controls-hover-primary: var(--controls-hover-primary);--controls-hover-alternative: var(--controls-hover-primary)}:root{--checkbox-shadow-color: var(--ui-kit-deeppurple-500);--checkbox-hover-opacity: 32%;--checkbox-active-opacity: 40%;--checkbox-hover-shadow: 0 1px 4px color-mix(in srgb, var(--checkbox-shadow-color) var(--checkbox-hover-opacity), transparent);--checkbox-active-shadow: 0 1px 4px color-mix(in srgb, var(--checkbox-shadow-color) var(--checkbox-active-opacity), transparent);--checkbox-checked-default-color: var(--ui-kit-deeppurple-500);--checkbox-checked-hover-color: var(--action-hover);--checkbox-checked-active-color: var(--ui-kit-deeppurple-200);--checkbox-checked-disabled-color: var(--ui-kit-deeppurple-100);--checkbox-unchecked-border-default-color: var(--ui-kit-blackblue-600);--checkbox-unchecked-border-hover-color: var(--action-hover);--checkbox-unchecked-border-active-color: var(--ui-kit-deeppurple-200);--checkbox-unchecked-border-disabled-color: var(--ui-kit-blackblue-300);--checkbox-intermediate-default-color: var(--ui-kit-deeppurple-500);--checkbox-intermediate-hover-color: var(--action-hover);--checkbox-intermediate-active-color: var(--ui-kit-deeppurple-200);--checkbox-intermediate-disabled-color: var(--ui-kit-deeppurple-100);--checkbox-check-mark-color: var(--ui-kit-white)}.ui-kit-checkbox:indeterminate{background-color:#fff;border-color:var(--checkbox-intermediate-default-color)}.ui-kit-checkbox:indeterminate:hover{border-color:var(--checkbox-intermediate-hover-color);box-shadow:var(--checkbox-hover-shadow)}.ui-kit-checkbox:indeterminate:active{border-color:var(--checkbox-intermediate-active-color);box-shadow:var(--checkbox-active-shadow)}.ui-kit-checkbox:indeterminate:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--checkbox-intermediate-default-color);border-radius:1px}.ui-kit-checkbox:indeterminate:hover:after{background-color:var(--checkbox-intermediate-hover-color)}.ui-kit-checkbox:indeterminate:active:after{background-color:var(--checkbox-intermediate-active-color)}.ui-kit-checkbox-xs:indeterminate:after{width:10px;height:10px}.ui-kit-checkbox-sm:indeterminate:after{width:14px;height:14px}.ui-kit-checkbox-md:indeterminate:after{width:18px;height:18px}.ui-kit-checkbox-lg:indeterminate:after{width:22px;height:22px}.ui-kit-checkbox-xl:indeterminate:after{width:26px;height:26px}:root{--ui-kit-dropdown-menu-bg: var(--background-base);--ui-kit-dropdown-menu-item-bg: var(--background-base);--ui-kit-dropdown-menu-item-bg-hover: var(--background-secondary);--ui-kit-dropdown-menu-item-text: var(--text-primary);--ui-kit-dropdown-width: 220px;--ui-kit-dropdown-menu-radius: 8px;--ui-kit-dropdown-menu-padding: 4px;--ui-kit-dropdown-menu-item-radius: 4px}:root[data-theme=dark],.dark{--ui-kit-dropdown-menu-bg: var(--background-base);--ui-kit-dropdown-menu-item-bg: var(--background-base);--ui-kit-dropdown-menu-item-bg-hover: var(--background-secondary);--ui-kit-dropdown-menu-item-text: var(--text-primary)}.ui-kit-menu{--menu-active-fg: var(--text-primary);--menu-active-bg: var(--background-secondary);margin:.5em 0;display:block}.ui-kit-menu ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0px}.dropdown-menu-container{display:flex;flex-direction:column}.dropdown-menu-scroll{max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent}.dropdown-menu-scroll::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}.dropdown-menu-scroll::-webkit-scrollbar-thumb{background:#000}.dropdown-menu-scroll::-webkit-scrollbar-track{background:transparent}.dropdown-menu-scroll::-webkit-scrollbar-button{display:none}.ui-kit-dropdown>summary::-webkit-details-marker{display:none}.ui-kit-dropdown>summary::marker{display:none}.ui-kit-dropdown>summary{list-style:none}.ui-kit-dropdown[open]>[role=menu]{animation:dropdown-fade-in .18s cubic-bezier(.4,0,.2,1)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--input-background-color: var(--ui-kit-gray-50);--input-focus-border-color: var(--ui-kit-deeppurple-500);--input-error-border-color: var(--accent-negative);--input-error-text-color: var(--text-negative);--input-text-color: var(--grayscale-8);--input-icon-color: var(--ui-kit-gray-500);--input-border: var(--line-light);--modal-bg: var(--background-base);--modal-close-btn-color: var(--ui-kit-blackpurple-300);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-min-height: 100px;--modal-border-radius: 8px;--modal-padding: 24px;--modal-min-size: 320px;--modal-s-size: 440px;--modal-m-size: 556px;--modal-l-size: 960px;--modal-shadow: var(--shadow-low-two), var(--shadow-low-one)}:root[data-theme=dark],.dark{--modal-bg: var(--background-base);--modal-close-btn-color: var(--ui-kit-blackpurple-300);--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-min-height: 100px;--modal-border-radius: 8px;--modal-padding: 24px;--modal-min-size: 320px;--modal-s-size: 440px;--modal-m-size: 556px;--modal-l-size: 960px;--modal-shadow: var(--shadow-low-two), var(--shadow-low-one)}:root{--ui-kit-panel-line-width: 1px;--ui-kit-panel-line-area-width: 11px;--ui-kit-panel-line-border-width: 5px;--ui-kit-panel-resizer-handle-size: 48px;--ui-kit-panel-resizer-handle-thickness: 5px;--ui-kit-panel-resizer-handle-border-radius: 4px;--ui-kit-panel-line-color: var(--line);--ui-kit-panel-line-hover-color: var(--action);--ui-kit-panel-resizer-disabled-color: var(--ui-kit-blackblue-300)}:root[data-theme=dark],.dark{--ui-kit-panel-line-color: rgba(255, 255, 255, .12);--ui-kit-panel-line-hover-color: var(--action);--ui-kit-panel-resizer-disabled-color: var(--ui-kit-blackblue-300)}.Resizer{position:relative;z-index:1;box-sizing:border-box;background-clip:padding-box}.Resizer.vertical{min-width:var(--ui-kit-panel-line-area-width);border-left:var(--ui-kit-panel-line-border-width) solid transparent;border-right:var(--ui-kit-panel-line-border-width) solid transparent;cursor:col-resize}.Resizer.vertical:before{content:"";position:absolute;width:var(--ui-kit-panel-line-width);height:100%;background:var(--ui-kit-panel-line-color)}.Resizer.vertical:hover:not(.disabled):before{background:var(--ui-kit-panel-line-hover-color);width:var(--ui-kit-panel-line-width)}.Resizer.vertical:hover:not(.disabled):after{content:"";display:block;position:absolute;width:var(--ui-kit-panel-resizer-handle-thickness);height:var(--ui-kit-panel-resizer-handle-size);background:var(--ui-kit-panel-line-hover-color);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--ui-kit-panel-resizer-handle-border-radius)}.Resizer.horizontal{min-height:var(--ui-kit-panel-line-area-width);border-top:var(--ui-kit-panel-line-border-width) solid transparent;border-bottom:var(--ui-kit-panel-line-border-width) solid transparent;cursor:row-resize}.Resizer.horizontal:before{content:"";position:absolute;height:var(--ui-kit-panel-line-width);width:100%;background:var(--ui-kit-panel-line-color)}.Resizer.horizontal:hover:not(.disabled):before{background:var(--ui-kit-panel-line-hover-color);height:var(--ui-kit-panel-line-width)}.Resizer.horizontal:hover:not(.disabled):after{content:"";position:absolute;width:var(--ui-kit-panel-resizer-handle-size);height:var(--ui-kit-panel-resizer-handle-thickness);background:var(--ui-kit-panel-line-hover-color);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--ui-kit-panel-resizer-handle-border-radius)}.Resizer.disabled{cursor:not-allowed}.Resizer.disabled:before,.Resizer.disabled:hover:before{background:var(--ui-kit-panel-resizer-disabled-color)}:root{--radio-hover-shadow-color: #7b67ee52;--radio-active-shadow-color: #7b67ee66;--radio-hover-shadow: 0px 1px 4px 0px var(--radio-hover-shadow-color);--radio-active-shadow: 0px 1px 4px 0px var(--radio-active-shadow-color);--radio-unchecked-default-body: var(--ui-kit-white);--radio-unchecked-default-border: var(--ui-kit-blackblue-600);--radio-unchecked-default-dot: var(--ui-kit-white);--radio-checked-default-body: var(--ui-kit-deeppurple-500);--radio-checked-default-border: var(--ui-kit-deeppurple-500);--radio-checked-default-dot: var(--ui-kit-white);--radio-unchecked-hover-body: var(--ui-kit-white);--radio-unchecked-hover-border: var(--ui-kit-deeppurple-300);--radio-unchecked-hover-dot: var(--ui-kit-white);--radio-checked-hover-body: var(--ui-kit-deeppurple-300);--radio-checked-hover-border: var(--ui-kit-deeppurple-300);--radio-checked-hover-dot: var(--ui-kit-white);--radio-unchecked-active-body: var(--ui-kit-white);--radio-unchecked-active-border: var(--ui-kit-deeppurple-200);--radio-unchecked-active-dot: var(--ui-kit-white);--radio-checked-active-body: var(--ui-kit-deeppurple-200);--radio-checked-active-border: var(--ui-kit-deeppurple-200);--radio-checked-active-dot: var(--ui-kit-white);--radio-unchecked-disabled-body: var(--ui-kit-white);--radio-unchecked-disabled-border: var(--ui-kit-blackblue-300);--radio-unchecked-disabled-dot: var(--ui-kit-white);--radio-checked-disabled-body: var(--ui-kit-deeppurple-100);--radio-checked-disabled-border: var(--ui-kit-deeppurple-100);--radio-checked-disabled-dot: var(--ui-kit-white);--radio-border-width: 1.5px;--radio-border-radius: 50%;--radio-size: 14px;--radio-dot-size: 6px;--radio-transition: .2s}:root[data-theme=dark],.dark{--radio-hover-shadow-color: #7b67ee52;--radio-active-shadow-color: #7b67ee66;--radio-hover-shadow: 0px 1px 4px 0px var(--radio-hover-shadow-color);--radio-active-shadow: 0px 1px 4px 0px var(--radio-active-shadow-color);--radio-unchecked-default-body: var(--ui-kit-white);--radio-unchecked-default-border: var(--ui-kit-blackblue-600);--radio-unchecked-default-dot: var(--ui-kit-white);--radio-checked-default-body: var(--ui-kit-deeppurple-500);--radio-checked-default-border: var(--ui-kit-deeppurple-500);--radio-checked-default-dot: var(--ui-kit-white);--radio-unchecked-hover-body: var(--ui-kit-white);--radio-unchecked-hover-border: var(--ui-kit-deeppurple-300);--radio-unchecked-hover-dot: var(--ui-kit-white);--radio-checked-hover-body: var(--ui-kit-deeppurple-300);--radio-checked-hover-border: var(--ui-kit-deeppurple-300);--radio-checked-hover-dot: var(--ui-kit-white);--radio-unchecked-active-body: var(--ui-kit-white);--radio-unchecked-active-border: var(--ui-kit-deeppurple-200);--radio-unchecked-active-dot: var(--ui-kit-white);--radio-checked-active-body: var(--ui-kit-deeppurple-200);--radio-checked-active-border: var(--ui-kit-deeppurple-200);--radio-checked-active-dot: var(--ui-kit-white);--radio-unchecked-disabled-body: var(--ui-kit-white);--radio-unchecked-disabled-border: var(--ui-kit-blackblue-300);--radio-unchecked-disabled-dot: var(--ui-kit-white);--radio-checked-disabled-body: var(--ui-kit-deeppurple-100);--radio-checked-disabled-border: var(--ui-kit-deeppurple-100);--radio-checked-disabled-dot: var(--ui-kit-white);--radio-border-width: 1.5px;--radio-border-radius: 50%;--radio-size: 14px;--radio-dot-size: 6px;--radio-transition: .2s}:root{--switcher-bg: var(--switch-bg);--switcher-bg-checked: var(--ui-kit-deeppurple-500);--switcher-text: var(--ui-kit-white);--switcher-border: var(--line-light);--switcher-border-width: 1px;--switcher-padding: 2px;--switcher-width: 36px;--switcher-height: 20px;--switcher-circle-height: 14px;--switcher-radius: 50%;--switcher-shadow: 0px 2px 4px 0px #00000026}:root[data-theme=dark],.dark{--switcher-bg: var(--switch-bg);--switcher-bg-checked: var(--ui-kit-deeppurple-500);--switcher-text: var(--ui-kit-white);--switcher-border: var(--line-light);--switcher-border-width: 1px;--switcher-padding: 2px;--switcher-width: 36px;--switcher-height: 20px;--switcher-circle-height: 14px;--switcher-radius: 50%;--switcher-shadow: 0px 2px 4px 0px #00000026}input[type=checkbox].ui-kit-toggle{border-style:solid;border-width:var(--switcher-border-width);padding:var(--switcher-padding);width:var(--switcher-width);height:var(--switcher-height);box-shadow:none}input[type=checkbox].ui-kit-toggle:before{border-radius:var(--switcher-radius);box-shadow:var(--switcher-shadow);height:var(--switcher-circle-height)}input[type=checkbox].ui-kit-toggle:disabled:before{background-color:var(--switcher-text);height:var(--switcher-circle-height)}:root{--switcher-field-border: var(--line-light);--switcher-field-x: 12px;--switcher-field-y: 9px;--switcher-field-bg: var(--input-bg);--switcher-field-radius: 4px;--switcher-field-min-width: 400px}:root[data-theme=dark],.dark{--switcher-field-border: var(--line-light);--switcher-field-x: 12px;--switcher-field-y: 9px;--switcher-field-bg: var(--input-bg);--switcher-field-radius: 4px;--switcher-field-min-width: 400px}:root{--tabs-active-text: var(--ui-kit-deeppurple-500);--tabs-inactive-text: var(--text-primary);--tabs-border-color: var(--ui-kit-blackblue-200);--tabs-filled: var(--background-secondary)}:root[data-theme=dark],.dark{--tabs-active-text: var(--ui-kit-deeppurple-500);--tabs-inactive-text: var(--text-primary);--tabs-border-color: var(--ui-kit-blackblue-200);--tabs-filled: var(--background-secondary)}:root{--ctooltip-bg: var(--background-inverted);--ctooltip-text: var(--text-primary-inverted);--ctooltip-z-index: 100;--ctooltip-width-medium: 192px;--ctooltip-width-long: 384px;--ctooltip-radius: 8px;--ctooltip-padding-x: 8px;--ctooltip-padding-y: 6px;--ctooltip-arrow-bg: var(--background-inverted);--ctooltip-arrow-svg: url("data:image/svg+xml,%3Csvg width='36' height='8' viewBox='0 0 36 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5 8C21.5 8 24.4999 0 28.5 0H8.5C12.4749 0 15.5 8 18.5 8Z' fill='%231D2023'/%3E%3C/svg%3E");--ctooltip-offset-top: 1px;--ctooltip-offset-bottom: 1px;--ctooltip-offset-left: 8px;--ctooltip-offset-right: 8px}:root[data-theme=dark],.dark{--ctooltip-bg: var(--background-inverted);--ctooltip-text: var(--text-primary-inverted);--ctooltip-arrow-bg: var(--background-inverted)}.ctooltip{position:absolute;background:var(--ctooltip-bg);color:var(--ctooltip-text);padding:var(--ctooltip-padding-y) var(--ctooltip-padding-x);border-radius:var(--ctooltip-radius);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:var(--ctooltip-max-width);text-align:center;z-index:var(--ctooltip-z-index)}.ctooltip-visible{opacity:1;pointer-events:auto}.ctooltip:after{content:"";position:absolute;width:36px;height:8px;background:var(--ctooltip-arrow-bg);mask-image:var(--ctooltip-arrow-svg);-webkit-mask-image:var(--ctooltip-arrow-svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;z-index:var(--ctooltip-z-index)}.ctooltip.ctooltip-short{white-space:nowrap;width:auto;max-width:none}.ctooltip.ctooltip-medium{white-space:normal;width:var(--ctooltip-width-medium);max-width:var(--ctooltip-width-medium);word-break:break-word}.ctooltip.ctooltip-long{white-space:normal;width:var(--ctooltip-width-long);max-width:var(--ctooltip-width-long);word-break:break-word}.ctooltip-top{left:50%;top:0;transform:translate(-50%,calc(-100% - var(--ctooltip-offset-top)))}.ctooltip-top:after{left:50%;top:98%;transform:translate(-50%) rotate(0)}.ctooltip-top-left{left:0;top:0;transform:translateY(calc(-100% - var(--ctooltip-offset-top)))}.ctooltip-top-left:after{left:18px;top:98%;transform:rotate(0)}.ctooltip-top-right{right:0;top:0;transform:translateY(calc(-100% - var(--ctooltip-offset-top)))}.ctooltip-top-right:after{right:18px;top:98%;transform:rotate(0)}.ctooltip-bottom{left:50%;bottom:0;transform:translate(-50%,calc(100% + var(--ctooltip-offset-bottom)))}.ctooltip-bottom:after{left:50%;bottom:98%;transform:translate(-50%) rotate(180deg)}.ctooltip-bottom-left{left:0;bottom:0;transform:translateY(calc(100% + var(--ctooltip-offset-bottom)))}.ctooltip-bottom-left:after{left:18px;bottom:98%;transform:rotate(180deg)}.ctooltip-bottom-right{right:0;bottom:0;transform:translateY(calc(100% + var(--ctooltip-offset-bottom)))}.ctooltip-bottom-right:after{right:18px;bottom:98%;transform:rotate(180deg)}.ctooltip-left{top:50%;left:0;transform:translate(calc(-100% - var(--ctooltip-offset-left)),-50%)}.ctooltip-left:after{top:50%;left:100%;transform:translateY(-50%) translate(-46%) rotate(-90deg)}.ctooltip-left-top{top:7%;left:0;transform:translate(calc(-100% - var(--ctooltip-offset-left)))}.ctooltip-left-top:after{top:16px;left:100%;transform:translate(-46%) rotate(-90deg)}.ctooltip-left-bottom{bottom:7%;left:0;transform:translate(calc(-100% - var(--ctooltip-offset-left)))}.ctooltip-left-bottom:after{bottom:16px;left:100%;transform:translate(-46%) rotate(-90deg)}.ctooltip-right{top:50%;right:0;transform:translate(calc(100% + var(--ctooltip-offset-right)),-50%)}.ctooltip-right:after{top:50%;right:100%;transform:translateY(-50%) translate(46%) rotate(90deg)}.ctooltip-right-top{top:7%;right:0;transform:translate(calc(100% + var(--ctooltip-offset-right)))}.ctooltip-right-top:after{top:16px;right:100%;transform:translate(46%) rotate(90deg)}.ctooltip-right-bottom{bottom:7%;right:0;transform:translate(calc(100% + var(--ctooltip-offset-right)))}.ctooltip-right-bottom:after{bottom:16px;right:100%;transform:translate(46%) rotate(90deg)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(45% .24 277.023);--color-primary-content: oklch(93% .034 272.788);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100: oklch(25.33% .016 252.42);--color-base-200: oklch(23.26% .014 253.1);--color-base-300: oklch(21.15% .012 254.09);--color-base-content: oklch(97.807% .029 256.847);--color-primary: oklch(58% .233 277.117);--color-primary-content: oklch(96% .018 272.314);--color-secondary: oklch(65% .241 354.308);--color-secondary-content: oklch(94% .028 342.258);--color-accent: oklch(77% .152 181.912);--color-accent-content: oklch(38% .063 188.416);--color-neutral: oklch(14% .005 285.823);--color-neutral-content: oklch(92% .004 286.32);--color-info: oklch(74% .16 232.661);--color-info-content: oklch(29% .066 243.157);--color-success: oklch(76% .177 163.223);--color-success-content: oklch(37% .077 168.94);--color-warning: oklch(82% .189 84.429);--color-warning-content: oklch(41% .112 45.904);--color-error: oklch(71% .194 13.428);--color-error-content: oklch(27% .105 12.094);--radius-selector: .5rem;--radius-field: .25rem;--radius-box: .5rem;--size-selector: .25rem;--size-field: .25rem;--border: 1px;--depth: 1;--noise: 0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{--fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.ui-kit-radio{position:relative;display:inline-block;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:calc(infinity * 1px);padding:.25rem;vertical-align:middle;border:var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size: calc(var(--size-selector, .25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color, currentColor)}.ui-kit-radio:before{display:block;width:100%;height:100%;border-radius:calc(infinity * 1px);--tw-content: "";content:var(--tw-content);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.ui-kit-radio:focus-visible{outline:2px solid currentColor}.ui-kit-radio:checked,.ui-kit-radio[aria-checked=true]{animation:radio .2s ease-out;border-color:currentColor;background-color:var(--color-base-100)}.ui-kit-radio:checked:before,.ui-kit-radio[aria-checked=true]:before{background-color:currentColor;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}@media (forced-colors: active){.ui-kit-radio:checked:before,.ui-kit-radio[aria-checked=true]:before{outline-style:var(--tw-outline-style);outline-width:1px;outline-offset:-1px}}@media print{.ui-kit-radio:checked:before,.ui-kit-radio[aria-checked=true]:before{outline:.25rem solid;outline-offset:-1rem}}.ui-kit-radio:disabled{cursor:not-allowed;opacity:20%}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}.ui-kit-menu{display:flex;width:-moz-fit-content;width:fit-content;flex-direction:column;flex-wrap:wrap;padding:.5rem;--menu-active-fg: var(--color-neutral-content);--menu-active-bg: var(--color-neutral);font-size:.875rem}.ui-kit-menu :where(li ul){position:relative;margin-inline-start:1rem;padding-inline-start:.5rem;white-space:nowrap}.ui-kit-menu :where(li ul):before{position:absolute;inset-inline-start:0rem;top:.75rem;bottom:.75rem;background-color:var(--color-base-content);opacity:10%;width:var(--border);content:""}.ui-kit-menu :where(li>.ui-kit-menu-dropdown:not(.ui-kit-menu-dropdown-show)){display:none}.ui-kit-menu :where(li:not(.ui-kit-menu-title)>*:not(ul,details,.ui-kit-menu-title,.ui-kit-btn)),.ui-kit-menu :where(li:not(.ui-kit-menu-title)>details>summary:not(.ui-kit-menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;border-radius:var(--radius-field);padding-inline:.75rem;padding-block:.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);grid-auto-columns:minmax(auto,max-content) auto max-content;text-wrap:balance;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-kit-menu :where(li>details>summary){--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-menu :where(li>details>summary){outline:2px solid transparent;outline-offset:2px}}.ui-kit-menu :where(li>details>summary)::-webkit-details-marker{display:none}.ui-kit-menu :where(li>details>summary):after,.ui-kit-menu :where(li>.ui-kit-menu-dropdown-toggle):after{justify-self:flex-end;display:block;height:.375rem;width:.375rem;rotate:-135deg;translate:0 -1px;transition-property:rotate,translate;transition-duration:.2s;content:"";transform-origin:50% 50%;box-shadow:2px 2px inset;pointer-events:none}.ui-kit-menu :where(li>details[open]>summary):after,.ui-kit-menu :where(li>.ui-kit-menu-dropdown-toggle.ui-kit-menu-dropdown-show):after{rotate:45deg;translate:0 1px}.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title),li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title)):not(.ui-kit-menu-active,:active,.ui-kit-btn).ui-kit-menu-focus,.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title),li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title)):not(.ui-kit-menu-active,:active,.ui-kit-btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);color:var(--color-base-content);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title),li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title)):not(.ui-kit-menu-active,:active,.ui-kit-btn).ui-kit-menu-focus,.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title),li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title)):not(.ui-kit-menu-active,:active,.ui-kit-btn):focus-visible{outline:2px solid transparent;outline-offset:2px}}.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover,li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover,li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover){outline:2px solid transparent;outline-offset:2px}}.ui-kit-menu :where(li:not(.ui-kit-menu-title,.ui-kit-disabled)>*:not(ul,details,.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover,li:not(.ui-kit-menu-title,.ui-kit-disabled)>details>summary:not(.ui-kit-menu-title):not(.ui-kit-menu-active,:active,.ui-kit-btn):hover){box-shadow:0 1px #00000003 inset,0 -1px #ffffff03 inset}.ui-kit-menu :where(li:empty){background-color:var(--color-base-content);opacity:10%;margin:.5rem 1rem;height:1px}.ui-kit-menu :where(li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}.ui-kit-menu :where(li) .ui-kit-badge{justify-self:flex-end}.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn):active,.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn).ui-kit-menu-active,.ui-kit-menu :where(li)>details>summary:active{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn):active,.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn).ui-kit-menu-active,.ui-kit-menu :where(li)>details>summary:active{outline:2px solid transparent;outline-offset:2px}}.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn):active,.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn).ui-kit-menu-active,.ui-kit-menu :where(li)>details>summary:active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn):active:not(.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn):active:active),.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn).ui-kit-menu-active:not(.ui-kit-menu :where(li)>*:not(ul,.ui-kit-menu-title,details,.ui-kit-btn).ui-kit-menu-active:active),.ui-kit-menu :where(li)>details>summary:active:not(.ui-kit-menu :where(li)>details>summary:active:active){box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg)}.ui-kit-menu :where(li).ui-kit-menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.ui-kit-menu .ui-kit-dropdown:focus-within .ui-kit-menu-dropdown-toggle:after{rotate:45deg;translate:0 1px}.ui-kit-menu .ui-kit-dropdown-content{margin-top:.5rem;padding:.5rem}.ui-kit-menu .ui-kit-dropdown-content:before{display:none}.ui-kit-label:is(.ui-kit-input>*,.ui-kit-select>*){display:flex;height:calc(100% - .5rem);align-items:center;padding-inline:.75rem;white-space:nowrap;font-size:inherit}.ui-kit-label:is(.ui-kit-input>*,.ui-kit-select>*):first-child{margin-inline-start:-.75rem;margin-inline-end:.75rem;border-inline-end:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.ui-kit-label:is(.ui-kit-input>*,.ui-kit-select>*):last-child{margin-inline-start:.75rem;margin-inline-end:-.75rem;border-inline-start:var(--border) solid color-mix(in oklab,currentColor 10%,#0000)}.ui-kit-floating-label:has(.ui-kit-input-xs,.ui-kit-select-xs,.ui-kit-textarea-xs) span{font-size:.6875rem;top:calc(var(--size-field, .25rem) * 6 / 2)}.ui-kit-floating-label:has(.ui-kit-input-sm,.ui-kit-select-sm,.ui-kit-textarea-sm) span{font-size:.75rem;top:calc(var(--size-field, .25rem) * 8 / 2)}.ui-kit-floating-label:has(.ui-kit-input-md,.ui-kit-select-md,.ui-kit-textarea-md) span{font-size:.875rem;top:calc(var(--size-field, .25rem) * 10 / 2)}.ui-kit-floating-label:has(.ui-kit-input-lg,.ui-kit-select-lg,.ui-kit-textarea-lg) span{font-size:1.125rem;top:calc(var(--size-field, .25rem) * 12 / 2)}.ui-kit-floating-label:has(.ui-kit-input-xl,.ui-kit-select-xl,.ui-kit-textarea-xl) span{font-size:1.375rem;top:calc(var(--size-field, .25rem) * 14 / 2)}@keyframes toast{0%{scale:.9;opacity:0}to{scale:1;opacity:1}}.ui-kit-checkbox{border:var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));position:relative;display:inline-block;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-selector);padding:.25rem;vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 0 #0000 inset,0 0 #0000;transition:background-color .2s,box-shadow .2s;--size: calc(var(--size-selector, .25rem) * 6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.ui-kit-checkbox:before{--tw-content: "";content:var(--tw-content);display:block;width:100%;height:100%;rotate:45deg;background-color:currentColor;opacity:0%;transition:opacity .1s,rotate .3s,translate .3s,-webkit-clip-path .3s;transition:clip-path .3s,opacity .1s,rotate .3s,translate .3s;transition:clip-path .3s,opacity .1s,rotate .3s,translate .3s,-webkit-clip-path .3s;transition-delay:.1s;-webkit-clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);box-shadow:0 3px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;font-size:1rem;line-height:.75}.ui-kit-checkbox:focus-visible{outline:2px solid var(--input-color, currentColor);outline-offset:2px}.ui-kit-checkbox:checked,.ui-kit-checkbox[aria-checked=true]{background-color:var(--input-color, #0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}.ui-kit-checkbox:checked:before,.ui-kit-checkbox[aria-checked=true]:before{-webkit-clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:100%}@media (forced-colors: active){.ui-kit-checkbox:checked:before,.ui-kit-checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "✔︎";-webkit-clip-path:none;clip-path:none}}@media print{.ui-kit-checkbox:checked:before,.ui-kit-checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "✔︎";-webkit-clip-path:none;clip-path:none}}.ui-kit-checkbox:indeterminate:before{rotate:0deg;opacity:100%;translate:0 -35%;-webkit-clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}.ui-kit-checkbox:disabled{cursor:not-allowed;opacity:20%}.ui-kit-checkbox-xs{padding:.125rem;--size: calc(var(--size-selector, .25rem) * 4)}.ui-kit-checkbox-sm{padding:.1875rem;--size: calc(var(--size-selector, .25rem) * 5)}.ui-kit-checkbox-md{padding:.25rem;--size: calc(var(--size-selector, .25rem) * 6)}.ui-kit-checkbox-lg{padding:.3125rem;--size: calc(var(--size-selector, .25rem) * 7)}.ui-kit-checkbox-xl{padding:.375rem;--size: calc(var(--size-selector, .25rem) * 8)}.ui-kit-toggle{border:var(--border) solid currentColor;color:var(--input-color);position:relative;display:inline-grid;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;place-content:center;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-columns:0fr 1fr 1fr;--radius-selector-max: calc( var(--radius-selector) + var(--radius-selector) + var(--radius-selector) );border-radius:calc(var(--radius-selector) + min(var(--toggle-p),var(--radius-selector-max)) + min(var(--border),var(--radius-selector-max)));padding:var(--toggle-p);box-shadow:0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000) inset;transition:color .3s,grid-template-columns .2s;--input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);--toggle-p: calc(var(--size) * .125);--size: calc(var(--size-selector, .25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size)}.ui-kit-toggle>*{z-index:1;grid-column:span 1 / span 1;grid-column-start:2;grid-row-start:1;height:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding:.125rem;transition:opacity .2s,rotate .4s;border:none}.ui-kit-toggle>*:focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-toggle>*:focus{outline:2px solid transparent;outline-offset:2px}}.ui-kit-toggle>*:nth-child(2){color:var(--color-base-100);rotate:0deg}.ui-kit-toggle>*:nth-child(3){color:var(--color-base-100);opacity:0%;rotate:-15deg}.ui-kit-toggle:has(:checked)>:nth-child(2){opacity:0%;rotate:15deg}.ui-kit-toggle:has(:checked)>:nth-child(3){opacity:100%;rotate:0deg}.ui-kit-toggle:before{position:relative;inset-inline-start:0rem;grid-column-start:2;grid-row-start:1;aspect-ratio:1 / 1;height:100%;border-radius:var(--radius-selector);background-color:currentColor;translate:0;--tw-content: "";content:var(--tw-content);transition:background-color .1s,translate .2s,inset-inline-start .2s;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px color-mix(in oklab,currentColor calc(var(--depth) * 10%),#0000);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}@media (forced-colors: active){.ui-kit-toggle:before{outline-style:var(--tw-outline-style);outline-width:1px;outline-offset:-1px}}@media print{.ui-kit-toggle:before{outline:.25rem solid;outline-offset:-1rem}}.ui-kit-toggle:focus-visible,.ui-kit-toggle:has(:focus-visible){outline:2px solid currentColor;outline-offset:2px}.ui-kit-toggle:checked,.ui-kit-toggle[aria-checked=true],.ui-kit-toggle:has(>input:checked){grid-template-columns:1fr 1fr 0fr;background-color:var(--color-base-100);--input-color: var(--color-base-content)}.ui-kit-toggle:checked:before,.ui-kit-toggle[aria-checked=true]:before,.ui-kit-toggle:has(>input:checked):before{background-color:currentColor}@starting-style{.ui-kit-toggle:checked:before,.ui-kit-toggle[aria-checked=true]:before,.ui-kit-toggle:has(>input:checked):before{opacity:0}}.ui-kit-toggle:indeterminate{grid-template-columns:.5fr 1fr .5fr}.ui-kit-toggle:disabled{cursor:not-allowed;opacity:30%}.ui-kit-toggle:disabled:before{background-color:transparent;border:var(--border) solid currentColor}.ui-kit-mockup-browser .ui-kit-mockup-browser-toolbar .ui-kit-input{margin-inline:auto;display:flex;height:100%;align-items:center;gap:.5rem;overflow:hidden;background-color:var(--color-base-200);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;direction:ltr}.ui-kit-mockup-browser .ui-kit-mockup-browser-toolbar .ui-kit-input:before{content:"";width:1rem;height:1rem;opacity:30%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor' class='size-4'%3E%3Cpath fill-rule='evenodd' d='M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A")}.ui-kit-dropdown{position:relative;display:inline-block;position-area:var(--anchor-v, bottom) var(--anchor-h, span-right)}.ui-kit-dropdown>*:not(summary):focus{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-dropdown>*:not(summary):focus{outline:2px solid transparent;outline-offset:2px}}.ui-kit-dropdown .ui-kit-dropdown-content{position:absolute}.ui-kit-dropdown:not(details,.ui-kit-dropdown-open,.ui-kit-dropdown-hover:hover,:focus-within) .ui-kit-dropdown-content{display:none;transform-origin:top;opacity:0%;scale:95%}.ui-kit-dropdown[popover],.ui-kit-dropdown .ui-kit-dropdown-content{z-index:999;animation:dropdown .2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@starting-style{.ui-kit-dropdown[popover],.ui-kit-dropdown .ui-kit-dropdown-content{scale:95%;opacity:0}}.ui-kit-dropdown.ui-kit-dropdown-open>[tabindex]:first-child,.ui-kit-dropdown:not(.ui-kit-dropdown-hover):focus>[tabindex]:first-child,.ui-kit-dropdown:focus-within>[tabindex]:first-child{pointer-events:none}.ui-kit-dropdown.ui-kit-dropdown-open .ui-kit-dropdown-content,.ui-kit-dropdown:not(.ui-kit-dropdown-hover):focus .ui-kit-dropdown-content,.ui-kit-dropdown:focus-within .ui-kit-dropdown-content{opacity:100%}.ui-kit-dropdown.ui-kit-dropdown-hover:hover .ui-kit-dropdown-content{opacity:100%;scale:100%}.ui-kit-dropdown:is(details) summary::-webkit-details-marker{display:none}.ui-kit-dropdown.ui-kit-dropdown-open .ui-kit-dropdown-content,.ui-kit-dropdown:focus .ui-kit-dropdown-content,.ui-kit-dropdown:focus-within .ui-kit-dropdown-content{scale:100%}.ui-kit-dropdown:where([popover]){background:#0000}.ui-kit-dropdown[popover]{position:fixed;color:inherit}@supports not (position-area: bottom){.ui-kit-dropdown[popover]{margin:auto}.ui-kit-dropdown[popover].ui-kit-dropdown-open:not(:popover-open){display:none;transform-origin:top;opacity:0%;scale:95%}.ui-kit-dropdown[popover]::backdrop{background-color:color-mix(in oklab,#000 30%,#0000)}}.ui-kit-dropdown[popover]:not(.ui-kit-dropdown-open,:popover-open){display:none;transform-origin:top;opacity:0%;scale:95%}.ui-kit-dropdown-start{--anchor-h: span-right}.ui-kit-dropdown-start :where(.ui-kit-dropdown-content){inset-inline-end:auto}.ui-kit-dropdown-start.ui-kit-dropdown-left{--anchor-h: left;--anchor-v: span-bottom}.ui-kit-dropdown-start.ui-kit-dropdown-left .ui-kit-dropdown-content{top:0rem;bottom:auto}.ui-kit-dropdown-start.ui-kit-dropdown-right{--anchor-h: right;--anchor-v: span-bottom}.ui-kit-dropdown-start.ui-kit-dropdown-right .ui-kit-dropdown-content{top:0rem;bottom:auto}.ui-kit-dropdown-center{--anchor-h: center}.ui-kit-dropdown-center :where(.ui-kit-dropdown-content){inset-inline-end:50%;translate:50% 0}[dir=rtl] .ui-kit-dropdown-center :where(.ui-kit-dropdown-content){translate:-50% 0}.ui-kit-dropdown-center.ui-kit-dropdown-left{--anchor-h: left;--anchor-v: center}.ui-kit-dropdown-center.ui-kit-dropdown-left .ui-kit-dropdown-content{top:auto;bottom:50%;translate:0 50%}.ui-kit-dropdown-center.ui-kit-dropdown-right{--anchor-h: right;--anchor-v: center}.ui-kit-dropdown-center.ui-kit-dropdown-right .ui-kit-dropdown-content{top:auto;bottom:50%;translate:0 50%}.ui-kit-dropdown-end{--anchor-h: span-left}.ui-kit-dropdown-end :where(.ui-kit-dropdown-content){inset-inline-end:0rem;translate:0 0}.ui-kit-dropdown-end.ui-kit-dropdown-left{--anchor-h: left;--anchor-v: span-top}.ui-kit-dropdown-end.ui-kit-dropdown-left .ui-kit-dropdown-content{top:auto;bottom:0rem}.ui-kit-dropdown-end.ui-kit-dropdown-right{--anchor-h: right;--anchor-v: span-top}.ui-kit-dropdown-end.ui-kit-dropdown-right .ui-kit-dropdown-content{top:auto;bottom:0rem}.ui-kit-dropdown-left .ui-kit-dropdown-content{inset-inline-end:100%;top:0rem;bottom:auto;transform-origin:right}.ui-kit-dropdown-right .ui-kit-dropdown-content{inset-inline-start:100%;top:0rem;bottom:auto;transform-origin:left}.ui-kit-dropdown-bottom .ui-kit-dropdown-content{top:100%;bottom:auto;transform-origin:top}.ui-kit-dropdown-top{--anchor-v: top}.ui-kit-dropdown-top .ui-kit-dropdown-content{top:auto;bottom:100%;transform-origin:bottom}@keyframes dropdown{0%{opacity:0}}.ui-kit-input{cursor:text;border:var(--border) solid #0000;position:relative;display:inline-flex;flex-shrink:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;gap:.5rem;background-color:var(--color-base-100);padding-inline:.75rem;vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:.875rem;touch-action:manipulation;border-start-start-radius:var(--join-ss, var(--radius-field));border-start-end-radius:var(--join-se, var(--radius-field));border-end-start-radius:var(--join-es, var(--radius-field));border-end-end-radius:var(--join-ee, var(--radius-field));border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000) inset,0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;--size: calc(var(--size-field, .25rem) * 10);--input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)}.ui-kit-input:where(input){display:inline-flex}.ui-kit-input :where(input){display:inline-flex;height:100%;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none}.ui-kit-input :where(input):focus,.ui-kit-input :where(input):focus-within{--tw-outline-style: none;outline-style:none}@media (forced-colors: active){.ui-kit-input :where(input):focus,.ui-kit-input :where(input):focus-within{outline:2px solid transparent;outline-offset:2px}}.ui-kit-input :where(input[type=url]),.ui-kit-input :where(input[type=email]){direction:ltr}.ui-kit-input :where(input[type=date]){display:inline-block}.ui-kit-input:focus,.ui-kit-input:focus-within{--input-color: var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color) calc(var(--depth) * 10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate;z-index:1}.ui-kit-input:has(>input[disabled]),.ui-kit-input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}.ui-kit-input:has(>input[disabled])::-moz-placeholder,.ui-kit-input:is(:disabled,[disabled])::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.ui-kit-input:has(>input[disabled])::-moz-placeholder, .ui-kit-input:is(:disabled,[disabled])::-moz-placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.ui-kit-input:has(>input[disabled])::placeholder,.ui-kit-input:is(:disabled,[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}.ui-kit-input:has(>input[disabled]),.ui-kit-input:is(:disabled,[disabled]){box-shadow:none}.ui-kit-input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.ui-kit-input::-webkit-date-and-time-value{text-align:inherit}.ui-kit-input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.ui-kit-input::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}.ui-kit-input-xs{--size: calc(var(--size-field, .25rem) * 6);font-size:.6875rem}.ui-kit-input-xs[type=number]::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}.ui-kit-input-sm{--size: calc(var(--size-field, .25rem) * 8);font-size:.75rem}.ui-kit-input-sm[type=number]::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}.ui-kit-input-md{--size: calc(var(--size-field, .25rem) * 10);font-size:.875rem}.ui-kit-input-md[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.ui-kit-input-lg{--size: calc(var(--size-field, .25rem) * 12);font-size:1.125rem}.ui-kit-input-lg[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.ui-kit-input-xl{--size: calc(var(--size-field, .25rem) * 14);font-size:1.375rem}.ui-kit-input-xl[type=number]::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}@keyframes rating{0%,40%{scale:1.1;filter:brightness(1.05) contrast(1.05)}}.ui-kit-alert{display:grid;align-items:center;gap:1rem;border-radius:var(--radius-box);padding-inline:1rem;padding-block:.75rem;color:var(--color-base-content);background-color:var(--alert-color, var(--color-base-200));justify-content:start;justify-items:start;grid-auto-flow:column;grid-template-columns:auto;text-align:start;border:var(--border) solid var(--color-base-200);font-size:.875rem;line-height:1.25rem;background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%),#0000),0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08))}.ui-kit-alert:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}.ui-kit-alert.ui-kit-alert-outline{background-color:transparent;color:var(--alert-color);box-shadow:none;background-image:none}.ui-kit-alert.ui-kit-alert-dash{background-color:transparent;color:var(--alert-color);border-style:dashed;box-shadow:none;background-image:none}.ui-kit-alert.ui-kit-alert-soft{color:var(--alert-color, var(--color-base-content));background:color-mix(in oklab,var(--alert-color, var(--color-base-content)) 8%,var(--color-base-100));border-color:color-mix(in oklab,var(--alert-color, var(--color-base-content)) 10%,var(--color-base-100));box-shadow:none;background-image:none}.ui-kit-icon{display:inline-block;font-family:Iconly;font-style:normal;font-weight:400;font-variant:normal;text-rendering:auto;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.ui-kit-pointer-events-none{pointer-events:none}.ui-kit-visible{visibility:visible}.ui-kit-fixed{position:fixed}.ui-kit-absolute{position:absolute}.ui-kit-relative{position:relative}.ui-kit-inset-0{top:0;right:0;bottom:0;left:0}.ui-kit-left-0{left:0}.ui-kit-left-1\/2{left:50%}.ui-kit-right-0{right:0}.ui-kit-right-4{right:1rem}.ui-kit-top-0{top:0}.ui-kit-top-1\/2{top:50%}.ui-kit-top-4{top:1rem}.ui-kit-z-10{z-index:10}.ui-kit-z-\[2\]{z-index:2}.ui-kit-m-0{margin:0}.ui-kit-mx-auto{margin-left:auto;margin-right:auto}.ui-kit-my-2{margin-top:.5rem;margin-bottom:.5rem}.ui-kit-mb-0{margin-bottom:0}.ui-kit-mb-1{margin-bottom:.25rem}.ui-kit-mb-2{margin-bottom:.5rem}.ui-kit-mb-3{margin-bottom:.75rem}.ui-kit-mb-4{margin-bottom:1rem}.ui-kit-mb-8{margin-bottom:2rem}.ui-kit-ml-4{margin-left:1rem}.ui-kit-ml-auto{margin-left:auto}.ui-kit-mr-2{margin-right:.5rem}.ui-kit-mt-0{margin-top:0}.ui-kit-mt-1{margin-top:.25rem}.ui-kit-mt-2{margin-top:.5rem}.ui-kit-mt-3{margin-top:.75rem}.ui-kit-mt-4{margin-top:1rem}.ui-kit-mt-\[16px\]{margin-top:16px}.ui-kit-mt-\[20px\]{margin-top:20px}.ui-kit-box-border{box-sizing:border-box}.ui-kit-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ui-kit-block{display:block}.ui-kit-inline-block{display:inline-block}.ui-kit-flex{display:flex}.ui-kit-inline-flex{display:inline-flex}.ui-kit-hidden{display:none}.ui-kit-aspect-square{aspect-ratio:1 / 1}.ui-kit-h-14{height:3.5rem}.ui-kit-h-3{height:.75rem}.ui-kit-h-4{height:1rem}.ui-kit-h-5{height:1.25rem}.ui-kit-h-6{height:1.5rem}.ui-kit-h-8{height:2rem}.ui-kit-h-\[16px\]{height:16px}.ui-kit-h-\[32px\]{height:32px}.ui-kit-h-\[50px\]{height:50px}.ui-kit-h-full{height:100%}.ui-kit-h-radio{height:var(--radio-size)}.ui-kit-min-h-control-size-lg{min-height:var(--control-size-lg)}.ui-kit-min-h-control-size-md{min-height:var(--control-size-md)}.ui-kit-min-h-control-size-sm{min-height:var(--control-size-sm)}.ui-kit-min-h-control-size-xl{min-height:var(--control-size-xl)}.ui-kit-min-h-modal-min-height{min-height:var(--modal-min-height)}.ui-kit-min-h-screen{min-height:100vh}.ui-kit-w-14{width:3.5rem}.ui-kit-w-3{width:.75rem}.ui-kit-w-4{width:1rem}.ui-kit-w-5{width:1.25rem}.ui-kit-w-6{width:1.5rem}.ui-kit-w-8{width:2rem}.ui-kit-w-\[120px\]{width:120px}.ui-kit-w-\[16px\]{width:16px}.ui-kit-w-\[320px\]{width:320px}.ui-kit-w-\[32px\]{width:32px}.ui-kit-w-\[384px\]{width:384px}.ui-kit-w-\[400px\]{width:400px}.ui-kit-w-\[410px\]{width:410px}.ui-kit-w-\[426px\]{width:426px}.ui-kit-w-\[500px\]{width:500px}.ui-kit-w-dropdown{width:var(--ui-kit-dropdown-width)}.ui-kit-w-fit{width:-moz-fit-content;width:fit-content}.ui-kit-w-full{width:100%}.ui-kit-w-modal-min-size{width:var(--modal-min-size)}.ui-kit-w-radio{width:var(--radio-size)}.ui-kit-min-w-\[100px\]{min-width:100px}.ui-kit-min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.ui-kit-min-w-switcher-field{min-width:var(--switcher-field-min-width)}.ui-kit-max-w-2xl{max-width:42rem}.ui-kit-max-w-4xl{max-width:56rem}.ui-kit-max-w-\[calc\(100\%-40px\)\]{max-width:calc(100% - 40px)}.ui-kit-max-w-md{max-width:28rem}.ui-kit-flex-1{flex:1 1 0%}.ui-kit-flex-shrink-0{flex-shrink:0}.ui-kit--translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ui-kit--translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ui-kit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ui-kit-transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ui-kit-spin{to{transform:rotate(360deg)}}.ui-kit-animate-spin{animation:ui-kit-spin 1s linear infinite}@keyframes ui-kit-toast-enter{0%{transform:translateY(100%) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.ui-kit-animate-toast-enter{animation:ui-kit-toast-enter .3s cubic-bezier(.16,1,.3,1)}@keyframes ui-kit-toast-leave{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100%) scale(.95);opacity:0}}.ui-kit-animate-toast-leave{animation:ui-kit-toast-leave .3s cubic-bezier(.4,0,1,1) forwards}.ui-kit-cursor-not-allowed{cursor:not-allowed}.ui-kit-cursor-pointer{cursor:pointer}.ui-kit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-kit-flex-row{flex-direction:row}.ui-kit-flex-col{flex-direction:column}.ui-kit-flex-wrap{flex-wrap:wrap}.ui-kit-items-center{align-items:center}.ui-kit-justify-end{justify-content:flex-end}.ui-kit-justify-center{justify-content:center}.ui-kit-justify-between{justify-content:space-between}.ui-kit-gap-1{gap:.25rem}.ui-kit-gap-10{gap:2.5rem}.ui-kit-gap-2{gap:.5rem}.ui-kit-gap-3{gap:.75rem}.ui-kit-gap-4{gap:1rem}.ui-kit-gap-6{gap:1.5rem}.ui-kit-gap-8{gap:2rem}.ui-kit-gap-\[12px\]{gap:12px}.ui-kit-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ui-kit-space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.ui-kit-overflow-auto{overflow:auto}.ui-kit-overflow-y-auto{overflow-y:auto}.ui-kit-whitespace-nowrap{white-space:nowrap}.ui-kit-whitespace-pre-line{white-space:pre-line}.ui-kit-break-words{overflow-wrap:break-word}.ui-kit-rounded-40{border-radius:var(--corner-radius-40)}.ui-kit-rounded-\[18px\]{border-radius:18px}.ui-kit-rounded-control{border-radius:var(--control-rounding)}.ui-kit-rounded-dropdown-menu{border-radius:var(--ui-kit-dropdown-menu-radius)}.ui-kit-rounded-dropdown-menu-item{border-radius:var(--ui-kit-dropdown-menu-item-radius)}.ui-kit-rounded-full{border-radius:9999px}.ui-kit-rounded-lg{border-radius:.5rem}.ui-kit-rounded-modal-border-radius{border-radius:var(--modal-border-radius)}.ui-kit-rounded-radio{border-radius:var(--radio-border-radius)}.ui-kit-rounded-sm{border-radius:.125rem}.ui-kit-rounded-switcher-field{border-radius:var(--switcher-field-radius)}.ui-kit-rounded-xl{border-radius:.75rem}.ui-kit-rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ui-kit-border{border-width:1px}.ui-kit-border-0{border-width:0px}.ui-kit-border-\[1\.5px\]{border-width:1.5px}.ui-kit-border-\[1px\]{border-width:1px}.ui-kit-border-adaptive-1{border-width:var(--border-width-adaptive-1)}.ui-kit-border-radio{border-width:var(--radio-border-width)}.ui-kit-border-b{border-bottom-width:1px}.ui-kit-border-b-0{border-bottom-width:0px}.ui-kit-border-l{border-left-width:1px}.ui-kit-border-solid{border-style:solid}.ui-kit-border-none{border-style:none}.ui-kit-border-checkbox-unchecked-border-default{border-color:var(--checkbox-unchecked-border-default-color)}.ui-kit-border-current{border-color:currentColor}.ui-kit-border-input-border{border-color:var(--input-border)}.ui-kit-border-input-error-border-color{border-color:var(--input-error-border-color)}.ui-kit-border-line-light{border-color:var(--line-light)}.ui-kit-border-radio-unchecked-border{border-color:var(--radio-unchecked-default-border)}.ui-kit-border-switcher-border{border-color:var(--switcher-border)}.ui-kit-border-switcher-field-border{border-color:var(--switcher-field-border)}.ui-kit-border-tabs-border-color{border-color:var(--tabs-border-color)}.ui-kit-border-toast-error-border{border-color:var(--toast-error-border)}.ui-kit-border-toast-info-border{border-color:var(--toast-info-border)}.ui-kit-border-toast-success-border{border-color:var(--toast-success-border)}.ui-kit-border-toast-warning-border{border-color:var(--toast-warning-border)}.ui-kit-border-transparent{border-color:transparent}.ui-kit-bg-action{background-color:var(--action)}.ui-kit-bg-controls-danger{background-color:var(--controls-danger)}.ui-kit-bg-controls-danger-disabled{background-color:var(--controls-danger-disabled)}.ui-kit-bg-controls-primary{background-color:var(--controls-primary)}.ui-kit-bg-controls-primary-disabled{background-color:var(--controls-primary-disabled)}.ui-kit-bg-controls-secondary{background-color:var(--controls-secondary)}.ui-kit-bg-controls-secondary-active{background-color:var(--controls-secondary-active)}.ui-kit-bg-controls-tertiary-active-onsecondary{background-color:var(--controls-tertiary-active-onsecondary)}.ui-kit-bg-deeppurple-50{background-color:var(--ui-kit-deeppurple-50)}.ui-kit-bg-dropdown-menu-bg{background-color:var(--ui-kit-dropdown-menu-bg)}.ui-kit-bg-dropdown-menu-item-bg{background-color:var(--ui-kit-dropdown-menu-item-bg)}.ui-kit-bg-gray-200{background-color:var(--ui-kit-gray-200)}.ui-kit-bg-inherit{background-color:inherit}.ui-kit-bg-input-bg{background-color:var(--input-bg)}.ui-kit-bg-modal-bg{background-color:var(--modal-bg)}.ui-kit-bg-modal-overlay-bg{background-color:var(--modal-overlay-bg)}.ui-kit-bg-radio-unchecked-body{background-color:var(--radio-unchecked-default-body)}.ui-kit-bg-switcher-bg{background-color:var(--switcher-bg)}.ui-kit-bg-switcher-field-bg{background-color:var(--switcher-field-bg)}.ui-kit-bg-tabs-filled{background-color:var(--tabs-filled)}.ui-kit-bg-toast-error-bg{background-color:var(--toast-error-bg)}.ui-kit-bg-toast-info-bg{background-color:var(--toast-info-bg)}.ui-kit-bg-toast-success-bg{background-color:var(--toast-success-bg)}.ui-kit-bg-toast-warning-bg{background-color:var(--toast-warning-bg)}.ui-kit-bg-transparent{background-color:transparent}.ui-kit-bg-white{background-color:var(--ui-kit-white)}.ui-kit-p-0{padding:0}.ui-kit-p-1{padding:.25rem}.ui-kit-p-2{padding:.5rem}.ui-kit-p-3{padding:.75rem}.ui-kit-p-4{padding:1rem}.ui-kit-p-5{padding:1.25rem}.ui-kit-p-6{padding:1.5rem}.ui-kit-p-dropdown-menu{padding:var(--ui-kit-dropdown-menu-padding)}.ui-kit-p-modal-padding{padding:var(--modal-padding)}.ui-kit-px-2{padding-left:.5rem;padding-right:.5rem}.ui-kit-px-3{padding-left:.75rem;padding-right:.75rem}.ui-kit-px-4{padding-left:1rem;padding-right:1rem}.ui-kit-px-6{padding-left:1.5rem;padding-right:1.5rem}.ui-kit-px-8{padding-left:2rem;padding-right:2rem}.ui-kit-px-\[12px\]{padding-left:12px;padding-right:12px}.ui-kit-px-control-px-lg{padding-left:var(--control-px-lg);padding-right:var(--control-px-lg)}.ui-kit-px-control-px-md{padding-left:var(--control-px-md);padding-right:var(--control-px-md)}.ui-kit-px-control-px-sm{padding-left:var(--control-px-sm);padding-right:var(--control-px-sm)}.ui-kit-px-control-px-xl{padding-left:var(--control-px-xl);padding-right:var(--control-px-xl)}.ui-kit-px-switcher-field-x{padding-left:var(--switcher-field-x);padding-right:var(--switcher-field-x)}.ui-kit-py-1{padding-top:.25rem;padding-bottom:.25rem}.ui-kit-py-12{padding-top:3rem;padding-bottom:3rem}.ui-kit-py-2{padding-top:.5rem;padding-bottom:.5rem}.ui-kit-py-4{padding-top:1rem;padding-bottom:1rem}.ui-kit-py-\[10px\]{padding-top:10px;padding-bottom:10px}.ui-kit-py-control-py-lg{padding-top:var(--control-py-lg);padding-bottom:var(--control-py-lg)}.ui-kit-py-control-py-md{padding-top:var(--control-py-md);padding-bottom:var(--control-py-md)}.ui-kit-py-control-py-sm{padding-top:var(--control-py-sm);padding-bottom:var(--control-py-sm)}.ui-kit-py-control-py-xl{padding-top:var(--control-py-xl);padding-bottom:var(--control-py-xl)}.ui-kit-py-switcher-field-y{padding-top:var(--switcher-field-y);padding-bottom:var(--switcher-field-y)}.ui-kit-pb-4{padding-bottom:1rem}.ui-kit-pl-\[32px\]{padding-left:32px}.ui-kit-pr-10{padding-right:2.5rem}.ui-kit-pr-\[32px\]{padding-right:32px}.ui-kit-pt-12{padding-top:3rem}.ui-kit-pt-4{padding-top:1rem}.ui-kit-text-center{text-align:center}.ui-kit-font-mts-compact-regular{font-family:MTSCompactRegular,sans-serif}.ui-kit-font-roboto-body{font-family:RobotoRegular,sans-serif}.ui-kit-font-roboto-heading{font-family:RobotoSemiBold,sans-serif}.ui-kit-text-\[16px\]{font-size:16px}.ui-kit-text-b1{font-size:var(--roboto-b1-font-size);line-height:var(--roboto-b1-line-height);font-weight:400}.ui-kit-text-b2{font-size:var(--roboto-b2-font-size);line-height:var(--roboto-b2-line-height);font-weight:400}.ui-kit-text-b3{font-size:var(--roboto-b3-font-size);line-height:var(--roboto-b3-line-height);font-weight:400}.ui-kit-text-b4{font-size:var(--roboto-b4-font-size);line-height:var(--roboto-b4-line-height);font-weight:400}.ui-kit-text-b5{font-size:var(--roboto-b5-font-size);line-height:var(--roboto-b5-line-height);font-weight:400}.ui-kit-text-base{font-size:1rem;line-height:1.5rem}.ui-kit-text-caption-1{font-size:var(--caption-one-font-size);line-height:var(--caption-one-line-height)}.ui-kit-text-h1{font-size:var(--roboto-h1-font-size);line-height:var(--roboto-h1-line-height);font-weight:600}.ui-kit-text-h2{font-size:var(--roboto-h2-font-size);line-height:var(--roboto-h2-line-height);font-weight:600}.ui-kit-text-h3{font-size:var(--roboto-h3-font-size);line-height:var(--roboto-h3-line-height);font-weight:600}.ui-kit-text-h4{font-size:var(--roboto-h4-font-size);line-height:var(--roboto-h4-line-height);font-weight:600}.ui-kit-text-h5{font-size:var(--roboto-h5-font-size);line-height:var(--roboto-h5-line-height);font-weight:600}.ui-kit-text-h6{font-size:var(--roboto-h6-font-size);line-height:var(--roboto-h6-line-height);font-weight:600}.ui-kit-text-h7{font-size:var(--roboto-h7-font-size);line-height:var(--roboto-h7-line-height);font-weight:600}.ui-kit-text-lg{font-size:1.125rem;line-height:1.75rem}.ui-kit-text-paragraph-4{font-size:var(--paragraph-four-font-size);line-height:var(--paragraph-four-line-height)}.ui-kit-text-promo-1{font-size:var(--promo-1-font-size);line-height:var(--promo-1-line-height)}.ui-kit-text-promo-2{font-size:var(--promo-2-font-size);line-height:var(--promo-2-line-height)}.ui-kit-text-promo-36{font-size:var(--promo-36-font-size);line-height:var(--promo-36-line-height)}.ui-kit-text-promo-56{font-size:var(--promo-56-font-size);line-height:var(--promo-56-line-height)}.ui-kit-text-sm{font-size:.875rem;line-height:1.25rem}.ui-kit-text-xs{font-size:.75rem;line-height:1rem}.ui-kit-font-bold{font-weight:700}.ui-kit-font-medium{font-weight:500}.ui-kit-font-semibold{font-weight:600}.ui-kit-leading-4{line-height:1rem}.ui-kit-text-\[var\(--input-error-border-color\)\]{color:var(--input-error-border-color)}.ui-kit-text-checkbox-check-mark{color:var(--checkbox-check-mark-color)}.ui-kit-text-controls-danger-text{color:var(--controls-danger-text)}.ui-kit-text-controls-primary-text{color:var(--controls-primary-text)}.ui-kit-text-controls-secondary-text{color:var(--controls-secondary-text)}.ui-kit-text-deeppurple-500{color:var(--ui-kit-deeppurple-500)}.ui-kit-text-dropdown-menu-item-text{color:var(--ui-kit-dropdown-menu-item-text)}.ui-kit-text-gray-400{color:var(--ui-kit-gray-400)}.ui-kit-text-icon-secondary{color:var(--icon-secondary)}.ui-kit-text-input-error-text-color{color:var(--input-error-text-color)}.ui-kit-text-input-icon-color{color:var(--input-icon-color)}.ui-kit-text-modal-close-btn-color{color:var(--modal-close-btn-color)}.ui-kit-text-switcher-text{color:var(--switcher-text)}.ui-kit-text-tabs-active-text{color:var(--tabs-active-text)}.ui-kit-text-tabs-inactive-text{color:var(--tabs-inactive-text)}.ui-kit-text-text-inverted{color:var(--text-inverted)}.ui-kit-text-text-primary{color:var(--text-primary)}.ui-kit-text-text-secondary{color:var(--text-secondary)}.ui-kit-text-toast-error-text{color:var(--toast-error-text)}.ui-kit-text-toast-info-text{color:var(--toast-info-text)}.ui-kit-text-toast-success-text{color:var(--toast-success-text)}.ui-kit-text-toast-warning-text{color:var(--toast-warning-text)}.ui-kit-text-white{color:var(--ui-kit-white)}.ui-kit-no-underline{text-decoration-line:none}.ui-kit-opacity-0{opacity:0}.ui-kit-opacity-100{opacity:1}.ui-kit-opacity-25{opacity:.25}.ui-kit-opacity-50{opacity:.5}.ui-kit-opacity-75{opacity:.75}.ui-kit-shadow-modal-shadow{--tw-shadow: var(--modal-shadow);--tw-shadow-colored: var(--modal-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-kit-shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-kit-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ui-kit-outline-none{outline:2px solid transparent;outline-offset:2px}.ui-kit-outline-1{outline-width:1px}.ui-kit-outline-offset-1{outline-offset:1px}.ui-kit-outline-accent{outline-color:var(--accent-active)}.ui-kit-backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ui-kit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-kit-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-kit-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-kit-transition-radio{transition-property:background,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-kit-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-kit-duration-100{transition-duration:.1s}.ui-kit-duration-1000{transition-duration:1s}.ui-kit-duration-150{transition-duration:.15s}.ui-kit-duration-200{transition-duration:.2s}.ui-kit-ease-linear{transition-timing-function:linear}.ui-kit-will-change-transform{will-change:transform}.ui-kit-icon-add_record:before{content:""}.ui-kit-icon-backup:before{content:""}.ui-kit-icon-big_table:before{content:""}.ui-kit-icon-book:before{content:""}.ui-kit-icon-checkbox:before{content:""}.ui-kit-icon-chevron_double_right_outlined:before{content:""}.ui-kit-icon-chevron_down:before{content:""}.ui-kit-icon-chevron_left:before{content:""}.ui-kit-icon-chevron_right:before{content:""}.ui-kit-icon-chevron_up:before{content:""}.ui-kit-icon-color:before{content:""}.ui-kit-icon-copy:before{content:""}.ui-kit-icon-cross:before{content:""}.ui-kit-icon-date:before{content:""}.ui-kit-icon-datepicker:before{content:""}.ui-kit-icon-error:before{content:""}.ui-kit-icon-eye:before{content:""}.ui-kit-icon-filter:before{content:""}.ui-kit-icon-goto:before{content:""}.ui-kit-icon-large_text:before{content:""}.ui-kit-icon-more_outlined:before{content:""}.ui-kit-icon-number:before{content:""}.ui-kit-icon-plus:before{content:""}.ui-kit-icon-question_cirle_filled:before{content:""}.ui-kit-icon-rectangle:before{content:""}.ui-kit-icon-refresh:before{content:""}.ui-kit-icon-select:before{content:""}.ui-kit-icon-settings:before{content:""}.ui-kit-icon-sort:before{content:""}.ui-kit-icon-stop:before{content:""}.ui-kit-icon-success:before{content:""}.ui-kit-icon-text:before{content:""}.ui-kit-icon-time_outlined:before{content:""}.ui-kit-icon-trash:before{content:""}.ui-kit-icon-warn_circle_outlined:before{content:""}.ui-kit-icon-zoom:before{content:""}.ui-kit-adaptive{font-size:var(--ui-kit-text-adaptive-base);--corner-radius-16: var(--corner-radius-adaptive-16);--corner-radius-20: var(--corner-radius-adaptive-20);--corner-radius-24: var(--corner-radius-adaptive-24);--corner-radius-32: var(--corner-radius-adaptive-32);--corner-radius-40: var(--corner-radius-adaptive-40);--corner-radius-48: var(--corner-radius-adaptive-48);--corner-radius-64: var(--corner-radius-adaptive-64);--corner-radius-80: var(--corner-radius-adaptive-80);--promo-1-font-size: var(--promo-1-font-adaptive-size);--promo-1-line-height: var(--promo-1-line-adaptive-height);--promo-56-font-size: var(--promo-56-font-adaptive-size);--promo-56-line-height: var(--promo-56-line-adaptive-height);--promo-2-font-size: var(--promo-2-font-adaptive-size);--promo-2-line-height: var(--promo-2-line-adaptive-height);--promo-36-font-size: var(--promo-36-font-adaptive-size);--promo-36-line-height: var(--promo-36-line-adaptive-height);--header-one-font-size: var(--header-one-font-adaptive-size);--header-one-line-height: var(--header-one-line-adaptive-height);--header-two-font-size: var(--header-two-font-adaptive-size);--header-two-line-height: var(--header-two-line-adaptive-height);--header-three-font-size: var(--header-three-font-adaptive-size);--header-three-line-height: var(--header-three-line-adaptive-height);--header-four-font-size: var(--header-four-font-adaptive-size);--header-four-line-height: var(--header-four-line-adaptive-height);--paragraph-one-font-size: var(--paragraph-one-font-adaptive-size);--paragraph-one-line-height: var(--paragraph-one-line-adaptive-height);--paragraph-two-font-size: var(--paragraph-two-font-adaptive-size);--paragraph-two-line-height: var(--paragraph-two-line-adaptive-height);--paragraph-three-font-size: var(--paragraph-three-font-adaptive-size);--paragraph-three-line-height: var(--paragraph-three-line-adaptive-height);--paragraph-four-font-size: var(--paragraph-four-font-adaptive-size);--paragraph-four-line-height: var(--paragraph-four-line-adaptive-height);--caption-one-font-size: var(--caption-one-font-adaptive-size);--caption-one-line-height: var(--caption-one-line-adaptive-height);--caption-two-font-size: var(--caption-two-font-adaptive-size);--caption-two-line-height: var(--caption-two-line-adaptive-height);--roboto-h1-font-size: var(--roboto-h1-font-adaptive-size);--roboto-h1-line-height: var(--roboto-h1-line-adaptive-height);--roboto-h2-font-size: var(--roboto-h2-font-adaptive-size);--roboto-h2-line-height: var(--roboto-h2-line-adaptive-height);--roboto-h3-font-size: var(--roboto-h3-font-adaptive-size);--roboto-h3-line-height: var(--roboto-h3-line-adaptive-height);--roboto-h4-font-size: var(--roboto-h4-font-adaptive-size);--roboto-h4-line-height: var(--roboto-h4-line-adaptive-height);--roboto-h5-font-size: var(--roboto-h5-font-adaptive-size);--roboto-h5-line-height: var(--roboto-h5-line-adaptive-height);--roboto-h6-font-size: var(--roboto-h6-font-adaptive-size);--roboto-h6-line-height: var(--roboto-h6-line-adaptive-height);--roboto-h7-font-size: var(--roboto-h7-font-adaptive-size);--roboto-h7-line-height: var(--roboto-h7-line-adaptive-height);--roboto-h8-font-size: var(--roboto-h8-font-adaptive-size);--roboto-h8-line-height: var(--roboto-h8-line-adaptive-height);--roboto-h9-font-size: var(--roboto-h9-font-adaptive-size);--roboto-h9-line-height: var(--roboto-h9-line-adaptive-height);--roboto-b1-font-size: var(--roboto-b1-font-adaptive-size);--roboto-b1-line-height: var(--roboto-b1-line-adaptive-height);--roboto-b2-font-size: var(--roboto-b2-font-adaptive-size);--roboto-b2-line-height: var(--roboto-b2-line-adaptive-height);--roboto-b3-font-size: var(--roboto-b3-font-adaptive-size);--roboto-b3-line-height: var(--roboto-b3-line-adaptive-height);--roboto-b4-font-size: var(--roboto-b4-font-adaptive-size);--roboto-b4-line-height: var(--roboto-b4-line-adaptive-height);--roboto-b5-font-size: var(--roboto-b5-font-adaptive-size);--roboto-b5-line-height: var(--roboto-b5-line-adaptive-height)}.\[transition\:background-color_0\.3s\,color_0\.3s\,grid-template-columns_0\.2s\]{transition:background-color .3s,color .3s,grid-template-columns .2s}.before\:ui-kit-absolute:before{content:var(--tw-content);position:absolute}.before\:ui-kit-left-1\/2:before{content:var(--tw-content);left:50%}.before\:ui-kit-top-1\/2:before{content:var(--tw-content);top:50%}.before\:ui-kit-block:before{content:var(--tw-content);display:block}.before\:ui-kit-h-radio-dot:before{content:var(--tw-content);height:var(--radio-dot-size)}.before\:ui-kit-w-radio-dot:before{content:var(--tw-content);width:var(--radio-dot-size)}.before\:ui-kit--translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:ui-kit--translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:ui-kit-transform:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:ui-kit-rounded-radio:before{content:var(--tw-content);border-radius:var(--radio-border-radius)}.before\:ui-kit-content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.checked\:ui-kit-border-checkbox-checked-default:checked{border-color:var(--checkbox-checked-default-color)}.checked\:ui-kit-border-radio-checked-border:checked{border-color:var(--radio-checked-default-border)}.checked\:ui-kit-bg-checkbox-checked-default:checked{background-color:var(--checkbox-checked-default-color)}.checked\:ui-kit-bg-radio-checked-body:checked{background-color:var(--radio-checked-default-body)}.checked\:ui-kit-bg-switcher-bg-checked:checked{background-color:var(--switcher-bg-checked)}.checked\:ui-kit-shadow-none:checked{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.checked\:before\:ui-kit-bg-radio-checked-dot:checked:before{content:var(--tw-content);background-color:var(--radio-checked-default-dot)}.checked\:before\:ui-kit-shadow-none:checked:before{content:var(--tw-content);--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ui-kit-cursor-pointer:hover{cursor:pointer}.hover\:ui-kit-border-checkbox-unchecked-border-hover:hover{border-color:var(--checkbox-unchecked-border-hover-color)}.hover\:ui-kit-border-radio-unchecked-hover-border:hover{border-color:var(--radio-unchecked-hover-border)}.hover\:ui-kit-bg-deeppurple-50:hover{background-color:var(--ui-kit-deeppurple-50)}.hover\:ui-kit-bg-dropdown-menu-item-bgHover:hover{background-color:var(--ui-kit-dropdown-menu-item-bg-hover)}.hover\:ui-kit-bg-radio-unchecked-hover-body:hover{background-color:var(--radio-unchecked-hover-body)}.hover\:ui-kit-shadow-checkbox-hover-shadow:hover{--tw-shadow: var(--checkbox-hover-shadow);--tw-shadow-colored: var(--checkbox-hover-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ui-kit-shadow-radio-hover-shadow:hover{--tw-shadow: var(--radio-hover-shadow);--tw-shadow-colored: var(--radio-hover-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.checked\:hover\:ui-kit-border-radio-checked-hover-border:hover:checked{border-color:var(--radio-checked-hover-border)}.checked\:hover\:ui-kit-bg-checkbox-checked-hover:hover:checked{background-color:var(--checkbox-checked-hover-color)}.checked\:hover\:ui-kit-bg-radio-checked-hover-body:hover:checked{background-color:var(--radio-checked-hover-body)}.checked\:hover\:ui-kit-shadow-checkbox-hover-shadow:hover:checked{--tw-shadow: var(--checkbox-hover-shadow);--tw-shadow-colored: var(--checkbox-hover-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:ui-kit-border-input-error-border-color:focus{border-color:var(--input-error-border-color)}.focus\:ui-kit-border-input-focus-border-color:focus{border-color:var(--input-focus-border-color)}.focus\:ui-kit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:ui-kit-border-checkbox-unchecked-border-active:active{border-color:var(--checkbox-unchecked-border-active-color)}.active\:ui-kit-border-radio-unchecked-active-border:active{border-color:var(--radio-unchecked-active-border)}.active\:ui-kit-bg-radio-unchecked-active-body:active{background-color:var(--radio-unchecked-active-body)}.active\:ui-kit-shadow-checkbox-active-shadow:active{--tw-shadow: var(--checkbox-active-shadow);--tw-shadow-colored: var(--checkbox-active-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.active\:ui-kit-shadow-radio-active-shadow:active{--tw-shadow: var(--radio-active-shadow);--tw-shadow-colored: var(--radio-active-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.checked\:active\:ui-kit-border-radio-checked-active-border:active:checked{border-color:var(--radio-checked-active-border)}.checked\:active\:ui-kit-bg-checkbox-checked-active:active:checked{background-color:var(--checkbox-checked-active-color)}.checked\:active\:ui-kit-bg-radio-checked-active-body:active:checked{background-color:var(--radio-checked-active-body)}.checked\:active\:ui-kit-shadow-checkbox-active-shadow:active:checked{--tw-shadow: var(--checkbox-active-shadow);--tw-shadow-colored: var(--checkbox-active-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.enabled\:hover\:ui-kit-bg-\[\#36393d\]:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(54 57 61 / var(--tw-bg-opacity, 1))}.enabled\:hover\:ui-kit-bg-\[\#e4e7ec\]:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(228 231 236 / var(--tw-bg-opacity, 1))}.enabled\:hover\:ui-kit-bg-\[\#e4e7ed\]:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(228 231 237 / var(--tw-bg-opacity, 1))}.enabled\:hover\:ui-kit-bg-\[\#eef0f3\]:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(238 240 243 / var(--tw-bg-opacity, 1))}.enabled\:hover\:ui-kit-bg-controls-danger-hover:hover:enabled{background-color:var(--controls-danger-hover)}.enabled\:hover\:ui-kit-bg-controls-primary-hover:hover:enabled{background-color:var(--controls-primary-hover)}.enabled\:hover\:ui-kit-bg-controls-secondary-hover:hover:enabled{background-color:var(--controls-secondary-hover)}.enabled\:active\:ui-kit-scale-95:active:enabled{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\:active\:ui-kit-bg-controls-danger-active:active:enabled{background-color:var(--controls-danger-active)}.enabled\:active\:ui-kit-bg-controls-primary-active:active:enabled{background-color:var(--controls-primary-active)}.enabled\:active\:ui-kit-bg-controls-secondary-active:active:enabled{background-color:var(--controls-secondary-active)}.disabled\:ui-kit-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:ui-kit-border-radio-unchecked-disabled-border:disabled{border-color:var(--radio-unchecked-disabled-border)}.disabled\:ui-kit-bg-checkbox-unchecked-border-disabled:disabled{background-color:var(--checkbox-unchecked-border-disabled-color)}.disabled\:ui-kit-bg-radio-unchecked-disabled-body:disabled{background-color:var(--radio-unchecked-disabled-body)}.disabled\:ui-kit-opacity-100:disabled{opacity:1}.disabled\:ui-kit-shadow-none:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:before\:ui-kit-bg-radio-unchecked-disabled-dot:disabled:before{content:var(--tw-content);background-color:var(--radio-unchecked-disabled-dot)}.checked\:disabled\:ui-kit-cursor-not-allowed:disabled:checked{cursor:not-allowed}.checked\:disabled\:ui-kit-border-radio-checked-disabled-border:disabled:checked{border-color:var(--radio-checked-disabled-border)}.checked\:disabled\:ui-kit-bg-radio-checked-disabled-body:disabled:checked{background-color:var(--radio-checked-disabled-body)}.disabled\:checked\:ui-kit-bg-checkbox-checked-disabled:checked:disabled{background-color:var(--checkbox-checked-disabled-color)}.checked\:disabled\:ui-kit-shadow-none:disabled:checked{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.checked\:disabled\:before\:ui-kit-bg-radio-checked-disabled-dot:disabled:checked:before{content:var(--tw-content);background-color:var(--radio-checked-disabled-dot)}.em\:ui-kit-p-2{padding:.5em}@media (min-width: 768px){.md\:ui-kit-w-modal-m-size{width:var(--modal-m-size)}.md\:ui-kit-w-modal-s-size{width:var(--modal-s-size)}}@media (min-width: 1024px){.lg\:ui-kit-w-modal-l-size{width:var(--modal-l-size)}}.dark\:enabled\:hover\:ui-kit-bg-\[\#303131\]:hover:enabled:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(48 49 49 / var(--tw-bg-opacity, 1))}.dark\:enabled\:hover\:ui-kit-bg-\[\#434749\]:hover:enabled:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(67 71 73 / var(--tw-bg-opacity, 1))}.dark\:enabled\:hover\:ui-kit-bg-\[\#6e767f\]:hover:enabled:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(110 118 127 / var(--tw-bg-opacity, 1))}.dark\:enabled\:hover\:ui-kit-bg-\[\#e4e7ec\]:hover:enabled:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(228 231 236 / var(--tw-bg-opacity, 1))}.\[\&_svg\]\:ui-kit-h-full svg{height:100%}.\[\&_svg\]\:ui-kit-w-full svg{width:100%}:root{--ui-kit-deeppurple-1000: #0f0066;--ui-kit-deeppurple-900: #200f85;--ui-kit-deeppurple-800: #321fa1;--ui-kit-deeppurple-700: #4632ba;--ui-kit-deeppurple-600: #5e4ad4;--ui-kit-deeppurple-500: #7b67ee;--ui-kit-deeppurple-400: #907ff0;--ui-kit-deeppurple-300: #a89af5;--ui-kit-deeppurple-200: #c0b6fa;--ui-kit-deeppurple-100: #d8d2fc;--ui-kit-deeppurple-50: #eeebff;--ui-kit-indigo-1000: #001d66;--ui-kit-indigo-900: #092c82;--ui-kit-indigo-800: #163d9e;--ui-kit-indigo-700: #163d9e;--ui-kit-indigo-600: #3d6ad9;--ui-kit-indigo-500: #5684f5;--ui-kit-indigo-400: #7298f7;--ui-kit-indigo-300: #91affa;--ui-kit-indigo-200: #aec5fc;--ui-kit-indigo-100: #cfddff;--ui-kit-indigo-50: #ebf0ff;--ui-kit-orange-1000: #663b00;--ui-kit-orange-900: #854f04;--ui-kit-orange-800: #a3640b;--ui-kit-orange-700: #c27a15;--ui-kit-orange-600: #e0901f;--ui-kit-orange-500: #ffa62b;--ui-kit-orange-400: #ffb752;--ui-kit-orange-300: #ffc778;--ui-kit-orange-200: #ffd79e;--ui-kit-orange-100: #ffe7c4;--ui-kit-orange-50: #fff4e5;--ui-kit-teal-1000: #006644;--ui-kit-teal-900: #057a53;--ui-kit-teal-800: #098f62;--ui-kit-teal-700: #0da371;--ui-kit-teal-600: #12b881;--ui-kit-teal-500: #18cc90;--ui-kit-teal-400: #3cd6a3;--ui-kit-teal-300: #63e0b7;--ui-kit-teal-200: #8debcb;--ui-kit-teal-100: #baf5e1;--ui-kit-teal-50: #e5fff6;--ui-kit-yellow-1000: #664d00;--ui-kit-yellow-900: #856401;--ui-kit-yellow-800: #a37c05;--ui-kit-yellow-700: #c29308;--ui-kit-yellow-600: #e0ab0b;--ui-kit-yellow-500: #ffc310;--ui-kit-yellow-400: #ffce3b;--ui-kit-yellow-300: #ffd966;--ui-kit-yellow-200: #ffe491;--ui-kit-yellow-100: #ffeebd;--ui-kit-yellow-50: #fff9e5;--ui-kit-red-1000: #660700;--ui-kit-red-900: #801008;--ui-kit-red-800: #991b12;--ui-kit-red-700: #b52b21;--ui-kit-red-600: #d13d32;--ui-kit-red-500: #ee5347;--ui-kit-red-400: #f07369;--ui-kit-red-300: #f59089;--ui-kit-red-200: #faafaa;--ui-kit-red-100: #fccdca;--ui-kit-red-50: #ffeceb;--ui-kit-purple-1000: #3a0066;--ui-kit-purple-900: #4f0985;--ui-kit-purple-800: #6518a1;--ui-kit-purple-700: #7e2bbd;--ui-kit-purple-600: #9843d9;--ui-kit-purple-500: #b35ff5;--ui-kit-purple-400: #c481f7;--ui-kit-purple-300: #d19bfa;--ui-kit-purple-200: #deb6fc;--ui-kit-purple-100: #ebd1ff;--ui-kit-purple-50: #f6ebff;--ui-kit-tangerine-1000: #663100;--ui-kit-tangerine-900: #854000;--ui-kit-tangerine-800: #a34f00;--ui-kit-tangerine-700: #c25e00;--ui-kit-tangerine-600: #e06c00;--ui-kit-tangerine-500: #ff7a00;--ui-kit-tangerine-400: #ff932e;--ui-kit-tangerine-300: #ffab5c;--ui-kit-tangerine-200: #ffc28a;--ui-kit-tangerine-100: #ffdab8;--ui-kit-tangerine-50: #fff2e5;--ui-kit-blue-1000: #004766;--ui-kit-blue-900: #055e85;--ui-kit-blue-800: #0d77a3;--ui-kit-blue-700: #178fc2;--ui-kit-blue-600: #178fc2;--ui-kit-blue-500: #178fc2;--ui-kit-blue-400: #5ccfff;--ui-kit-blue-300: #80d9ff;--ui-kit-blue-200: #a3e4ff;--ui-kit-blue-100: #c7eeff;--ui-kit-blue-50: #ebf9ff;--ui-kit-green-1000: #226600;--ui-kit-green-900: #2d7807;--ui-kit-green-800: #358a0b;--ui-kit-green-700: #3e9c10;--ui-kit-green-600: #48ad15;--ui-kit-green-500: #52bf1d;--ui-kit-green-400: #6dcc3d;--ui-kit-green-300: #89d962;--ui-kit-green-200: #a8e58a;--ui-kit-green-100: #c9f2b6;--ui-kit-green-50: #eeffe5;--ui-kit-pink-1000: #660013;--ui-kit-pink-900: #850b21;--ui-kit-pink-800: #a31731;--ui-kit-pink-700: #c22b46;--ui-kit-pink-600: #e04360;--ui-kit-pink-500: #ff627f;--ui-kit-pink-400: #ff7a93;--ui-kit-pink-300: #ff96aa;--ui-kit-pink-200: #ffb2c1;--ui-kit-pink-100: #ffcfd7;--ui-kit-pink-50: #ffebee;--ui-kit-brown-1000: #662b00;--ui-kit-brown-900: #78380a;--ui-kit-brown-800: #8a4616;--ui-kit-brown-700: #9c5725;--ui-kit-brown-600: #ad6937;--ui-kit-brown-500: #bf7c4c;--ui-kit-brown-400: #cc936a;--ui-kit-brown-300: #d9a986;--ui-kit-brown-200: #e5c0a5;--ui-kit-brown-100: #f2d9c7;--ui-kit-brown-50: #fff3eb;--ui-kit-blackblue-1000: #282c33;--ui-kit-blackblue-900: #3f454f;--ui-kit-blackblue-800: #565c69;--ui-kit-blackblue-700: #6d7482;--ui-kit-blackblue-600: #868d9c;--ui-kit-blackblue-500: #9fa7b5;--ui-kit-blackblue-400: #aeb5c2;--ui-kit-blackblue-300: #bec4cf;--ui-kit-blackblue-200: #ced3db;--ui-kit-blackblue-100: #e0e3e9;--ui-kit-blackblue-50: #f0f2f5;--ui-kit-blackpurple-1000: #282933;--ui-kit-blackpurple-900: #3f414f;--ui-kit-blackpurple-800: #565769;--ui-kit-blackpurple-700: #6d6f82;--ui-kit-blackpurple-600: #86889c;--ui-kit-blackpurple-500: #9fa1b5;--ui-kit-blackpurple-400: #aeb0c2;--ui-kit-blackpurple-300: #bebfcf;--ui-kit-blackpurple-200: #cecfdb;--ui-kit-blackpurple-100: #dfe0e8;--ui-kit-blackpurple-50: #f0f0f5;--ui-kit-gray-1000: #333333;--ui-kit-gray-950: #3f3f3f;--ui-kit-gray-900: #4f4f4f;--ui-kit-gray-800: #696969;--ui-kit-gray-700: #828282;--ui-kit-gray-600: #9c9c9c;--ui-kit-gray-500: #b5b5b5;--ui-kit-gray-400: #c2c2c2;--ui-kit-gray-300: #cfcfcf;--ui-kit-gray-200: #dbdbdb;--ui-kit-gray-100: #e8e8e8;--ui-kit-gray-50: #f5f5f5;--ui-kit-bg-dark-1000: #0d0d0d;--ui-kit-bg-dark-900: #1e2023;--ui-kit-bg-light-1000: #ffffff;--ui-kit-bg-light-900: #f6f7fa;--ui-kit-black: #000000;--ui-kit-white: #ffffff;--brand: #ff0033;--brand-shade: #ff7f98;--grayscale-9: #000000;--grayscale-8: #1d2023;--grayscale-7: #2c3135;--grayscale-6: #434a51;--grayscale-5: #626c77;--grayscale-4: #969fa8;--grayscale-3: #bbc1c7;--grayscale-2: #e2e5eb;--grayscale-1: #f2f3f7;--grayscale-0: #ffffff;--frame-0: #141414;--frame-1: #4d4d4d;--frame-2: #5c5c5c;--frame-3: #333638;--frame-4: #636b72;--frame-5: #6e7782;--frame-6: #8d969f;--frame-7: #e8e9eb;--frame-8: #a5a6a7;--frame-9: #d2d7dc;--frame-10: #d7dadd;--frame-11: #e8e9eb;--frame-12: #dde0e7;--frame-13: #eef0f3;--frame-14: #f3f4f5;--frame-15: #f8f8fb;--frame-16: #fafafa;--frame-17: #ffffff;--frame-18: #ffffff;--frame-19: #ffffff;--frame-20: #fcfdfd;--frame-21: #ffffff;--blackberry-0: #002094;--blackberry-1: #003db7;--blackberry-2: #014fce;--blackberry-3: #6384e0;--blackberry-4: #e7eafa;--blueberry-0: #0048aa;--blueberry-1: #007cff;--blueberry-2: #0097fd;--blueberry-3: #45b6fc;--blueberry-4: #e1f3fe;--color-blue: #0070e5;--mint-0: #00724d;--mint-1: #03a17b;--mint-2: #00c19b;--mint-3: #00d9bc;--mint-4: #dff9f5;--apple-0: #027722;--apple-1: #04aa42;--apple-2: #26cd58;--apple-3: #74df8b;--apple-4: #e8faeb;--color-green: #12b23f;--lime-0: #808201;--lime-1: #a6c100;--lime-2: #c1eb1d;--lime-3: #d3f36b;--lime-4: #f8fee7;--banana-0: #f37f19;--banana-1: #fac031;--banana-2: #fbe739;--banana-3: #fdf177;--banana-4: #fffde8;--color-yellow: #fad67d;--orange-0: #ba360a;--orange-1: #e04a17;--orange-2: #f95721;--orange-3: #ffa080;--orange-4: #fbe9e7;--orange-frame-0: #d8400c;--orange-frame-1: #fa8a64;--raspberry-0: #8e003f;--raspberry-1: #c51345;--raspberry-2: #ea1f49;--raspberry-3: #f55f7e;--raspberry-4: #ffe4e9;--cranberry-0: #7f3363;--cranberry-1: #bb4079;--cranberry-2: #e54887;--cranberry-3: #e677ad;--cranberry-4: #f9e7f0;--plum-0: #471c61;--plum-1: #6d2d79;--plum-2: #883888;--plum-3: #a86ea7;--plum-4: #f0e7f0;--color-plum: #b767b7;--controls-hover-primary: #e4e7ec;--controls-hover-alternative: #fdfdfe;--controls-tertiary-active-darkest: #2c3136;--controls-tertiary-active-onsecond: #495159;--ui-kit-text-adaptive-base: clamp(16px, (1dvh + 1dvw) * .7273, 50px);--wide-letter-spacing: .05em;--corner-radius-16: 16px;--corner-radius-20: 20px;--corner-radius-24: 24px;--corner-radius-32: 32px;--corner-radius-40: 40px;--corner-radius-48: 48px;--corner-radius-64: 64px;--corner-radius-80: 80px;--promo-1-font-size: 72px;--promo-1-line-height: 72px;--promo-56-font-size: 56px;--promo-56-line-height: 56px;--promo-2-font-size: 44px;--promo-2-line-height: 44px;--promo-36-font-size: 36px;--promo-36-line-height: 36px;--header-one-font-size: 36px;--header-one-line-height: 40px;--header-two-font-size: 32px;--header-two-line-height: 36px;--header-three-font-size: 24px;--header-three-line-height: 28px;--header-four-font-size: 20px;--header-four-line-height: 24px;--paragraph-one-font-size: 24px;--paragraph-one-line-height: 32px;--paragraph-two-font-size: 20px;--paragraph-two-line-height: 28px;--paragraph-three-font-size: 17px;--paragraph-three-line-height: 24px;--paragraph-four-font-size: 14px;--paragraph-four-line-height: 20px;--caption-one-font-size: 12px;--caption-one-line-height: 16px;--caption-two-font-size: 10px;--caption-two-line-height: 12px;--roboto-h1-font-size: 32px;--roboto-h1-line-height: 48px;--roboto-h2-font-size: 28px;--roboto-h2-line-height: 42px;--roboto-h3-font-size: 24px;--roboto-h3-line-height: 36px;--roboto-h4-font-size: 20px;--roboto-h4-line-height: 30px;--roboto-h5-font-size: 18px;--roboto-h5-line-height: 28px;--roboto-h6-font-size: 16px;--roboto-h6-line-height: 24px;--roboto-h7-font-size: 14px;--roboto-h7-line-height: 22px;--roboto-h8-font-size: 13px;--roboto-h8-line-height: 20px;--roboto-h9-font-size: 12px;--roboto-h9-line-height: 18px;--roboto-b1-font-size: 16px;--roboto-b1-line-height: 24px;--roboto-b2-font-size: 14px;--roboto-b2-line-height: 22px;--roboto-b3-font-size: 13px;--roboto-b3-line-height: 20px;--roboto-b4-font-size: 12px;--roboto-b4-line-height: 18px;--roboto-b5-font-size: 10px;--roboto-b5-line-height: 14px;--shadow-lowest-one: 0px 4px 16px 0px #00000014;--shadow-lowest-two: 0px 0px 6px 0px #00000014;--shadow-low-one: 0px 4px 16px 0px #00000014;--shadow-low-two: 0px 0px 16px 0px #00000014;--shadow-middle-one: 0px 8px 16px 0px #00000014;--shadow-middle-two: 0px 4px 24px 0px #0000001f;--shadow-upper-middle-one: 0px -8px 24px 0px #0000001a;--shadow-upper-middle-two: 0px -2px 24px 0px #00000014;--shadow-high-one: 0px 12px 20px 0px #00000024;--shadow-high-two: 0px 4px 24px 0px #0000001f;--screen-sm: 640px;--screen-md: 768px;--screen-lg: 960px;--screen-xl: 1280px;--screen-2xl: 1536px;--border-width-adaptive-1: .063em;--border-width-adaptive-2: .126em;--corner-radius-adaptive-16: 1em;--corner-radius-adaptive-20: 1.25em;--corner-radius-adaptive-24: 1.5em;--corner-radius-adaptive-32: 2em;--corner-radius-adaptive-40: 2.5em;--corner-radius-adaptive-48: 3em;--corner-radius-adaptive-64: 4em;--corner-radius-adaptive-80: 5em;--promo-1-font-adaptive-size: 4.5em;--promo-1-line-adaptive-height: 1;--promo-56-font-adaptive-size: 3.5em;--promo-56-line-adaptive-height: 1;--promo-2-font-adaptive-size: 2.75em;--promo-2-line-adaptive-height: 1;--promo-36-font-adaptive-size: 2.25em;--promo-36-line-adaptive-height: 1;--header-one-font-adaptive-size: 2.25em;--header-one-line-adaptive-height: 1.11;--header-two-font-adaptive-size: 2em;--header-two-line-adaptive-height: 1.125;--header-three-font-adaptive-size: 1.5em;--header-three-line-adaptive-height: 1.666;--header-four-font-adaptive-size: 1.25em;--header-four-line-adaptive-height: 1.2;--paragraph-one-font-adaptive-size: 1.5em;--paragraph-one-line-adaptive-height: 1.333;--paragraph-two-font-adaptive-size: 1.25em;--paragraph-two-line-adaptive-height: 1.4;--paragraph-three-font-adaptive-size: 1.0625em;--paragraph-three-line-adaptive-height: 1.4117;--paragraph-four-font-adaptive-size: .875em;--paragraph-four-line-adaptive-height: 1.4285;--caption-one-font-adaptive-size: .75em;--caption-one-line-adaptive-height: 1.3333;--caption-two-font-adaptive-size: .625em;--caption-two-line-adaptive-height: 1.2;--roboto-h1-font-adaptive-size: 2em;--roboto-h1-line-adaptive-height: 1.5;--roboto-h2-font-adaptive-size: 1.75em;--roboto-h2-line-adaptive-height: 1.5;--roboto-h3-font-adaptive-size: 1.5em;--roboto-h3-line-adaptive-height: 1.5;--roboto-h4-font-adaptive-size: 1.25em;--roboto-h4-line-adaptive-height: 1.5;--roboto-h5-font-adaptive-size: 1.125em;--roboto-h5-line-adaptive-height: 1.5555;--roboto-h6-font-adaptive-size: 1em;--roboto-h6-line-adaptive-height: 1.5;--roboto-h7-font-adaptive-size: .875em;--roboto-h7-line-adaptive-height: 1.5714;--roboto-h8-font-adaptive-size: .8125em;--roboto-h8-line-adaptive-height: 1.5384;--roboto-h9-font-adaptive-size: .75em;--roboto-h9-line-adaptive-height: 1.5;--roboto-b1-font-adaptive-size: 1em;--roboto-b1-line-adaptive-height: 1.5;--roboto-b2-font-adaptive-size: .875em;--roboto-b2-line-adaptive-height: 1.5714;--roboto-b3-font-adaptive-size: .8125em;--roboto-b3-line-adaptive-height: 1.5384;--roboto-b4-font-adaptive-size: .75em;--roboto-b4-line-adaptive-height: 1.5;--roboto-b5-font-adaptive-size: .625em;--roboto-b5-line-adaptive-height: 1.4;--text-tertiary: var(--grayscale-4);--text-inverted: var(--frame-16);--text-positive: var(--color-green);--text-negative: var(--orange-frame-0);--text-primary-link: var(--color-blue);--text-primary-link-inverted: var(--blueberry-3);--text-secondary-link: var(--grayscale-5);--text-visited-link: var(--plum-2);--text-inactive-tabbar: var(--frame-5);--background-primary: var(--grayscale-0);--background-primary-elevated: var(--grayscale-0);--background-secondary-elevated: var(--grayscale-0);--background-lower: var(--grayscale-1);--background-modal: var(--grayscale-0);--background-stroke: var(--frame-12);--background-storke-disabled: var(--frame-13);--background-overlay: var(--frame-8);--background-overlay-alternative: var(--frame-8);--background-hover: var(--frame-13);--background-bar: var(--grayscale-0);--background-disabled: var(--frame-15);--icons-primary: var(--grayscale-8);--icons-secondary: var(--frame-6);--icons-tertiary: var(--grayscale-3);--accent-active: var(--blueberry-1);--accent-positive: var(--apple-2);--accent-warning: var(--banana-1);--accent-negative: var(--orange-2);--accent-active-inverted: var(--blueberry-3);--accent-positive-inverted: var(--apple-3);--accent-warning-inverted: var(--color-yellow);--accent--negative-inverted: var(--orange-frame-1);--accent-notification: var(--brand);--brand-mts-red: var(--brand);--brand-mts-red-50: var(--brand-shade);--ecosystem-background-inverted-elevated: var(--grayscale-6);--background-base: var(--ui-kit-bg-light-1000);--background-secondary: var(--ui-kit-bg-light-900);--background-inverted: var(--ui-kit-bg-dark-1000);--action: var(--ui-kit-deeppurple-400);--action-light: var(--ui-kit-deeppurple-100);--action-hover: var(--ui-kit-deeppurple-300);--text-primary: var(--ui-kit-blackblue-1000);--text-primary-inverted: var(--ui-kit-white);--text-secondary: var(--ui-kit-blackblue-700);--line: var(--ui-kit-blackblue-300);--line-light: var(--ui-kit-blackblue-100);--danger: var(--ui-kit-red-400);--danger-light: var(--ui-kit-red-50);--success: var(--ui-kit-green-400);--success-light: var(--ui-kit-green-50);--warning: var(--ui-kit-yellow-400);--warning-light: var(--ui-kit-yellow-50);--switch-bg: var(--ui-kit-gray-50);--input-bg: var(--ui-kit-gray-50)}:root[data-theme=dark],.dark{--text-tertiary: var(--grayscale-5);--text-inverted: var(--grayscale-8);--text-positive: var(--apple-3);--text-negative: var(--orange-3);--text-primary-link: var(--blueberry-3);--text-primary-link-inverted: var(--color-blue);--text-secondary-link: var(--grayscale-4);--text-visited-link: var(--color-plum);--text-inactive-tabbar: var(--grayscale-0);--background-primary: var(--grayscale-9);--background-primary-elevated: var(--grayscale-8);--background-secondary-elevated: var(--frame-10);--background-lower: var(--grayscale-9);--background-modal: var(--grayscale-7);--background-stroke: var(--frame-9);--background-storke-disabled: var(--frame-14);--background-overlay: var(--grayscale-8);--background-overlay-alternative: var(--frame-2);--background-hover: var(--grayscale-1);--background-bar: var(--frame-1);--background-disabled: var(--frame-7);--icons-primary: var(--frame-16);--icons-secondary: var(--grayscale-4);--icons-tertiary: var(--grayscale-5);--accent-active: var(--blueberry-3);--accent-positive: var(--apple-3);--accent-warning: var(--color-yellow);--accent-negative: var(--orange-frame-1);--accent-active-inverted: var(--blueberry-1);--accent-positive-inverted: var(--apple-2);--accent-warning-inverted: var(--banana-1);--accent--negative-inverted: var(--orange-2);--accent-notification: var(--brand);--brand-mts-red: var(--brand);--brand-mts-red-50: var(--brand-shade);--ecosystem-background-inverted-elevated: var(--grayscale-1);--background-base: var(--ui-kit-bg-dark-1000);--background-secondary: var(--ui-kit-bg-dark-900);--background-inverted: var(--ui-kit-bg-light-1000);--action: var(--ui-kit-deeppurple-400);--action-light: color-mix(in srgb, var(--ui-kit-deeppurple-400) 20%, #1E1E1E);--action-hover: var(--ui-kit-deeppurple-300);--text-primary: var(--ui-kit-white);--text-primary-inverted: var(--ui-kit-blackblue-1000);--text-secondary: var(--ui-kit-blackblue-500);--line: var(--ui-kit-blackblue-300);--line-light: var(--ui-kit-gray-1000);--danger: var(--ui-kit-red-300);--danger-light: var(--ui-kit-red-50);--success: var(--ui-kit-green-300);--success-light: var(--ui-kit-green-50);--warning: var(--ui-kit-yellow-300);--warning-light: var(--ui-kit-yellow-50);--switch-bg: var(--ui-kit-gray-950);--input-bg: var(--ui-kit-bg-dark-1000)}

/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Compact Regular: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSCompactRegular';
	src: url(/_next/static/media/MTSCompact-Regular.e3cd4570.eot);
	src:
	     url(/_next/static/media/MTSCompact-Regular.e3cd4570.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSCompact-Regular.facdb620.woff2) format('woff2'),
	     url(/_next/static/media/MTSCompact-Regular.7ba428ff.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Compact Medium: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSCompactMedium';
	src: url(/_next/static/media/MTSCompact-Medium.f35cf43b.eot);
	src:
	     url(/_next/static/media/MTSCompact-Medium.f35cf43b.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSCompact-Medium.c724f0c1.woff2) format('woff2'),
	     url(/_next/static/media/MTSCompact-Medium.2993b128.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Compact Bold: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSCompactBold';
	src: url(/_next/static/media/MTSCompact-Bold.20e7785c.eot);
	src:
	     url(/_next/static/media/MTSCompact-Bold.20e7785c.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSCompact-Bold.58601dda.woff2) format('woff2'),
	     url(/_next/static/media/MTSCompact-Bold.60a0c8f0.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Compact Black: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSCompactBlack';
	src: url(/_next/static/media/MTSCompact-Black.9b3c4ad4.eot);
	src:
	     url(/_next/static/media/MTSCompact-Black.9b3c4ad4.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSCompact-Black.78721bdf.woff2) format('woff2'),
	     url(/_next/static/media/MTSCompact-Black.5655b633.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Text Regular: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSTextRegular';
	src: url(/_next/static/media/MTSText-Regular.8f8a4735.eot);
	src:
	     url(/_next/static/media/MTSText-Regular.8f8a4735.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSText-Regular.35bd5ea5.woff2) format('woff2'),
	     url(/_next/static/media/MTSText-Regular.e2965275.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Text Medium: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSTextMedium';
	src: url(/_next/static/media/MTSText-Medium.aebd6a36.eot);
	src:
	     url(/_next/static/media/MTSText-Medium.aebd6a36.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSText-Medium.d7231641.woff2) format('woff2'),
	     url(/_next/static/media/MTSText-Medium.d1bba0ac.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Text Bold: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSTextBold';
	src: url(/_next/static/media/MTSText-Bold.1163b681.eot);
	src:
	     url(/_next/static/media/MTSText-Bold.1163b681.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSText-Bold.6b4bab6b.woff2) format('woff2'),
	     url(/_next/static/media/MTSText-Bold.fe6bec9b.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Text Black: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSTextBlack';
	src: url(/_next/static/media/MTSText-Black.829a21ec.eot);
	src:
	     url(/_next/static/media/MTSText-Black.829a21ec.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSText-Black.106828f4.woff2) format('woff2'),
	     url(/_next/static/media/MTSText-Black.071ad0ed.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Wide Light: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSWideLight';
	src: url(/_next/static/media/MTSWide-Light.1d201210.eot);
	src:
	     url(/_next/static/media/MTSWide-Light.1d201210.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSWide-Light.5ba08d5b.woff2) format('woff2'),
	     url(/_next/static/media/MTSWide-Light.a899be83.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Wide Regular: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSWideRegular';
	src: url(/_next/static/media/MTSWide-Regular.a4f2bc46.eot);
	src:
	     url(/_next/static/media/MTSWide-Regular.a4f2bc46.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSWide-Regular.d82ed4ec.woff2) format('woff2'),
	     url(/_next/static/media/MTSWide-Regular.bdf30649.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Wide Medium: Copyright (c) ParaType, 2023. All rights reserved.*/

@font-face {
	font-family: 'MTSWideMedium';
	src: url(/_next/static/media/MTSWide-Medium.9aa0f977.eot);
	src:
	     url(/_next/static/media/MTSWide-Medium.9aa0f977.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSWide-Medium.61fa0e80.woff2) format('woff2'),
	     url(/_next/static/media/MTSWide-Medium.aa2be9fe.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Wide Bold: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSWideBold';
	src: url(/_next/static/media/MTSWide-Bold.b8be6f75.eot);
	src:
	     url(/_next/static/media/MTSWide-Bold.b8be6f75.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSWide-Bold.bc37c157.woff2) format('woff2'),
	     url(/_next/static/media/MTSWide-Bold.d9ad725a.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Generated by ParaType (http://www.paratype.com)*/
/* Font MTS Wide Black: Copyright (c) ParaType, 2022. All rights reserved.*/

@font-face {
	font-family: 'MTSWideBlack';
	src: url(/_next/static/media/MTSWide-Black.955a3924.eot);
	src:
	     url(/_next/static/media/MTSWide-Black.955a3924.eot?#iefix) format('embedded-opentype'),
	     url(/_next/static/media/MTSWide-Black.043ef72e.woff2) format('woff2'),
	     url(/_next/static/media/MTSWide-Black.c58e0568.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Black.10807d2b.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-BlackItalic.acec8a80.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Bold.ff276312.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-BoldItalic.2115e5e2.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-ExtraBold.1542c412.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-ExtraBoldItalic.c19e9abf.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-ExtraLight.8e1cda0b.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-ExtraLightItalic.9b3f3f50.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Italic.94143061.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Light.8e11f5fa.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-LightItalic.9b935996.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Medium.f40b95bf.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-MediumItalic.6333f8f6.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Regular.a5023d7b.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-SemiBold.3452daa4.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-SemiBoldItalic.e0d90432.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-Thin.4803083a.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto-ThinItalic.a743d72d.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Black.7aa1096e.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-BlackItalic.9a23f851.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Bold.ff8add02.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-BoldItalic.8013cdc0.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-ExtraBold.e9d0d2a8.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-ExtraBoldItalic.bf2f38bd.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-ExtraLight.ab91309d.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-ExtraLightItalic.7fa85004.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Italic.b0c6251e.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Light.61316037.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-LightItalic.747fcde6.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Medium.c2a1d14f.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-MediumItalic.846e689b.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Regular.b35b551c.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-SemiBold.80f50aad.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-SemiBoldItalic.aa6aac3c.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-Thin.7c344637.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_Condensed-ThinItalic.30a840ed.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Black.e427d4b4.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-BlackItalic.9846c841.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Bold.3d6b9170.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-BoldItalic.47564334.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-ExtraBold.8f7f7282.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-ExtraBoldItalic.14a33ce5.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-ExtraLight.a96c3db6.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-ExtraLightItalic.79429f6c.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Italic.f1671ac5.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Light.10e7e919.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-LightItalic.78fba5ab.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Medium.ca85d3e3.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-MediumItalic.48ffbf09.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Regular.27cdc27d.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-SemiBold.977feceb.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-SemiBoldItalic.d13c85d3.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-Thin.de281776.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: '';
    src: url(/_next/static/media/Roboto_SemiCondensed-ThinItalic.757443ec.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
  font-display: auto;
  font-family: "Iconly";
  font-style: normal;
  font-weight: 400;
  src: url(/_next/static/media/iconly.232a0cfd.eot);
  src: url(/_next/static/media/iconly.232a0cfd.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/iconly.ba6db121.woff2) format("woff2"), url(/_next/static/media/iconly.7230142f.woff) format("woff"), url(/_next/static/media/iconly.1b54ec31.ttf) format("truetype"), url(/_next/static/media/iconly.cd2f1b6a.svg#Iconly) format("svg");
}


*,
*:hover {
    scrollbar-color: auto;
}

:root {
    background-color: unset !important;
}