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

/**
 * 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_drawerPopup__bIc5L .ant-drawer-body {
  height: 100%;
}
.style_drawerPopup__bIc5L .ant-drawer-content-wrapper {
  min-height: 20%;
  max-height: 96%;
}
.style_drawerPopup__bIc5L .ant-drawer-content-wrapper,
.style_drawerPopup__bIc5L .ant-drawer-content {
  border-radius: 16px 16px 0 0;
}
.style_drawerPopup__bIc5L .ant-drawer-header {
  border: none;
  padding: 24px;
}
.style_drawerPopup__bIc5L .ant-drawer-title {
  font-size: 18px;
  font-weight: bold;
}
.style_drawerPopup__bIc5L .ant-drawer-body {
  padding: 0 24px 24px 24px;
}
.style_drawerPopup__bIc5L .ant-drawer-close {
  padding: 0;
  top: 24px;
  right: 20px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.style_drawerPopup__bIc5L .ant-drawer-close svg {
  background-color: var(--rowSelectedBg);
  border-radius: 50%;
}
.style_drawerPopup__bIc5L .ant-drawer-footer {
  padding: 0 24px 24px;
  border: none;
  -webkit-user-select: none;
          user-select: none;
}
@media screen and (max-width: 768px) {
  .style_drawerPopup__bIc5L .ant-drawer-close svg {
    background-color: transparent;
  }
}
.style_closeIconWrapper__9Luu7 {
  background-color: var(--rowSelectedBg);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.style_closeIconWrapper__9Luu7::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_upgradeInDingDingContent__GKioj {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 24px;
}
.style_des__eZ9wV {
  font-size: 14px;
  margin: 24px 0 32px;
  color: var(--secondLevelText);
  text-align: left;
}

.style_modalBase__st3MJ .ant-modal-body {
  padding: 0 24px 24px;
}
.style_modalBase__st3MJ .ant-modal-title {
  font-weight: bold;
  padding-right: 48px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.style_funcModal__SeVMI .ant-modal-body {
  padding: 24px 24px 16px;
}
.style_funcModal__SeVMI .ant-modal-footer {
  padding: 24px;
}
.style_funcModal__SeVMI .style_iconWrapper__4fi19 {
  margin-right: 7px;
  display: flex;
  align-items: center;
}
.style_funcModal__SeVMI .style_statusIcon__aLk2U {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_funcModal__SeVMI .style_text__cZxK6 {
  flex: 1;
  overflow: hidden;
}
.style_funcModal__SeVMI .style_titleContent__f83Bq {
  display: flex;
}
.style_funcModal__SeVMI .style_title__uqsQ3 {
  font-size: 16px;
  color: var(--firstLevelText);
  font-weight: bold;
  margin: 0;
}
.style_funcModal__SeVMI .style_content__SqwJR {
  font-size: 13px;
  color: var(--fc1);
  font-weight: normal;
  line-height: 20px;
  padding-top: 9px;
}
.style_funcModal__SeVMI .style_body__YkwZj.style_noTitle__tyqey .style_statusIcon__aLk2U {
  height: 22px;
}
.style_funcModal__SeVMI .style_body__YkwZj.style_noTitle__tyqey .style_content__SqwJR {
  margin-top: 0;
}

.style_noPadding___yEGl {
  padding: 0 !important;
  --modal-padding: 0px;
  width: 900px !important;
  height: 564px !important;
  border-radius: 16px !important;
}
@media (max-width: 740px) {
  .style_noPadding___yEGl {
    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__Z6RyD {
  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__Z6RyD .style_qrcode__MCcbi {
  width: 88px;
  height: auto;
  margin: 40px auto 15px;
}
.style_qrcodeContent__Z6RyD .style_qrcode__MCcbi img {
  height: 100%;
  width: 100%;
}
.style_qrcodeContent__Z6RyD p {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: var(--fc1);
}
.style_modalContent__Vex2M {
  padding-right: 110px;
  height: 133px;
}
.style_modalContentText___k8w3 {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: var(--fc1);
}
.style_modalTitle__yAaCi {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.style_modalTitle__yAaCi .style_statusIcon__D59MD {
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_modalTitle__yAaCi p {
  margin: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--fc1);
}
.style_modalbutton__NoXwW {
  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_avatar__XpKnz {
  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_antiEllipsis__8vbPT {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___y4lI {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__U6oaU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__U6oaU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__U6oaU ul::-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__U6oaU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__U6oaU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__U6oaU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__U6oaU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__U6oaU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__U6oaU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__8c7Cm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Gq_65 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ZRdbB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ZRdbB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ZRdbB .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__ZRdbB .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__ZRdbB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ZRdbB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ZRdbB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ZRdbB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ZRdbB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ZRdbB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ZRdbB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ZRdbB .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__ZRdbB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ZRdbB .editBgColor::before,
.style_tree__ZRdbB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ZRdbB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ZRdbB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ZRdbB .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__ZRdbB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ZRdbB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ZRdbB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ZRdbB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ZRdbB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ZRdbB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__qcsM0 .ant-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__qcsM0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__qcsM0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__qcsM0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__VJ9F7 .ant-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__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__VJ9F7 .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__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VJ9F7 .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__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__VJ9F7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Fb1fV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Fb1fV::-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__Fb1fV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__w6ZSU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__w6ZSU::-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__w6ZSU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ELCyf {
  position: relative;
  width: 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__KPFOZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__KPFOZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__KPFOZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__KPFOZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__KPFOZ {
    flex: 0 0 100%;
  }
}
.style_filterInput__LEOGH {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_unitTag__ZV_bt {
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.style_unitTag__ZV_bt.style_isLeave__cJsR4 {
  opacity: 0.5;
}
.style_unitTag__ZV_bt:not(.style_isLeave__cJsR4):hover {
  opacity: 0.8;
}
.style_unitTag__ZV_bt .style_circle__Lfmob {
  border-radius: 16px;
}
.style_unitTag__ZV_bt .style_rect__d4qk9 {
  border-radius: 4px;
}
.style_unitTag__ZV_bt .style_wrapper__KQKux {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 24px;
  background-color: var(--lowestBg);
  padding: 0 8px 0 2px;
}
.style_unitTag__ZV_bt .style_wrapper__KQKux .style_name__XquZp {
  font-size: 12px;
  color: var(--firstLevelText);
  padding-left: 4px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_unitTag__ZV_bt .style_wrapper__KQKux .style_closeBtn__vh9U_ {
  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_loading__e6AQP {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--highBg);
}
.style_loading__e6AQP .ant-spin-text {
  color: var(--secondLevelText);
  font-size: 15px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
}

.style_tag__6bhcc {
  display: inline-block;
  font-size: 12px;
  border-radius: 2px;
  line-height: 16px;
  -webkit-user-select: none;
          user-select: none;
  font-weight: normal;
}
.style_tag__6bhcc.style_fill__S9423 {
  padding: 2px 4px;
}
.style_tag__6bhcc.style_stroke__Yreae {
  padding: 0 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__RtRl_ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__lhMJg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__M_lgi ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__M_lgi ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__M_lgi ul::-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__M_lgi ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__M_lgi li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__M_lgi .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__M_lgi .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__M_lgi .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__M_lgi .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___DrYd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__FEJ40 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__7Q1ik .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__7Q1ik .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__7Q1ik .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__7Q1ik .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__7Q1ik .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__7Q1ik .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__7Q1ik .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__7Q1ik .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__7Q1ik .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__7Q1ik .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__7Q1ik .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__7Q1ik .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__7Q1ik .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__7Q1ik .editBgColor::before,
.style_tree__7Q1ik .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__7Q1ik .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__7Q1ik .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__7Q1ik .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__7Q1ik .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__7Q1ik .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__7Q1ik .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__7Q1ik .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__7Q1ik .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__7Q1ik .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Y5OJd .ant-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__Y5OJd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Y5OJd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Y5OJd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__4QRAD .ant-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__4QRAD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__4QRAD .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__4QRAD .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4QRAD .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__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__4QRAD .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__oowLn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__oowLn::-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__oowLn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__SlrDz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__SlrDz::-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__SlrDz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__4suKu {
  position: relative;
  width: 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__Nd5e1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Nd5e1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Nd5e1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Nd5e1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Nd5e1 {
    flex: 0 0 100%;
  }
}
.style_filterInput__ll1zf {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_userCard__4t5yh {
  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__4t5yh .style_avatarWrapper__N5V8_ {
  padding: 16px 16px 0px;
}
.style_userCard__4t5yh .style_cardTool__UnVD7 {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.style_userCard__4t5yh .style_cardTool__UnVD7 span {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  color: var(--textCommonSecondary);
}
.style_userCard__4t5yh .style_nameWrapper__W7Qa8 {
  margin-top: 8px;
}
.style_userCard__4t5yh .style_nameWrapper__W7Qa8 h6 {
  display: inline-block;
  color: var(--firstLevelText);
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
  vertical-align: middle;
}
.style_userCard__4t5yh .style_nameWrapper__W7Qa8 h6 span {
  line-height: 22px;
}
.style_userCard__4t5yh .style_nameWrapper__W7Qa8 .style_permissionWrapper__2CMmp {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  line-height: 16px;
}
.style_userCard__4t5yh .style_settingPermissionBtn__sfqcq {
  margin-right: 4px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.style_userCard__4t5yh .style_settingPermissionBtn__sfqcq svg {
  fill: var(--textCommonTertiary) !important;
}
.style_userCard__4t5yh .style_email__BBrwf {
  color: var(--textCommonSecondary);
  padding: 4px 16px 0px;
}
.style_userCard__4t5yh .style_email__BBrwf p {
  margin: 0;
}
.style_userCard__4t5yh .style_tag__wvHui {
  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__4t5yh .style_tag__wvHui p {
  margin: 0 0;
}
.style_userCard__4t5yh .style_dangerTag__TkzpH {
  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__4t5yh .style_dangerTag__TkzpH p {
  margin: 0 0;
}
.style_infoContent__dOSgG {
  max-height: 179px;
  overflow-y: overlay;
  padding: 0px 16px;
  margin-bottom: 16px;
}
.style_infoWrapper__Aovyi .style_infoText__WXX_d {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
.style_infoWrapper__Aovyi .style_infoText__WXX_d svg {
  flex-shrink: 0;
  margin: 2px 5px 0 0;
  fill: var(--textCommonTertiary) !important;
}
.style_infoWrapper__Aovyi 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__Aovyi .style_teamList__0SwDY {
  color: var(--textCommonSecondary);
}
.style_infoWrapper__Aovyi .style_teamItem__mvRjr {
  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__Aovyi .style_teamItem__mvRjr p {
  margin: 0;
  min-width: 0;
  margin-right: 4px;
  word-wrap: break-word;
}
.style_infoWrapper__Aovyi .style_teamText__elJzZ {
  color: var(--textCommonPrimary);
}
.style_userCardTrigger__FbtLs.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__qvYQH {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Lo1Fr {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__kKWfe ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__kKWfe ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__kKWfe ul::-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__kKWfe ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__kKWfe li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__kKWfe .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__kKWfe .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__kKWfe .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__kKWfe .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__F0nFT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__E2TPB {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__dKooL .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__dKooL .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__dKooL .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__dKooL .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__dKooL .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__dKooL .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__dKooL .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__dKooL .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__dKooL .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__dKooL .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__dKooL .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__dKooL .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__dKooL .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__dKooL .editBgColor::before,
.style_tree__dKooL .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__dKooL .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__dKooL .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__dKooL .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__dKooL .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__dKooL .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__dKooL .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__dKooL .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__dKooL .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__dKooL .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__IWpAk .ant-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__IWpAk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__IWpAk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__IWpAk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CB9ZH .ant-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__CB9ZH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__CB9ZH .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__CB9ZH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CB9ZH .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__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CB9ZH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Dn2pC::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Dn2pC::-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__Dn2pC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__v_eMV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__v_eMV::-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__v_eMV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__WHhmz {
  position: relative;
  width: 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__tqlvl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__tqlvl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__tqlvl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__tqlvl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__tqlvl {
    flex: 0 0 100%;
  }
}
.style_filterInput___8BOW {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_msgCard__VPPph {
  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__VPPph.style_canJump__Wfs5I {
  cursor: pointer;
}
.style_msgCard__VPPph .style_content___YQWp {
  box-shadow: var(--shadowCommonDefault);
  border-radius: 8px;
  border: 1px solid var(--borderCommonDefault);
  background: var(--bgCommonHigh);
  overflow: hidden;
}
.style_msgCard__VPPph.style_canJump__Wfs5I:active .style_content___YQWp {
  background-color: var(--rowSelectedBg);
}
@media screen and (min-width: 767.98px) {
  .style_msgCard__VPPph:hover .style_content___YQWp {
    box-shadow: var(--shadowCommonHigh);
    transform: translate(-1px, -1px);
  }
  .style_msgCard__VPPph:hover .style_content___YQWp .style_toReadWrapper__65jMa {
    background-color: var(--primaryColor);
    visibility: visible;
  }
}
.style_msgCard__VPPph .style_cardTop__79Gf7 {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  color: var(--fc1);
}
.style_msgCard__VPPph .style_unitTagWrap__G64Q3 {
  display: flex;
  cursor: pointer;
  padding-right: 4px;
}
.style_msgCard__VPPph .style_unitTagWrap__G64Q3.style_isLeave__334yl {
  opacity: 0.5;
  cursor: default;
}
.style_msgCard__VPPph .style_cardBottom__Mu_Qg {
  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__VPPph .style_cardBottom__Mu_Qg .style_bottomLeft__wz69_ {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_msgCard__VPPph .style_cardBottom__Mu_Qg .style_text__egJhN {
  max-width: 260px;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_msgCard__VPPph .style_toReadWrapper__65jMa {
  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__VPPph .style_toReadWrapper__65jMa::after {
  display: block;
  content: " ";
  background-color: var(--primaryColor);
  width: 10px;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
}
.style_msgCard__VPPph .style_toReadWrapper__65jMa .style_animate__IYCe2 {
  width: 24px;
  height: 24px;
  transform: translateX(10px);
  cursor: pointer;
  z-index: 1;
}
.style_msgCard__VPPph .style_toReadWrapper__65jMa .style_animate__IYCe2 svg path {
  stroke: var(--defaultBg);
}
.style_msgCard__VPPph .style_toReadWrapper__65jMa .style_notificationIcon__hyL6I {
  width: 24px;
  height: 24px;
  fill: var(--defaultBg);
}
.style_msgCard__VPPph .style_cardTopRight__k2Ryp {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.style_msgContent__7YjRV {
  flex: 1;
  padding: 16px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 13px;
}
.style_msgContent__7YjRV .style_blobFont__21r_O {
  font-weight: bold;
}
.style_msgContent__7YjRV b {
  word-break: break-all;
}
.style_commentContentWrap__wb53q {
  margin: 8px 16px 16px;
  padding: 16px;
  background: var(--lowestBg);
  color: var(--fc1);
  border-radius: 8px;
  line-height: 22px;
}
.style_commentContentWrap__wb53q span {
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.style_msgContentComment__Fv3cN {
  padding-top: 16px;
  padding-bottom: 0px;
}
.style_triggerInNotice__EKkPb.rc-trigger-popup {
  z-index: 1;
}
.style_quickProcessWrap__ybF0x {
  display: flex !important;
}
.style_quickProcessWrap__ybF0x button {
  flex: 1;
}
.style_processRes__x_QKt {
  display: flex;
  align-items: center;
  font-size: 14px;
  white-space: nowrap;
}
.style_processRes__x_QKt.style_info__Zb00D {
  color: var(--primaryColor);
}
.style_processRes__x_QKt.style_red__Xr9YZ {
  color: var(--errorColor);
}
@media screen and (min-width: 767.98px) {
  .style_cardTop__79Gf7 {
    min-height: 56px;
  }
  .style_cardBottom__Mu_Qg {
    padding: 0 8px;
    box-shadow: 0px -1px 0px 0px rgba(218, 220, 229, 0.4);
  }
}
@media screen and (max-width: 767.98px) {
  .style_msgCard__VPPph .style_cardTop__79Gf7 {
    padding: 0 8px;
  }
  .style_msgCard__VPPph .style_cardBottom__Mu_Qg {
    padding: 0 8px;
  }
  .style_msgCard__VPPph .style_cardBottom__Mu_Qg .style_bottomLeft__wz69_ {
    width: calc(100% - 100px);
  }
  .style_msgCard__VPPph .style_cardBottom__Mu_Qg .style_bottomLeft__wz69_ .style_text__egJhN {
    display: block;
  }
  .style_msgCard__VPPph .style_cardBottom__Mu_Qg .style_time__ggjpW {
    width: 94px;
    text-align: right;
  }
  .style_isCardClicked__y7lAx .style_toReadWrapper__65jMa {
    background-color: var(--primaryColor);
    visibility: visible;
  }
  .style_msgContent__7YjRV {
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .style_msgContent__7YjRV .style_unitTagWrap__G64Q3 {
    display: flex;
    vertical-align: middle;
  }
  .style_commentContentWrap__wb53q {
    margin: 0 8px 8px;
    padding: 8px;
  }
  .style_commentContentWrap__wb53q span {
    -webkit-line-clamp: 6;
  }
  .style_msgContentComment__Fv3cN {
    padding: 12px 8px 8px;
  }
}
.style_avatar___M9aV {
  margin-right: 4px;
  border-color: var(--borderCommonDefault) !important;
  background-color: var(--deepPurple_500);
}
.style_avatar___M9aV.style_systemLogo__diZ7Y {
  overflow: hidden;
}
.style_avatar___M9aV.style_systemLogo__diZ7Y svg {
  width: 100%;
  height: 100%;
  fill: var(--textStaticPrimary);
}
.style_handleButtonWrapInPc__VhZWO button:nth-of-type(1) {
  margin-right: 16px;
}
.style_handleBtnInMobile__5XVW5 {
  margin-top: 8px;
  color: var(--secondLevelText);
}
.style_handleBtnInMobile__5XVW5 .btn-icon {
  vertical-align: -0.125em;
}
.style_handleWrap__qMEhy {
  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__qMEhy span {
  opacity: 0;
  transition: all 0.2s;
  visibility: hidden;
  font-weight: bold;
}
@media (any-hover: hover) {
  .style_handleWrap__qMEhy:hover {
    max-width: 300px;
    background-color: var(--primaryColor);
    color: var(--fc1);
  }
  .style_handleWrap__qMEhy:hover span {
    opacity: 1;
    visibility: visible;
    padding-left: 22px;
  }
}
.style_handleSvg__BQgFi {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 8px;
}
.style_handleSvg__BQgFi 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__0wtYk {
  position: fixed;
  top: 61px;
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--funcAlert);
  text-align: center;
  display: flex;
  justify-content: center;
}
.style_alert__jhkFf {
  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__jhkFf .style_img__H0F2B {
  width: 32px;
  height: 32px;
  margin-right: 14px;
  border-radius: 50%;
  border: 2px solid var(--staticWhite0);
}
.style_alert__jhkFf .style_body__MFsHH {
  font-size: 16px;
  text-align: left;
  display: flex;
  flex: 1;
  cursor: default;
}
.style_alert__jhkFf .style_body__MFsHH * {
  align-self: center;
}
.style_alert__jhkFf .style_reloadBtn__HDlWt {
  margin-left: 24px;
}
.style_alert__jhkFf .style_upgradeBtn__5CRjD {
  margin-left: 24px;
}
.style_alert__jhkFf.style_hasUpgradeBtn__vAdLT .style_close__qRZ7N {
  margin-left: 24px;
}
.style_alert__jhkFf:not(.style_hasUpgradeBtn__vAdLT) .style_close__qRZ7N {
  margin-left: 80px;
}
.style_alert__jhkFf .style_close__qRZ7N {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_alert__jhkFf .style_close__qRZ7N svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  color: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_alert__jhkFf {
    width: 90vw;
    padding: 12px 16px 12px 16px;
  }
  .style_alert__jhkFf .style_close__qRZ7N {
    margin-left: 24px;
  }
}

.style_controlRowsNum__ybil_ span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.style_controlRowsNum__ybil_ .ant-tooltip-inner {
  border: none;
}
.style_baseStyle__MCElg .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__f1mif {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__eXQfB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Lw_Ja ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Lw_Ja ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Lw_Ja ul::-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__Lw_Ja ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Lw_Ja li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Lw_Ja .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Lw_Ja .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Lw_Ja .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Lw_Ja .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__q1G_a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__255_C {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__1rilC .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__1rilC .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__1rilC .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__1rilC .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__1rilC .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__1rilC .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__1rilC .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__1rilC .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__1rilC .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__1rilC .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__1rilC .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__1rilC .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__1rilC .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__1rilC .editBgColor::before,
.style_tree__1rilC .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__1rilC .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__1rilC .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__1rilC .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__1rilC .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__1rilC .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__1rilC .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__1rilC .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__1rilC .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__1rilC .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__J5oQo .ant-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__J5oQo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__J5oQo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__J5oQo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___tutY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___tutY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___tutY .ant-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___tutY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___tutY .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___tutY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___tutY .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___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___tutY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__4XDde::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__4XDde::-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__4XDde:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__euiTh::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__euiTh::-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__euiTh:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__1ZnIa {
  position: relative;
  width: 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__fa21v {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fa21v {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fa21v {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fa21v {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fa21v {
    flex: 0 0 100%;
  }
}
.style_filterInput__t9_Fz {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_normalModal__OgUp3 .style_subTitle__9pjpj {
  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__OgUp3 {
    min-width: unset !important;
  }
}
.style_normalModal__OgUp3 .ant-modal-header {
  padding: 24px 24px 8px;
  cursor: default;
}
.style_normalModal__OgUp3 .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__shIkk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ij3SB {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___roH9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___roH9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___roH9 ul::-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___roH9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___roH9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___roH9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___roH9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___roH9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___roH9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__eJnZy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__60oE3 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__bGQ5i .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__bGQ5i .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__bGQ5i .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__bGQ5i .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__bGQ5i .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__bGQ5i .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__bGQ5i .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__bGQ5i .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__bGQ5i .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__bGQ5i .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__bGQ5i .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__bGQ5i .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__bGQ5i .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__bGQ5i .editBgColor::before,
.style_tree__bGQ5i .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__bGQ5i .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__bGQ5i .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__bGQ5i .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__bGQ5i .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__bGQ5i .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__bGQ5i .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__bGQ5i .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__bGQ5i .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__bGQ5i .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Wu0vb .ant-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__Wu0vb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Wu0vb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Wu0vb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__uelTY .ant-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__uelTY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__uelTY .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__uelTY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uelTY .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__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__uelTY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__q5ixX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__q5ixX::-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__q5ixX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__gVEsV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__gVEsV::-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__gVEsV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__w8NJz {
  position: relative;
  width: 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__0bNmJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__0bNmJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__0bNmJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__0bNmJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__0bNmJ {
    flex: 0 0 100%;
  }
}
.style_filterInput__hf9R_ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_baseModal__UqfB7 .ant-modal-header {
  padding: 24px 24px 16px;
  cursor: default;
}
.style_baseModal__UqfB7 .ant-modal-body {
  padding: 0;
}
.style_baseModal__UqfB7 .ant-modal-footer {
  padding: 8px 24px 24px;
}

.style_sliderVerificationModal__LFnqo .style_tip__tzall {
  padding-bottom: 16px !important;
}
.style_sliderVerificationModal__LFnqo .sm-pop-inner.nc-container {
  position: static;
}
.style_sliderVerificationModal__LFnqo .nc-container div.nc_scale {
  height: 48px;
  line-height: 48px;
  background-color: #E9E9F5 !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc_wrapper {
  width: 100% !important;
  height: 48px !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc_scale div.nc_bg {
  background-color: #8cc06a !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc_scale .nc-lang-cnt {
  color: var(--defaultBg);
  display: inline !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc-container .nc_scale .scale_text2 {
  color: var(--defaultBg) !important;
  font-size: 14px !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc_scale span {
  width: 48px !important;
  height: 48px !important;
  line-height: 48px !important;
}
.style_sliderVerificationModal__LFnqo .nc-container .nc_scale .scale_text {
  font-size: 14px !important;
  color: var(--firstLevelText) !important;
}

/*! 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;
}

/**
* This file corresponds 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__cyAOM {
  border-radius: 4px;
  background-color: var(--dc02);
  position: relative;
  padding: 4px 0;
  -webkit-user-select: none;
          user-select: none;
  min-width: 136px;
}
.style_toolsWrapper__cyAOM .style_arrowWrapper__wYxG4 {
  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__TECNc {
  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__TECNc:focus,
.style_trigger__TECNc:hover {
  background-color: rgba(var(--defaultBg-rgb), 30%) !important;
}
.style_moreToolItem__6Be5C {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
}
.style_moreToolItem__6Be5C:active {
  background-color: rgba(var(--defaultBg-rgb), 30%);
}
.style_moreToolItem__6Be5C .style_moreToolBtn__0Feg0 {
  font-size: 16px;
  padding: 0;
}
.style_moreToolItem__6Be5C svg {
  margin-right: 4px;
}
.style_moreToolItem__6Be5C .style_toolName__xIvCj {
  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__hN8pf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__4M3sJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__sKohO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__sKohO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__sKohO ul::-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__sKohO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__sKohO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__sKohO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__sKohO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__sKohO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__sKohO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__KO41v {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__XbZJ3 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ATjCO .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ATjCO .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ATjCO .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__ATjCO .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__ATjCO .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ATjCO .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ATjCO .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ATjCO .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ATjCO .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ATjCO .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ATjCO .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ATjCO .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__ATjCO .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ATjCO .editBgColor::before,
.style_tree__ATjCO .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ATjCO .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ATjCO .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ATjCO .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__ATjCO .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ATjCO .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ATjCO .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ATjCO .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ATjCO .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ATjCO .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__c1Dvi .ant-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__c1Dvi .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__c1Dvi .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__c1Dvi .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__cN3zN .ant-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__cN3zN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__cN3zN .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__cN3zN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cN3zN .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__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__cN3zN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__6RaY2::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__6RaY2::-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__6RaY2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Zr8Q_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Zr8Q_::-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__Zr8Q_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__UtBbS {
  position: relative;
  width: 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__CNXQG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__CNXQG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__CNXQG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__CNXQG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__CNXQG {
    flex: 0 0 100%;
  }
}
.style_filterInput__e3aW_ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_previewHeader__L1dDG {
  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__Xbnxb {
  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__Xbnxb .style_toolClose__KLAOF {
  width: 16px;
  height: 16px;
}
.style_fileName__D_ROq {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 16px;
}
.style_headerRight__P87Dj {
  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__L6njP {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__8mvv4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__X7DFM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__X7DFM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__X7DFM ul::-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__X7DFM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__X7DFM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__X7DFM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__X7DFM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__X7DFM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__X7DFM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__m6mBo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__JYk14 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CD5OA .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CD5OA .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CD5OA .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__CD5OA .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__CD5OA .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CD5OA .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CD5OA .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CD5OA .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CD5OA .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CD5OA .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CD5OA .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CD5OA .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__CD5OA .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CD5OA .editBgColor::before,
.style_tree__CD5OA .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CD5OA .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CD5OA .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CD5OA .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__CD5OA .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CD5OA .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CD5OA .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CD5OA .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CD5OA .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CD5OA .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__vmL3d .ant-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__vmL3d .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__vmL3d .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__vmL3d .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6WdM8 .ant-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__6WdM8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__6WdM8 .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__6WdM8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6WdM8 .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__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6WdM8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__D_SBY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__D_SBY::-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__D_SBY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__yzsFu::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__yzsFu::-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__yzsFu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__IdNiI {
  position: relative;
  width: 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__2KlT1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2KlT1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2KlT1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2KlT1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2KlT1 {
    flex: 0 0 100%;
  }
}
.style_filterInput__HQ54T {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_footer__Zn7Xz {
  display: flex;
  justify-content: center;
}
.style_displayList__gfuLm {
  display: inline-flex;
  overflow-x: auto;
  flex-shrink: 0;
  max-width: 100%;
  align-items: center;
  height: 80px;
  padding: 0 4px;
}
.style_displayList__gfuLm img {
  flex-shrink: 0;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.style_displayList__gfuLm::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_displayList__gfuLm::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_displayList__gfuLm::-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__gfuLm:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_item__GcQOk {
  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__C9TkU {
  border-radius: 2px;
  border: 2px solid var(--borderCommonDefault);
  opacity: 1;
}
.style_imgWrapper__6o0L_ {
  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__gfuLm {
    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__BATVy {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QvUb6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qw08R ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qw08R ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qw08R ul::-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__qw08R ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qw08R li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qw08R .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qw08R .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qw08R .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qw08R .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__htLzw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__2yyQt {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___9nLB .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___9nLB .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___9nLB .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___9nLB .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___9nLB .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___9nLB .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___9nLB .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___9nLB .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___9nLB .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___9nLB .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___9nLB .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___9nLB .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___9nLB .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___9nLB .editBgColor::before,
.style_tree___9nLB .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___9nLB .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___9nLB .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___9nLB .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___9nLB .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___9nLB .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___9nLB .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___9nLB .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___9nLB .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___9nLB .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__exKcS .ant-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__exKcS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__exKcS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__exKcS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__aZeRk .ant-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__aZeRk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__aZeRk .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__aZeRk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aZeRk .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__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__aZeRk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__3_03i::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__3_03i::-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__3_03i:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__LUrdp::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__LUrdp::-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__LUrdp:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__it6Ch {
  position: relative;
  width: 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__JPdVd {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__JPdVd {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__JPdVd {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__JPdVd {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__JPdVd {
    flex: 0 0 100%;
  }
}
.style_filterInput__wo0vC {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_toolbar__vusvj {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 8px;
}
.style_toolbar__vusvj > h4 {
  font-size: 18px;
  text-align: center;
  color: white;
  margin: 0;
  max-width: 640px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_toolbar__vusvj .style_toolLeft__y6d8y {
  border-radius: 20px;
  width: 280px;
  display: flex;
  align-items: center;
  margin-right: 15px;
  -webkit-user-select: none;
          user-select: none;
}
.style_toolbar__vusvj .style_toolRight__s_Khz {
  width: 280px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.style_group__mHb_C {
  display: flex;
  margin-right: 24px;
}
.style_group__mHb_C.style_borderRight__z9x7d {
  border-right: 1px solid var(--thirdLevelText);
}
.style_componentWrapper__Hxpnj {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 24px;
}
.style_zoomText__fFF_l {
  height: 16px;
  width: 32px;
  text-align: center;
  font-size: 12px;
  margin-left: 8px;
  margin-right: 8px;
  color: var(--static-white);
}
.style_rightIcon__raLqv {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.style_rightIcon__raLqv:hover {
  background-color: var(--bgBglessHover);
}
.style_rightIcon__raLqv:active {
  background-color: var(--bgBglessActive);
}
.style_iconClose__3BuDP {
  margin-right: 0;
}
@media screen and (max-width: 767.98px) {
  .style_toolbar__vusvj > div {
    background: none;
  }
  .style_toolbar__vusvj .style_toolLeft__y6d8y {
    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__L_hZ4 {
  width: 100%;
  height: 100%;
}
.style_noSupport__L_hZ4 main {
  background-color: var(--defaultBg);
  width: 100%;
  height: 100%;
  min-height: 480px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_noSupport__L_hZ4 main footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.style_noSupport__L_hZ4 main .style_error__SyEUg {
  margin-top: 32px;
  margin-bottom: 8px;
}
.style_noSupport__L_hZ4 main .style_tip__AVXNo {
  margin-bottom: 48px;
}
.style_iconWrapper__TtF9b > span {
  position: unset !important;
}
.style_iconWrapper__TtF9b > span > span {
  display: none !important;
}
.style_iconWrapper__TtF9b > span > img {
  position: unset !important;
  max-height: unset !important;
  max-width: unset !important;
  height: 88px !important;
  width: auto !important;
}
.style_btnGroup__gjY_w {
  width: 180px;
}
.style_download__4HH_p {
  width: 180px;
}
@media screen and (min-width: 767.98px) {
  .style_noSupport__L_hZ4 {
    max-width: 860px;
    max-height: 560px;
  }
  main {
    border-radius: 8px;
  }
  .style_iconWrapper__TtF9b {
    margin-top: 112px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_iconWrapper__TtF9b {
    margin-top: 56px;
  }
  .style_thumbnail__5KqNS {
    width: 50%;
  }
  .style_download__4HH_p {
    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__pEg05 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--lowestBg);
}
.style_loading__pEg05 .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__N_Mza {
  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__apaMx {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.style_overflow__hEuWI {
  cursor: grab;
}
.style_overflow__hEuWI:active {
  cursor: grabbing;
}
.style_imgWrapper__uEgZj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.style_transition__aSnTx {
  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__QNFzA {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__QD4BM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__U1rDI ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__U1rDI ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__U1rDI ul::-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__U1rDI ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__U1rDI li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__U1rDI .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__U1rDI .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__U1rDI .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__U1rDI .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__rc5Xe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MVK8T {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__UVEMW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__UVEMW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__UVEMW .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__UVEMW .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__UVEMW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__UVEMW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__UVEMW .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__UVEMW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__UVEMW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__UVEMW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__UVEMW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__UVEMW .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__UVEMW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__UVEMW .editBgColor::before,
.style_tree__UVEMW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__UVEMW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__UVEMW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__UVEMW .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__UVEMW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__UVEMW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__UVEMW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__UVEMW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__UVEMW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__UVEMW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__FXDA1 .ant-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__FXDA1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__FXDA1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__FXDA1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__UJ7Dg .ant-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__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__UJ7Dg .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__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UJ7Dg .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__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__UJ7Dg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___ve1C::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___ve1C::-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___ve1C:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__hjGFL::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__hjGFL::-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__hjGFL:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__CRPX5 {
  position: relative;
  width: 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__JcGFJ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__JcGFJ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__JcGFJ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__JcGFJ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__JcGFJ {
    flex: 0 0 100%;
  }
}
.style_filterInput__37BMU {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mainContainer__8FPgl {
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_header__qbD_s {
  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__oWPAw {
  flex: 1;
  display: flex;
  height: 0;
}
.style_left__5HsjD,
.style_right__cMZqK {
  width: 136px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.style_iconPre__6_jC0,
.style_iconNext__K9C_o {
  cursor: pointer;
}
.style_middle__p6p36 {
  flex: 1;
  overflow: hidden;
}
.style_middle__p6p36 .style_swiper__VoJ4H {
  display: flex;
  height: 100%;
}
.style_transition__tLgbQ {
  transition: transform 0.3s;
}
.style_swiperItem__1K6yZ {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_rotate__xcDg3 {
  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__H_MpW:hover circle,
.style_next__JGj8i:hover circle {
  fill: var(--primaryColor) !important;
}
.style_download__uAyKU {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.style_download__uAyKU .style_btn__URqBn {
  font-size: 12px;
  color: var(--thirdLevelText);
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_download__uAyKU .style_btn__URqBn:hover {
  color: var(--shadowColor);
}
.style_download__uAyKU .style_btn__URqBn:active {
  color: var(--shadowColor);
}
.style_download__uAyKU .style_suffix__O0R2V {
  display: flex;
  align-items: center;
  position: relative;
  top: -1px;
}
@media screen and (max-width: 767.98px) {
  .style_left__5HsjD,
  .style_right__cMZqK {
    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__4jz2h {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__aT_53 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__atJEG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__atJEG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__atJEG ul::-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__atJEG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__atJEG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__atJEG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__atJEG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__atJEG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__atJEG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__BDNsa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__CxZuJ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__usBd7 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__usBd7 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__usBd7 .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__usBd7 .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__usBd7 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__usBd7 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__usBd7 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__usBd7 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__usBd7 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__usBd7 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__usBd7 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__usBd7 .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__usBd7 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__usBd7 .editBgColor::before,
.style_tree__usBd7 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__usBd7 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__usBd7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__usBd7 .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__usBd7 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__usBd7 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__usBd7 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__usBd7 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__usBd7 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__usBd7 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cGQUP .ant-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__cGQUP .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__cGQUP .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cGQUP .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__FwmEj .ant-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__FwmEj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__FwmEj .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__FwmEj .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__FwmEj .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__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__FwmEj .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__G0xyS::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__G0xyS::-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__G0xyS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__iPCQk::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__iPCQk::-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__iPCQk:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__0_F_n {
  position: relative;
  width: 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__AQ_nj {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__AQ_nj {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__AQ_nj {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__AQ_nj {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__AQ_nj {
    flex: 0 0 100%;
  }
}
.style_filterInput__KyDFV {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_previewWrapper__Me5xQ {
  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__Me5xQ {
    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__cObp7 {
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  width: 100% !important;
  height: 100% !important;
}
.style_imgProcess__4UJef {
  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__r8mFl {
  border-radius: 1px;
  border: 1px solid var(--lineColor);
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_gif__Ksocx::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__U5U_9 > span {
  position: unset !important;
}
.style_imgWrapper__U5U_9 > span img {
  width: 100% !important;
  height: 100% !important;
  max-width: unset !important;
  position: unset !important;
}
.style_imageWrapper__6lVho > span {
  position: unset !important;
}
.style_imageWrapper__6lVho > span > img {
  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
**/
.styles_antiEllipsis__I7yxm {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__ebDc6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__CZaJo ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__CZaJo ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__CZaJo ul::-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__CZaJo ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__CZaJo li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__CZaJo .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__CZaJo .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__CZaJo .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__CZaJo .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__EohYi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__dxldn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__49gcH .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__49gcH .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__49gcH .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__49gcH .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__49gcH .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__49gcH .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__49gcH .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__49gcH .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__49gcH .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__49gcH .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__49gcH .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__49gcH .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__49gcH .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__49gcH .editBgColor::before,
.styles_tree__49gcH .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__49gcH .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__49gcH .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__49gcH .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__49gcH .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__49gcH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__49gcH .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__49gcH .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__49gcH .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__49gcH .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__bog0f .ant-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__bog0f .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__bog0f .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__bog0f .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ThyXn .ant-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__ThyXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__ThyXn .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__ThyXn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ThyXn .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__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ThyXn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Ohva_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Ohva_::-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__Ohva_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__u_XIV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__u_XIV::-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__u_XIV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__aRnoW {
  position: relative;
  width: 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__1AX51 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__1AX51 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__1AX51 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__1AX51 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__1AX51 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__uUJ2r {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_previewItem___6ATj {
  position: relative;
  cursor: pointer;
}
.styles_previewItem___6ATj:hover .styles_toolBar__o5ezA {
  opacity: 1;
}
.styles_previewItem___6ATj .styles_imgName__bVcHF {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_toolBar__o5ezA {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  opacity: 0;
}
.styles_toolBar__o5ezA a,
.styles_toolBar__o5ezA div {
  background: var(--deepMaskColor);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_iconDelete__3LPbR {
  cursor: pointer;
}
.styles_iconDownload__ln3mO {
  cursor: pointer;
  margin-right: 4px;
}
.styles_imgWrapper__4BX8V {
  position: relative;
  padding-top: 100%;
  height: 0;
  -webkit-user-select: none;
          user-select: none;
}
.styles_imgWrapper__4BX8V > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.styles_imgWrapper__4BX8V > 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__o1Wyu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__G603o {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Nm_E9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Nm_E9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Nm_E9 ul::-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__Nm_E9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Nm_E9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Nm_E9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Nm_E9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Nm_E9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Nm_E9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__ph_QU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__mG6dP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__KfIMh .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__KfIMh .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__KfIMh .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__KfIMh .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__KfIMh .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__KfIMh .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__KfIMh .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__KfIMh .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__KfIMh .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__KfIMh .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__KfIMh .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__KfIMh .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__KfIMh .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__KfIMh .editBgColor::before,
.styles_tree__KfIMh .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__KfIMh .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__KfIMh .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__KfIMh .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__KfIMh .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__KfIMh .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__KfIMh .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__KfIMh .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__KfIMh .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__KfIMh .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__KawSI .ant-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__KawSI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__KawSI .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__KawSI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__j_xkU .ant-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__j_xkU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__j_xkU .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__j_xkU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__j_xkU .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__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__j_xkU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__uxxdN::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__uxxdN::-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__uxxdN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__lBazU::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__lBazU::-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__lBazU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__xr1H4 {
  position: relative;
  width: 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__CzriK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__CzriK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__CzriK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__CzriK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__CzriK {
    flex: 0 0 100%;
  }
}
.styles_filterInput__rBe6k {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_img__7JlN5 {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 767.98px) {
  .uploadTabWrapper .styles_img__7JlN5 {
    height: 108px;
  }
}
.styles_uploadItem__dfps2 {
  position: relative;
}
.styles_uploadItem__dfps2:hover .styles_iconDelete__LrHnj {
  opacity: 1;
}
.styles_status__B269p {
  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__rYdPn {
  width: 80%;
}
.styles_progress__rYdPn p {
  font-size: 12px;
  text-align: center;
}
.styles_fileName__P_IIJ {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_placeholderFile__RJvrs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 24px);
}
.styles_retryUpload__3mBwa {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_iconDelete__LrHnj {
  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__7JlN5 {
    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__C3GPs {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__3CziS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__BXvwR ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__BXvwR ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__BXvwR ul::-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__BXvwR ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__BXvwR li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__BXvwR .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__BXvwR .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__BXvwR .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__BXvwR .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__r2iXW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__R6_Mw {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree___A20_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree___A20_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree___A20_ .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___A20_ .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___A20_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree___A20_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree___A20_ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree___A20_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree___A20_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree___A20_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree___A20_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree___A20_ .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___A20_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree___A20_ .editBgColor::before,
.styles_tree___A20_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree___A20_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree___A20_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree___A20_ .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___A20_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree___A20_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree___A20_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree___A20_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree___A20_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree___A20_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__FI5So .ant-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__FI5So .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__FI5So .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__FI5So .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ehYcV .ant-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__ehYcV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__ehYcV .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__ehYcV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ehYcV .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__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ehYcV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__N6lSy::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__N6lSy::-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__N6lSy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__ffMgC::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__ffMgC::-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__ffMgC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__QcswE {
  position: relative;
  width: 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___JEWl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth___JEWl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth___JEWl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth___JEWl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth___JEWl {
    flex: 0 0 100%;
  }
}
.styles_filterInput__jjiBj {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_animation__PRiCU {
  animation-duration: 0.3s;
  border: 2px dashed var(--primaryColor);
}
.styles_uploadZone__469uC {
  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__469uC svg {
  margin-right: 4px;
}
.styles_uploadZone__469uC.styles_dragOver__PKQPj {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.styles_uploadZone__469uC.styles_dragOver__PKQPj svg {
  fill: var(--primaryColor);
}
.styles_opacity__U70_S {
  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__469uC {
    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__Xlb_3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Yb3iv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qeL7d ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qeL7d ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qeL7d ul::-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__qeL7d ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qeL7d li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qeL7d .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qeL7d .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qeL7d .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qeL7d .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__CeH_e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MUjr_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__P8Dhs .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__P8Dhs .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__P8Dhs .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__P8Dhs .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__P8Dhs .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__P8Dhs .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__P8Dhs .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__P8Dhs .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__P8Dhs .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__P8Dhs .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__P8Dhs .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__P8Dhs .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__P8Dhs .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__P8Dhs .editBgColor::before,
.style_tree__P8Dhs .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__P8Dhs .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__P8Dhs .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__P8Dhs .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__P8Dhs .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__P8Dhs .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__P8Dhs .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__P8Dhs .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__P8Dhs .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__P8Dhs .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__N09iq .ant-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__N09iq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__N09iq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__N09iq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__fCQBw .ant-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__fCQBw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__fCQBw .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__fCQBw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__fCQBw .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__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__fCQBw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__meeyF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__meeyF::-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__meeyF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__06tBK::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__06tBK::-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__06tBK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__flEKp {
  position: relative;
  width: 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__e3hfs {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__e3hfs {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__e3hfs {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__e3hfs {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__e3hfs {
    flex: 0 0 100%;
  }
}
.style_filterInput__t6UMa {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_optionCellContainer__p6sLJ {
  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__p6sLJ.style_rowHeightHigh__K7ggK {
  flex-wrap: wrap;
}
.displayItem .optionCellContainer, .activeCell .optionCellContainer {
  flex-wrap: wrap;
}
.style_minWidth__uk5aH > div:first-of-type {
  max-width: calc(100% - 36px);
}
.style_iconAdd__WN_E_ {
  display: flex;
  align-items: center;
  margin-right: 4px;
  margin-top: 3px;
}
.style_iconAdd__WN_E_ 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
**/
.styles_antiEllipsis__B1yiJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__3R5_9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__E2rav ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__E2rav ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__E2rav ul::-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__E2rav ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__E2rav li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__E2rav .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__E2rav .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__E2rav .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__E2rav .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__zw0Xe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__KKirE {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__4cbv_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__4cbv_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__4cbv_ .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__4cbv_ .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__4cbv_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__4cbv_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__4cbv_ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__4cbv_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__4cbv_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__4cbv_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__4cbv_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__4cbv_ .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__4cbv_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__4cbv_ .editBgColor::before,
.styles_tree__4cbv_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__4cbv_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__4cbv_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__4cbv_ .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__4cbv_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__4cbv_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__4cbv_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__4cbv_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__4cbv_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__4cbv_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__nnkoU .ant-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__nnkoU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__nnkoU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__nnkoU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__vW14n .ant-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__vW14n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__vW14n .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__vW14n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__vW14n .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__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__vW14n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__f6tk3::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__f6tk3::-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__f6tk3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__3ncgo::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__3ncgo::-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__3ncgo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__RZTWD {
  position: relative;
  width: 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__VnxhM {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__VnxhM {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__VnxhM {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__VnxhM {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__VnxhM {
    flex: 0 0 100%;
  }
}
.styles_filterInput__t93EW {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_attachmentContainer__xwOzN {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  padding: 3px 10px;
  align-items: center;
}
.styles_attachmentContainer__xwOzN .styles_imgItem__BGEbF {
  margin-right: 5px;
  flex-shrink: 0;
  cursor: pointer;
  border: 1px solid var(--lineColor);
  box-sizing: content-box;
}
.styles_attachmentContainer__xwOzN .styles_imgItem__BGEbF > span {
  position: unset !important;
  height: 100% !important;
}
.styles_attachmentContainer__xwOzN .styles_imgItem__BGEbF .styles_img__nfnXF {
  height: 100% !important;
  width: auto !important;
  max-width: unset !important;
  min-width: unset !important;
  position: unset !important;
}
.styles_attachmentContainer__xwOzN .ant-progress-bg {
  height: 2px !important;
}
.styles_textTip__YSK23 {
  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__UVubS {
  width: 16px;
  height: 16px;
  display: inline-block;
  overflow: hidden;
  background: var(--defaultBg);
  margin-right: 4px;
  flex-shrink: 0;
}
.styles_loadingio__UVubS .styles_ldio__MVY58 {
  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__UVubS .styles_ldio__MVY58 div {
  position: absolute;
  width: 52px;
  height: 52px;
  border: 12px solid #7b67ee;
  border-top-color: transparent;
  border-radius: 50%;
  animation: styles_ldio-yuzmcl3obb__8WnWO 1s linear infinite;
  top: 50px;
  left: 50px;
  box-sizing: content-box;
}
@keyframes styles_ldio-yuzmcl3obb__8WnWO {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.styles_tooltip__f1qUM {
  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
**/
.styles_antiEllipsis__aBTyt {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__N0kEx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__1kgyR ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__1kgyR ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__1kgyR ul::-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__1kgyR ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__1kgyR li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__1kgyR .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__1kgyR .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__1kgyR .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__1kgyR .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__J_inT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__zl02D {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__Aac8e .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__Aac8e .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__Aac8e .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__Aac8e .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__Aac8e .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__Aac8e .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__Aac8e .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__Aac8e .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__Aac8e .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__Aac8e .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__Aac8e .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__Aac8e .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__Aac8e .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__Aac8e .editBgColor::before,
.styles_tree__Aac8e .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__Aac8e .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__Aac8e .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__Aac8e .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__Aac8e .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__Aac8e .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__Aac8e .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__Aac8e .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__Aac8e .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__Aac8e .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__q1ghK .ant-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__q1ghK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__q1ghK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__q1ghK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__VZ5Ai .ant-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__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__VZ5Ai .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__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__VZ5Ai .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__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__VZ5Ai .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__iRHgb::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__iRHgb::-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__iRHgb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small___rH04::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small___rH04::-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___rH04:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__vt3kk {
  position: relative;
  width: 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__cifs1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__cifs1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__cifs1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__cifs1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__cifs1 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__B4niM {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_createdTime__B1wAA {
  padding: 3px 10px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_createdTime__B1wAA .styles_date__BEPwK {
  float: left;
  margin-right: 8px;
}
.styles_createdTime__B1wAA .styles_date__BEPwK.styles_single__ug4gW {
  width: 100%;
}
.styles_createdTime__B1wAA .styles_time__3qPX6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.styles_createdTime__B1wAA .styles_time__3qPX6: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__58pUM {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__I461E {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Cjuf2 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Cjuf2 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Cjuf2 ul::-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__Cjuf2 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Cjuf2 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Cjuf2 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Cjuf2 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Cjuf2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Cjuf2 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__GAcbp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__SymES {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__xJ_qV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__xJ_qV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__xJ_qV .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__xJ_qV .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__xJ_qV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__xJ_qV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__xJ_qV .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__xJ_qV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__xJ_qV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__xJ_qV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__xJ_qV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__xJ_qV .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__xJ_qV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__xJ_qV .editBgColor::before,
.styles_tree__xJ_qV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__xJ_qV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__xJ_qV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__xJ_qV .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__xJ_qV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__xJ_qV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__xJ_qV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__xJ_qV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__xJ_qV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__xJ_qV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__tAZ1G .ant-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__tAZ1G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__tAZ1G .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__tAZ1G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__u6aQb .ant-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__u6aQb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__u6aQb .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__u6aQb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__u6aQb .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__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__u6aQb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__fzYlA::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__fzYlA::-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__fzYlA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__RwLPo::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__RwLPo::-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__RwLPo:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__QyIxv {
  position: relative;
  width: 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___cxL5 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth___cxL5 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth___cxL5 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth___cxL5 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth___cxL5 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__8Lwvi {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_dateTime__TaNeJ {
  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__TaNeJ .styles_date___dEBa {
  display: inline;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_dateTime__TaNeJ .styles_date___dEBa.styles_single__YQwMS {
  width: 100%;
}
.styles_dateTime__TaNeJ .styles_time___MZuK {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.styles_dateTime__TaNeJ .styles_time___MZuK:last-child {
  margin: 0;
}
.styles_dateTime__TaNeJ .styles_alarm__QPdR1 {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_dateTime__TaNeJ .styles_alarm__QPdR1 .styles_alarmTime__XFvSC {
  color: var(--primaryColor);
  padding-left: 4px;
}
.styles_dateTime__TaNeJ .styles_quickAlarm__xbJS5 {
  cursor: pointer;
  display: none;
}
.styles_dateTime__TaNeJ.styles_hoverAlarm__Cao5r:hover .styles_quickAlarm__xbJS5 {
  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__5DOel {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__OCfKu {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__KOywu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__KOywu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__KOywu ul::-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__KOywu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__KOywu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__KOywu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__KOywu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__KOywu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__KOywu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__CUx9L {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__CIFom {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__ULq28 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__ULq28 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__ULq28 .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__ULq28 .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__ULq28 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__ULq28 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__ULq28 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__ULq28 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__ULq28 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__ULq28 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__ULq28 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__ULq28 .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__ULq28 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__ULq28 .editBgColor::before,
.styles_tree__ULq28 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__ULq28 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__ULq28 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__ULq28 .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__ULq28 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__ULq28 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__ULq28 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__ULq28 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__ULq28 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__ULq28 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__3gYla .ant-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__3gYla .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__3gYla .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__3gYla .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__azKST .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__azKST .ant-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__azKST .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__azKST .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__azKST .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__azKST .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__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__azKST .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default____F3P::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default____F3P::-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____F3P:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__RKKgv::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__RKKgv::-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__RKKgv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__XwD3u {
  position: relative;
  width: 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__tTsmC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__tTsmC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__tTsmC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__tTsmC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__tTsmC {
    flex: 0 0 100%;
  }
}
.styles_filterInput__wMCcs {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_unitItemWrapper__F4SYy {
  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__6fsVw {
  opacity: 0.5;
}
.styles_unitNameWrap__ytk_E {
  display: flex;
  align-items: center;
}
.styles_unInvited__Iw9xF {
  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__QPR1I,
.styles_unitDesc__6uhHb {
  line-height: 17px;
  color: var(--textCommonPrimary);
  padding: 2px 0 2px 4px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_unitDesc__6uhHb {
  color: var(--thirdLevelText);
  padding-left: 0;
}
.styles_unitMember__GSFBx {
  border-radius: 16px;
  padding-left: 1px;
}
.styles_unitMember__GSFBx .styles_close__zG0_F {
  background-color: transparent;
}
.styles_unitTeam__6zbKT {
  padding-left: 2px !important;
  border-radius: 4px;
}
.styles_iconDelete__JOfqG {
  cursor: pointer;
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.styles_isLeave__MXslu {
  opacity: 0.5;
}
.styles_selected__rLyzf {
  border: 1px solid var(--deepPurple_300);
}
.styles_memberWithTeams__ttfIo {
  width: 100%;
  display: flex;
  align-items: center;
}
.styles_memberWithTeamsDesc__NypOQ {
  width: auto;
  flex: 1 1;
  margin-left: 4px;
  overflow: hidden;
}
.styles_memberWithTeamsDesc__NypOQ .styles_teams__86_gw {
  color: var(--textCommonPrimary);
  font-size: 12px;
  margin-left: 4px;
}
@media screen and (max-width: 767.98px) {
  .styles_unitName__QPR1I,
  .styles_unitDesc__6uhHb {
    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__5AwyJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Ydn5C {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__MyEnO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__MyEnO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__MyEnO ul::-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__MyEnO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__MyEnO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__MyEnO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__MyEnO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__MyEnO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__MyEnO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__pNnKZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__CFJBz {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__FZ6Kw .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__FZ6Kw .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__FZ6Kw .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__FZ6Kw .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__FZ6Kw .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__FZ6Kw .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__FZ6Kw .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__FZ6Kw .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__FZ6Kw .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__FZ6Kw .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__FZ6Kw .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__FZ6Kw .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__FZ6Kw .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__FZ6Kw .editBgColor::before,
.style_tree__FZ6Kw .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__FZ6Kw .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__FZ6Kw .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__FZ6Kw .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__FZ6Kw .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__FZ6Kw .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__FZ6Kw .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__FZ6Kw .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__FZ6Kw .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__FZ6Kw .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Di16E .ant-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__Di16E .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Di16E .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Di16E .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___CpH0 .ant-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___CpH0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___CpH0 .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___CpH0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___CpH0 .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___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___CpH0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lw9AN::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lw9AN::-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__lw9AN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__qa9Lt::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__qa9Lt::-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__qa9Lt:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___Genn {
  position: relative;
  width: 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_2re {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__c_2re {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__c_2re {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__c_2re {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__c_2re {
    flex: 0 0 100%;
  }
}
.style_filterInput__aATEe {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_tabItem__q8WsU {
  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__q8WsU .style_close__t3HIF {
  background-color: transparent;
}
.style_tabItem__q8WsU.style_multi__fBDJm,
.style_tabItem__q8WsU.style_single__IjJFX {
  display: flex;
  align-items: center;
}
.style_tabItem__q8WsU.style_link__re_x9 {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-color: var(--defaultTag);
  cursor: pointer;
}
.style_tabItem__q8WsU.style_link__re_x9 .style_unnamed__dcobT {
  color: var(--thirdLevelText);
}
.style_tabItem__q8WsU .style_optionText__iWmRZ {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_tabItem__q8WsU .style_optionText__iWmRZ span.style_name__ZyNrn {
  line-height: 20px;
  white-space: nowrap;
}
.activeCell .style_tabItem__q8WsU.style_link__re_x9 {
  cursor: pointer;
}
.style_iconDelete__Jrq7H {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .style_tabItem__q8WsU {
    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__7PbaZ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Zh5l3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Sof6j ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Sof6j ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Sof6j ul::-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__Sof6j ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Sof6j li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Sof6j .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Sof6j .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Sof6j .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Sof6j .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zGM1_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__dwRVS {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__uevh_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__uevh_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__uevh_ .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__uevh_ .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__uevh_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__uevh_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__uevh_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__uevh_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__uevh_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__uevh_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__uevh_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__uevh_ .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__uevh_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__uevh_ .editBgColor::before,
.style_tree__uevh_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__uevh_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__uevh_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__uevh_ .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__uevh_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__uevh_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__uevh_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__uevh_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__uevh_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__uevh_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__n_c26 .ant-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__n_c26 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__n_c26 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__n_c26 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__0WwlR .ant-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__0WwlR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__0WwlR .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__0WwlR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0WwlR .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__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__0WwlR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1mUcr::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1mUcr::-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__1mUcr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__myr1t::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__myr1t::-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__myr1t:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__jGzb4 {
  position: relative;
  width: 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__cgGL9 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__cgGL9 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__cgGL9 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__cgGL9 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__cgGL9 {
    flex: 0 0 100%;
  }
}
.style_filterInput__miL9q {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_cellText__u0O_R {
  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__u0O_R .style_urlIcon___KfPS {
  position: absolute;
  right: 9px;
  cursor: pointer;
}
.style_url__QrPpo {
  text-decoration: underline;
}
.style_activeUrl__RHoNr {
  color: var(--primaryColor);
  cursor: pointer;
}
.style_cellEnhanceText__Ya3nP {
  text-decoration: underline;
}
.style_activeText__MNpLp {
  color: var(--primaryColor);
}
.style_numberCell__2Yg_n {
  text-align: right;
}
.style_rowHeight2__9mlNm {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.style_rowHeight3__68abA {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.style_rowHeight4__1EUM8 {
  display: -webkit-box;
  word-wrap: break-word;
  white-space: pre-wrap;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.style_activeCellText__s7gCf {
  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__ATL__ {
  display: flex;
}
.style_currencyFieldSymbol__UdLqE {
  text-align: left;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_currencyFieldText__Tnsge {
  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__FtnaO {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__7ocQw {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__sqc7d ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__sqc7d ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__sqc7d ul::-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__sqc7d ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__sqc7d li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__sqc7d .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__sqc7d .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__sqc7d .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__sqc7d .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Mctlf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__54ZSj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__REVz_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__REVz_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__REVz_ .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__REVz_ .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__REVz_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__REVz_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__REVz_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__REVz_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__REVz_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__REVz_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__REVz_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__REVz_ .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__REVz_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__REVz_ .editBgColor::before,
.style_tree__REVz_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__REVz_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__REVz_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__REVz_ .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__REVz_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__REVz_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__REVz_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__REVz_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__REVz_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__REVz_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ZgAoQ .ant-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__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ZgAoQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__R6pMg .ant-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__R6pMg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__R6pMg .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__R6pMg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__R6pMg .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__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__R6pMg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8_WEU::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8_WEU::-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__8_WEU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__jOMIR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__jOMIR::-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__jOMIR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__5yTwq {
  position: relative;
  width: 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__MHhhr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MHhhr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MHhhr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MHhhr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MHhhr {
    flex: 0 0 100%;
  }
}
.style_filterInput__9zCpG {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_cellAutoNumber__GIdaW {
  display: block;
  padding: 3px 10px;
  line-height: 24px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_autoNumberWrapper__rPbS9 {
  flex: 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__CTQQf {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__q1x4N {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Wk_HY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Wk_HY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Wk_HY ul::-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__Wk_HY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Wk_HY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Wk_HY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Wk_HY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Wk_HY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Wk_HY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__3yWnf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__B2LRL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__hwScU .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__hwScU .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__hwScU .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__hwScU .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__hwScU .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__hwScU .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__hwScU .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__hwScU .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__hwScU .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__hwScU .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__hwScU .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__hwScU .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__hwScU .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__hwScU .editBgColor::before,
.style_tree__hwScU .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__hwScU .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__hwScU .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__hwScU .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__hwScU .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__hwScU .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__hwScU .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__hwScU .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__hwScU .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__hwScU .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__OIorM .ant-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__OIorM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__OIorM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__OIorM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___EEFY .ant-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___EEFY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___EEFY .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___EEFY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___EEFY .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___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___EEFY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__IpKjq::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__IpKjq::-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__IpKjq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__dr7AR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__dr7AR::-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__dr7AR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__y8GVT {
  position: relative;
  width: 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__fFWQr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__fFWQr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__fFWQr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__fFWQr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__fFWQr {
    flex: 0 0 100%;
  }
}
.style_filterInput__ATW31 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_checkboxCell__dFSzq {
  width: 100%;
  line-height: initial;
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8px;
  pointer-events: none;
}
.style_checkboxCell__dFSzq .style_unChecked__L1pSo {
  opacity: 0.2;
}
.style_checkboxCell__dFSzq .style_hidden__A_k8Z {
  opacity: 0;
}
.style_checkboxCell__dFSzq .emoji-mart-emoji {
  cursor: pointer;
}
.activeCell .style_checkboxCell__dFSzq {
  pointer-events: initial;
}
@media screen and (max-width: 767.98px) {
  .style_checkboxCell__dFSzq {
    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__nt_1k {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__bCi0y {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__GEkWn ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__GEkWn ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__GEkWn ul::-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__GEkWn ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__GEkWn li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__GEkWn .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__GEkWn .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__GEkWn .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__GEkWn .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__79LeT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__IYld0 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__YYOUn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__YYOUn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__YYOUn .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__YYOUn .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__YYOUn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__YYOUn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__YYOUn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__YYOUn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__YYOUn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__YYOUn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__YYOUn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__YYOUn .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__YYOUn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__YYOUn .editBgColor::before,
.style_tree__YYOUn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__YYOUn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__YYOUn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__YYOUn .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__YYOUn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__YYOUn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__YYOUn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__YYOUn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__YYOUn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__YYOUn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__pqf3t .ant-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__pqf3t .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__pqf3t .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__pqf3t .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__6ysGz .ant-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__6ysGz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__6ysGz .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__6ysGz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6ysGz .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__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__6ysGz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__99kLn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__99kLn::-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__99kLn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__2Mj_f::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__2Mj_f::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__2Mj_f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__9fyWa {
  position: relative;
  width: 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__8rMzo {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__8rMzo {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__8rMzo {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__8rMzo {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__8rMzo {
    flex: 0 0 100%;
  }
}
.style_filterInput__uiZZN {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_cellCreatedBy__iO0zX {
  display: flex;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  align-content: flex-start;
  padding: 3px 10px;
  flex-grow: 1;
}
.style_unitItemWrapper__0RWuT {
  width: 100%;
  display: flex;
  height: 24px;
  max-width: 100%;
  align-items: center;
}
.style_unitBase__Difki {
  display: flex;
  background-color: var(--lowestBg);
  align-items: center;
}
.style_unitName__GjgJs {
  line-height: 17px;
  padding: 2px 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_unitMember__gRMeo {
  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__PxYzt > div:first-of-type {
  max-width: calc(100% - 36px) !important;
}

.style_rate__qWafU {
  display: inline-flex;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.style_rate__qWafU .style_character___hWJo {
  padding: 0 2px;
}
.style_rate__qWafU .style_checked__sFVtt {
  opacity: 1;
}
.style_rate__qWafU .style_unChecked__KumZF {
  opacity: 0.2;
}
.style_rate__qWafU .style_willChecked__LQesJ {
  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
**/
.style_antiEllipsis__DSgMv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qpRFa {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__D288m ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__D288m ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__D288m ul::-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__D288m ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__D288m li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__D288m .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__D288m .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__D288m .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__D288m .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__v8i4W {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__K__vu {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Y0ex1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Y0ex1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Y0ex1 .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__Y0ex1 .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__Y0ex1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Y0ex1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Y0ex1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Y0ex1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Y0ex1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Y0ex1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Y0ex1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Y0ex1 .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__Y0ex1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Y0ex1 .editBgColor::before,
.style_tree__Y0ex1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Y0ex1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Y0ex1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Y0ex1 .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__Y0ex1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Y0ex1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Y0ex1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Y0ex1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Y0ex1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Y0ex1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__oO2_G .ant-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__oO2_G .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__oO2_G .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__oO2_G .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__m_1_7 .ant-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_1_7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__m_1_7 .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_1_7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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_1_7 .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_1_7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__m_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__m_1_7 .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_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__m_1_7 .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_1_7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__nXUyn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__nXUyn::-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__nXUyn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__C7KZi::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__C7KZi::-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__C7KZi:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__bl9GL {
  position: relative;
  width: 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__KZBq_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__KZBq_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__KZBq_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__KZBq_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__KZBq_ {
    flex: 0 0 100%;
  }
}
.style_filterInput__a6a0m {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_ratingCell__3t0qW {
  width: 100%;
  line-height: initial;
  display: flex;
  align-items: flex-start;
  padding-left: 9px;
  padding-top: 7px;
  overflow: hidden;
}
.style_ratingCell__3t0qW .ant-rate {
  display: inline-flex;
}
.style_ratingCell__3t0qW .ant-rate-star-zero {
  visibility: hidden;
}
.style_ratingCell__3t0qW .ant-rate-star:not(:last-child) {
  margin-right: 3px;
}
.style_ratingCell__3t0qW .ant-rate-star {
  transition: none;
}
.style_activeCell__naRyN .ant-rate-star-zero {
  opacity: 0.3;
  visibility: visible;
}

.styles_createWorkdoc__sF5gH {
  display: flex;
  padding-top: 4px;
  align-items: center;
  color: var(--textCommonTertiary);
  padding-left: 8px;
  min-width: 100px;
}
.styles_expandWorkdoc__6jKn3 {
  padding: 4px 8px 0;
}
.styles_expandWorkdoc__6jKn3 .styles_workdocBtn__a_qLj {
  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__6jKn3 .styles_workdocBtn__a_qLj:hover {
  background-color: var(--bgBrandLightHover);
}
.styles_expandWorkdoc__6jKn3 .styles_workdocBtn__a_qLj .styles_workdocTitle__wyB6X {
  color: var(--textBrandDefault);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_expandWorkdoc__6jKn3 .styles_workdocBtn__a_qLj svg {
  fill: var(--textBrandDefault);
  flex: none;
  align-self: flex-start;
  margin-top: 2px;
  margin-right: 4px;
}
.styles_expandWorkdoc__6jKn3.styles_disabled__HHqTz .styles_workdocBtn__a_qLj {
  cursor: not-allowed;
}
.styles_expandWorkdoc__6jKn3.styles_disabled__HHqTz .styles_workdocBtn__a_qLj:hover {
  background-color: var(--bgBrandLightDefault);
}
@media screen and (max-width: 768px) {
  .styles_expandWorkdoc__6jKn3 {
    width: 100%;
    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__OMqVV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__3pmk7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__BULgK ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__BULgK ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__BULgK ul::-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__BULgK ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__BULgK li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__BULgK .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__BULgK .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__BULgK .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__BULgK .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__cDQko {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__jj8qG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5Mro6 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5Mro6 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5Mro6 .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__5Mro6 .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__5Mro6 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5Mro6 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5Mro6 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5Mro6 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5Mro6 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5Mro6 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5Mro6 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5Mro6 .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__5Mro6 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5Mro6 .editBgColor::before,
.style_tree__5Mro6 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5Mro6 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5Mro6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5Mro6 .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__5Mro6 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5Mro6 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5Mro6 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5Mro6 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5Mro6 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5Mro6 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__XOD_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_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__XOD_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);
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__XOD_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_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__XOD_y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__p3pD_ .ant-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__p3pD_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__p3pD_ .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__p3pD_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__p3pD_ .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__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__p3pD_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__O_S5E::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__O_S5E::-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__O_S5E:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__o1mLi::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__o1mLi::-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__o1mLi:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Lo3si {
  position: relative;
  width: 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__Fnq6t {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Fnq6t {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Fnq6t {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Fnq6t {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Fnq6t {
    flex: 0 0 100%;
  }
}
.style_filterInput__zCagp {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_wrapper__D0I6b {
  padding: 24px;
}
.style_pcContainer__WKSgl {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.style_mobileContainer__zYBEp {
  width: 100vw;
  height: 100%;
}
.style_headerRow__XRvw6 {
  border-bottom: 1px solid var(--borderCommonDefault);
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  padding-top: 13px;
  padding-bottom: 12px;
}
.style_headerRow__XRvw6 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__nBjWd {
  display: flex;
  flex-direction: row-reverse;
  flex-grow: 1;
  flex-shrink: 0;
  padding-right: 24px;
  width: 30%;
  min-width: 320px;
}
.style_icon__0AUtw {
  margin: 0 4px;
}
.style_sourceButton__alSmY {
  margin: 0 8px;
  padding: 0 !important;
}
.style_sourceButton__alSmY:hover {
  color: var(--fc0) !important;
}
.style_sourceButton__alSmY:hover > svg {
  fill: var(--fc0) !important;
}
.style_activeIcon__MkGGo {
  background-color: var(--fc16) !important;
  margin: 0 4px;
}
.style_expandRecordWrapper__PGr2u {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: hidden;
}
.style_expandRecordWrapper__PGr2u.style_columnLayout__cQ1rR {
  flex-direction: column;
  height: calc(100% - 50px);
}
.style_expandRecordWrapper__PGr2u.style_columnLayout__cQ1rR .style_expandRecord__b7kf9 {
  height: 50%;
}
.style_expandRecord__b7kf9 {
  flex: 1;
  max-height: 100%;
  min-width: 0;
}
.style_expandRecord__b7kf9 .style_linkInfo__Tbv9l {
  color: var(--thirdLevelText);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_expandRecord__b7kf9 .style_linkInfo__Tbv9l .style_linkInfoIcon__5lYYd {
  margin-left: 4px;
  display: inline-block;
  cursor: pointer;
}
.style_expandRecord__b7kf9 .style_linkInfo__Tbv9l .style_linkInfoIcon__5lYYd svg {
  vertical-align: -0.125em;
}
.style_expandRecord__b7kf9 > main {
  height: 100%;
  max-height: inherit;
  overflow-y: scroll;
  overflow-y: overlay;
  margin-top: 0;
  padding: 24px;
}
.style_expandRecord__b7kf9 > main::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_expandRecord__b7kf9 > main::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_expandRecord__b7kf9 > 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__b7kf9 > main:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_expandRecord__b7kf9 .style_fieldWrapper__Eu2Ms {
  margin-bottom: 24px;
}
.isSideExpandRecord .style_headerRow__XRvw6 h2 {
  padding-left: 16px;
}
.isSideExpandRecord .style_headerRow__XRvw6 .style_buttonsOps__nBjWd {
  padding-right: 16px;
}
.isSideExpandRecord .style_expandRecord__b7kf9 > main {
  padding-left: 16px;
  padding-right: 16px;
}
.style_select__G1icI .style_display__onZWL {
  display: flex;
  align-items: center;
}
.style_select__G1icI .style_display__onZWL .style_items__1s33W {
  display: inline-block;
  padding: 4px 10px;
  margin: 4px 10px 4px 0;
  border-radius: 10px;
  font-size: 12px;
  max-width: 100%;
}
.style_select__G1icI > div input {
  background: transparent;
}
.style_select__G1icI > div:last-child {
  position: unset;
}
.style_multiInput__QZxZC > div textarea {
  background: var(--rowSelectedBg);
}
.style_mobileWrapper__WYJdf .ant-modal-body {
  height: 85vh;
  padding: 0;
}
.style_mobileWrapper__WYJdf .ant-modal {
  width: -webkit-min-content;
  width: min-content;
}
.style_mobileWrapper__WYJdf .ant-modal-close {
  display: none;
}
@media screen and (min-width: 767.98px) {
  .style_wrapper__D0I6b {
    min-width: 540px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_wrapper__D0I6b {
    width: 100vw;
  }
  .style_mobileWrapper__WYJdf {
    width: 100vw;
    overflow: hidden !important;
  }
  .style_mobileWrapper__WYJdf .ant-modal-content {
    height: 100%;
  }
  .style_mobileWrapper__WYJdf .swiper-pagination-bullet-active {
    background: var(--primaryColor);
  }
  .style_mobileWrapper__WYJdf .ant-modal-body {
    height: 100%;
    width: 100%;
    padding: 0;
  }
  .style_mobileWrapper__WYJdf .ant-modal-content {
    height: 100%;
  }
  .style_mobileWrapper__WYJdf .ant-modal-close {
    display: none;
  }
  .style_mobileWrapper__WYJdf > div {
    padding: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    max-width: 100%;
    margin: 0;
  }
  .style_mobileWrapper__WYJdf > div > div:nth-child(2) {
    border-radius: 0px;
  }
}
.style_contextMenu__J0E_Y {
  width: 220px;
  background: var(--defaultBg);
  box-shadow: 1px 1px 14px var(--shadowColor);
  padding-left: 0;
  border-radius: 4px;
  padding: 4px 0;
}
.style_contextMenu__J0E_Y li {
  list-style: none;
  height: 40px;
  padding: 0 16px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_contextMenu__J0E_Y li:hover {
  background: var(--rowSelectedBg);
}
.style_expandTopArea__cEC4_ {
  border-bottom: 1px solid var(--lineColor);
  padding-top: 24px;
  margin: 0 24px;
}
.style_titleWrapper__iNVgS {
  display: flex;
  padding-bottom: 16px;
  align-items: flex-start;
}
.style_titleWrapper__iNVgS .style_titleInfo__1I1kx {
  flex: 1;
  display: flex;
  align-items: center;
  width: 0;
  max-width: 386px;
}
.style_titleWrapper__iNVgS .style_titleInfo__1I1kx 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__iNVgS .style_titleInfo__1I1kx span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_titleWrapper__iNVgS .style_titleInfo__1I1kx svg {
  cursor: pointer;
  padding: 8px 4px 8px 8px;
  box-sizing: content-box;
}
.style_titleWrapper__iNVgS .style_toggleCommentPane__MwREL {
  font-size: 13px;
  color: var(--thirdLevelText);
  padding: 4px 8px;
  height: auto;
  margin-left: 16px;
  letter-spacing: 0.5px;
}
.style_titleWrapper__iNVgS .style_toggleCommentPane__MwREL.style_toggleActive__Ufo84 {
  color: var(--primaryColor);
}
.style_expandFormulaCheckbox__JkgCq {
  padding-left: 9px;
  justify-content: flex-start !important;
}
.style_operateAreaWrapper__afv1s {
  align-items: flex-start;
  display: flex;
}
.style_operateArea__0SAKh {
  align-items: center;
  display: flex;
  height: 24px;
}
.style_visionOptionWrap__PO47V {
  align-items: flex-start;
  display: flex;
}
.style_visionOption__5JTOq {
  align-items: center;
  display: flex;
  height: 24px;
}
.style_linkTitle__zqx9b {
  display: inline-block;
  max-width: 350px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_displayBox__ReFZ_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.style_displayBox__ReFZ_ .style_content__ddQI_ {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_displayBox__ReFZ_ .style_content__ddQI_ .style_items__1s33W {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_displayBox__ReFZ_ .style_iconArrow__BO2pN {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.style_displayBox__ReFZ_ .style_iconArrow__BO2pN svg {
  transition: all 0.2s linear;
}
.style_displayBox__ReFZ_ .style_iconArrow__BO2pN.style_active__3SbQ6 svg {
  transform: rotate(180deg);
}
.style_option__wBTc0 > div {
  align-self: auto;
}
.style_mobileRecordHeader__Slk3P {
  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__Slk3P span.style_recordName__2_VEn {
  font-size: 17px;
  color: var(--static-white);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_mobileRecordHeader__Slk3P .style_toggleRecordBtnWrapper__ZQqqQ,
.style_mobileRecordHeader__Slk3P .style_toCommentBtnWrapper__hg0jv {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 60px;
  height: 100%;
}
.style_mobileRecordHeader__Slk3P .style_toggleRecordBtnWrapper__ZQqqQ {
  justify-content: flex-start;
}
.style_mobileRecordHeader__Slk3P .style_toCommentBtnWrapper__hg0jv {
  justify-content: flex-end;
}
.style_contentWrapper__CTfXc {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: var(--defaultBg);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s;
  overflow-x: hidden;
}
.style_contentWrapper__CTfXc.style_turnToCommentPage__BzUDT {
  transform: translate3d(-100%, 0, 0);
  overflow-x: visible;
}
.style_mobileRecordContent__6BQfi {
  flex-shrink: 0;
  width: 100%;
  overflow: auto;
  padding-top: 44px;
}
.style_mobileRecordContent__6BQfi .style_editorContainer__q3qDK {
  padding: 24px 24px 100px;
}
.style_mobileRecordContent__6BQfi .style_editorContainer__q3qDK .fieldWrapper {
  margin-bottom: 24px;
}
.style_mobileCommentContent__pUcHt {
  padding-top: 44px;
  flex-shrink: 0;
  width: 100%;
}
.style_closeButton__VF85n {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--shadowColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.style_closeButton__VF85n:hover {
  opacity: 0.8;
}
.style_closeButton__VF85n:active {
  opacity: 0.6;
}
.style_closeButton__VF85n svg {
  fill: white;
}
.style_pagingButtonWrapper__mapj1 {
  display: flex;
  width: 121px;
  height: 36px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 16px;
  align-items: center;
}
.style_pagingButtonWrapper__mapj1 button:hover {
  background-color: transparent;
}
.style_pagingButtonWrapper__mapj1 .style_gapLine__6Hunh {
  height: 10px;
  flex-basis: 1px;
  position: relative;
  background: var(--shadowColor);
  height: 100%;
}
.style_pagingButtonWrapper__mapj1 .style_gapLine__6Hunh: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__mapj1 .style_noBg__YGT5W {
  opacity: 1 !important;
}
.style_pagingButtonWrapper__mapj1 > 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__mapj1 > span:not(:nth-child(2)):hover {
  opacity: 0.8;
}
.style_pagingButtonWrapper__mapj1 > span:not(:nth-child(2)):active {
  opacity: 0.6;
}
.style_pagingButtonWrapper__mapj1 .style_button__5wrHp {
  padding: 0 !important;
}
.style_pagingButtonWrapper__mapj1 .style_button__5wrHp:active {
  opacity: 0.6;
  background: none;
}
.style_pagingButtonWrapper__mapj1 .style_button__5wrHp:nth-child(2) {
  margin-right: 4px !important;
}
.style_plainPagingButtonWrapper__5XFKr {
  align-items: center;
  display: flex;
  justify-content: center;
}
.style_divideLine__mZocI {
  border-left: 1px solid var(--lineColor);
  height: 12px;
  margin: 0 4px;
}
.style_hiddenFieldsHeader__fesIX {
  display: flex;
  align-items: center;
  position: relative;
}
.style_hiddenFieldsHeader__fesIX h5.style_typography__40qNA {
  -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__fesIX.style_expanded__1sY_E {
  position: relative;
}
.style_hiddenFieldsHeader__fesIX.style_expanded__1sY_E::after {
  content: "";
  border: 1px dashed var(--lineColor);
  height: 1px;
  position: absolute;
  top: 48px;
  width: 100%;
}
.style_hiddenFieldsHeader__fesIX.style_expanded__1sY_E h5.style_typography__40qNA {
  color: var(--primaryColor);
}
.style_hiddenFieldsContent__7NqtE {
  margin-top: 56px;
}
.style_dropdown__MfRG_ {
  display: flex;
  align-items: center;
}
.style_btnExpand__QCVFX {
  height: 32px;
  font-size: 14px;
  padding: 0 8px !important;
}
.style_gotoDatasheet__JeoEt {
  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__JbIAT > div {
  position: unset !important;
}
.style_pointer__3Xqu6 {
  cursor: pointer;
}
.style_moreOptionMenu__xkhyA {
  padding: 4px 0 !important;
  min-width: 240px;
}
.style_moreOptionMenuItemWrapper__RauSv {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 40px;
  line-height: 40px !important;
  margin: 0 8px !important;
  padding: 0 8px !important;
}
.style_moreOptionMenuItemWrapper__RauSv:hover {
  background-color: var(--black_100) !important;
}
.style_moreOptionMenuItemWrapper__RauSv svg {
  margin-right: 4px;
}
.style_moreOptionMenuItemWrapper__RauSv span {
  flex-grow: 1;
}
.style_showHistoryMenuItem__F_IVc {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  gap: 8px;
}
.style_showHistoryMenuText__jFN_N {
  flex-grow: 1;
}
.style_showRecordSwitch__X9myo {
  margin-left: 5px;
}
.style_mobileCommentButton__GR4PG {
  margin-left: 8px;
  position: relative;
}
.style_mobileCommentButton__GR4PG:focus,
.style_mobileCommentButton__GR4PG:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.style_mobileActivityPaneContainer__v2_0_ {
  display: flex;
  height: 100%;
}
.style_mobileActivityPaneContainer__v2_0_ .style_ant-drawer-body__4fGnN {
  padding: 0;
}
.style_mobileDrawer__C46ii .ant-drawer-content-wrapper {
  height: 100%;
}
.style_mobileDrawer__C46ii .ant-drawer-header {
  background-color: var(--fc6);
  border-bottom: 1px solid var(--lineColor);
  padding: 16px 24px;
}
.style_mobileDrawer__C46ii .ant-drawer-title {
  font-size: 16px;
}
.style_mobileDrawer__C46ii .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_bottomPageTurn__TAVXe {
  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__usol0 {
  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
**/
.style_antiEllipsis__3fUIx {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__FXC14 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__KLFW6 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__KLFW6 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__KLFW6 ul::-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__KLFW6 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__KLFW6 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__KLFW6 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__KLFW6 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__KLFW6 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__KLFW6 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__QY9e1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__lTu5t {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__g2K_S .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__g2K_S .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__g2K_S .ant-tree-switcher {
  position: relative;
  width: 32px !important;
  height: 40px !important;
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
}
.style_tree__g2K_S .ant-tree-switcher .ant-tree-switcher-icon {
  position: absolute;
  transform: scale(1) !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  flex-basis: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.style_tree__g2K_S .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__g2K_S .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__g2K_S .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper .ant-tree-iconEle {
  width: 16px !important;
  height: 36px !important;
  line-height: 36px;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.style_tree__g2K_S .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__g2K_S .editBgColor::before,
.style_tree__g2K_S .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__g2K_S .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__g2K_S .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__g2K_S .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  position: absolute;
  display: flex;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  z-index: var(--drag-line-circle);
}
.style_tree__g2K_S .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__g2K_S .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__g2K_S .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__g2K_S .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__g2K_S .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__g2K_S .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__zlT1s .ant-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__zlT1s .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__zlT1s .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__zlT1s .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__tpNP2 .ant-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__tpNP2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__tpNP2 .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__tpNP2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__tpNP2 .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__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__tpNP2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__BzN5m::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__BzN5m::-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__BzN5m:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Y_Rg4::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Y_Rg4::-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_Rg4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uASC6 {
  position: relative;
  width: 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__ExE_h {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ExE_h {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ExE_h {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ExE_h {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ExE_h {
    flex: 0 0 100%;
  }
}
.style_filterInput__PURs4 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_iconWrapper__Z_hmk {
  margin-left: 4px;
  display: inline-block;
}
.style_iconWrapper__Z_hmk svg {
  vertical-align: -0.125em;
}
.style_textWrapper___NyPh {
  display: inline-block;
  color: var(--primaryColor);
  margin-right: 4px;
  vertical-align: 0.07em;
}
.style_textWrapper___NyPh 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__e551c {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__sp6B5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Ghtqz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Ghtqz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Ghtqz ul::-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__Ghtqz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Ghtqz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Ghtqz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Ghtqz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Ghtqz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Ghtqz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__BGaC5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__7ACYl {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__Ar82j .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__Ar82j .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__Ar82j .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__Ar82j .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__Ar82j .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__Ar82j .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__Ar82j .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__Ar82j .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__Ar82j .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__Ar82j .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__Ar82j .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__Ar82j .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__Ar82j .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__Ar82j .editBgColor::before,
.styles_tree__Ar82j .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__Ar82j .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__Ar82j .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__Ar82j .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__Ar82j .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__Ar82j .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__Ar82j .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__Ar82j .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__Ar82j .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__Ar82j .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__KEsjs .ant-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__KEsjs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__KEsjs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__KEsjs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__gUOzE .ant-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__gUOzE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__gUOzE .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__gUOzE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gUOzE .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__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__gUOzE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__4yLl3::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__4yLl3::-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__4yLl3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Yywne::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Yywne::-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__Yywne:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__xwVFD {
  position: relative;
  width: 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__1aYQN {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__1aYQN {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__1aYQN {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__1aYQN {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__1aYQN {
    flex: 0 0 100%;
  }
}
.styles_filterInput__Va4Lq {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_deleteConfirmContainer__iliGe {
  position: relative;
}
.styles_deleteConfirmContainer__iliGe .styles_title__tWACY {
  font-size: 18px;
  margin: 0;
  color: var(--firstLevelText);
}
.styles_deleteConfirmContainer__iliGe .styles_close__IgkXd {
  cursor: pointer;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 15px;
  height: 15px;
  fill: var(--fourthLevelText);
}
.styles_deleteConfirmContainer__iliGe .styles_unLinkImg__eVau4 {
  display: block;
  margin: 30px auto;
  width: 160px;
}
.styles_deleteConfirmContainer__iliGe .styles_datasheetInfo__IdJ4O {
  margin-bottom: 16px;
}
.styles_deleteConfirmContainer__iliGe .styles_datasheetInfo__IdJ4O .styles_datasheetName__Wd7XE {
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.styles_deleteConfirmContainer__iliGe .styles_datasheetInfo__IdJ4O .ant-radio-wrapper {
  white-space: normal;
}
.styles_deleteConfirmContainer__iliGe .styles_datasheetInfo__IdJ4O .styles_fieldDesc__oPRao,
.styles_deleteConfirmContainer__iliGe .styles_datasheetInfo__IdJ4O .styles_fieldDesc__oPRao .styles_text__smQpa {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-bottom: 8px;
}
.styles_deleteConfirmContainer__iliGe .styles_footer__H6lX1 {
  overflow: hidden;
  padding-top: 20px;
}
.styles_deleteConfirmContainer__iliGe .styles_footer__H6lX1 .styles_footerLeft__7WEQy {
  float: left;
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-top: 8px;
}
.styles_deleteConfirmContainer__iliGe .styles_footer__H6lX1 .styles_footerLeft__7WEQy button {
  margin-right: 8px;
}
.styles_deleteConfirmContainer__iliGe .styles_footer__H6lX1 .styles_buttonGroup__hgThh {
  float: right;
}
.styles_deleteConfirmContainer__iliGe .styles_footer__H6lX1 .styles_buttonGroup__hgThh button {
  margin-left: 20px;
}

.style_antiEllipsis__300md {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__DdBaR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__up9rs ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__up9rs ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__up9rs ul::-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__up9rs ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__up9rs li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__up9rs .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__up9rs .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__up9rs .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__up9rs .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__b8V4K {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__54ERU {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__7YQMV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__7YQMV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__7YQMV .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__7YQMV .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__7YQMV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__7YQMV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__7YQMV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__7YQMV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__7YQMV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__7YQMV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__7YQMV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__7YQMV .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__7YQMV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__7YQMV .editBgColor::before,
.style_tree__7YQMV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__7YQMV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__7YQMV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__7YQMV .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__7YQMV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__7YQMV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__7YQMV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__7YQMV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__7YQMV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__7YQMV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__JXagh .ant-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__JXagh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__JXagh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__JXagh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__EYGLp .ant-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__EYGLp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__EYGLp .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__EYGLp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EYGLp .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__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__EYGLp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__4_TQf::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__4_TQf::-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__4_TQf:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Nj3a_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Nj3a_::-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__Nj3a_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__VxJY4 {
  position: relative;
  width: 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__U6bDo {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__U6bDo {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__U6bDo {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__U6bDo {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__U6bDo {
    flex: 0 0 100%;
  }
}
.style_filterInput___hWOc {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  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_viewLockModal__RoMCd .ant-modal-close {
  display: none;
}
.style_viewLockModal__RoMCd .ant-modal-header {
  padding: 16px 16px 0;
}
.style_viewLockModal__RoMCd .ant-modal-body {
  padding: 0 16px 16px;
}
.style_modalTitle__jFF1M {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.style_modalTitle__jFF1M svg {
  cursor: pointer;
}
.style_modalTitle__jFF1M > div:first-child,
.style_modalTitle__jFF1M > div:first-child a {
  display: flex;
  align-items: center;
}
.style_modalTitle__jFF1M a {
  margin-left: 8px;
}
.style_rcTextArea__LIb3n {
  resize: none !important;
  margin-top: 8px !important;
  padding: 8px !important;
}
.style_buttonGroup__kZdZG {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.style_buttonGroup__kZdZG button:first-child {
  margin-right: 8px;
}
.style_operator__CBhe7 {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
}
.style_operator__CBhe7 span {
  margin-right: 4px;
}
.style_desc__6fvwY {
  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__yID3C {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__hsLXU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__EtZnZ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__EtZnZ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__EtZnZ ul::-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__EtZnZ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__EtZnZ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__EtZnZ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__EtZnZ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__EtZnZ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__EtZnZ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___JiZD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__IzKJz {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5d7Wu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5d7Wu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5d7Wu .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__5d7Wu .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__5d7Wu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5d7Wu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5d7Wu .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5d7Wu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5d7Wu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5d7Wu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5d7Wu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5d7Wu .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__5d7Wu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5d7Wu .editBgColor::before,
.style_tree__5d7Wu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5d7Wu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5d7Wu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5d7Wu .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__5d7Wu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5d7Wu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5d7Wu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5d7Wu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5d7Wu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5d7Wu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cHhJf .ant-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__cHhJf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__cHhJf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cHhJf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__wSYPA .ant-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__wSYPA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__wSYPA .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__wSYPA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wSYPA .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__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__wSYPA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__z2d_B::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__z2d_B::-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__z2d_B:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__biLDF::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__biLDF::-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__biLDF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__h9Bqg {
  position: relative;
  width: 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__bdtY_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__bdtY_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__bdtY_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__bdtY_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__bdtY_ {
    flex: 0 0 100%;
  }
}
.style_filterInput___kFhd {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_overlayStyle__gn1sA {
  z-index: 1002;
  width: 320px;
  background: var(--highestBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 4px;
  border: 1px solid var(--borderCommonDefault);
}
.style_badgeIcon__cjix4 .ant-badge-dot {
  background: var(--bgDangerDefault);
  box-shadow: 0 0 0 1px var(--bgCommonLower);
}
.style_syncSpan__8shxd {
  transition: fill 0.3s;
  position: relative;
}
.style_syncSpan__8shxd .style_arrow__9eTk8 {
  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__8shxd.style_noStatus__sRuac svg {
  fill: var(--deepPurple_200) !important;
}
.style_syncSpan__8shxd.style_noStatus__sRuac svg:hover {
  fill: var(--primaryColor) !important;
}
.style_content__FdXR5 {
  padding: 16px;
  position: relative;
}
.style_content__FdXR5 .style_footer__6wLnk {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_content__FdXR5 .style_closeIcon__PRt1P {
  position: absolute;
  top: 14px;
  right: 14px;
  border-radius: 4px;
}
.style_content__FdXR5 .style_title__ghKNm {
  max-width: calc(100% - 20px);
}
.style_mobileTip__rRw3o {
  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__rRw3o .style_infoIcon__Pokk8 {
  color: var(--textBrandDefault);
}
.style_mobileTip__rRw3o p {
  margin-left: 8px;
  flex: 1;
  color: var(--primaryColor);
}
.style_mobileTip__rRw3o .style_buttons__WIGZK {
  display: flex;
  align-items: center;
  gap: 12px;
}
.style_mobileTip__rRw3o .style_cancelBtn__9iYyq {
  background: transparent;
}
.style_mobileTip__rRw3o .style_confirmBtn__Kmazm {
  line-height: 24px;
  display: flex;
  align-items: center;
  height: 24px;
}
.style_mobileTip__rRw3o > * {
  display: flex;
  align-items: center;
}
.style_cancelText__Rg8C8 {
  color: var(--textCommonTertiary) !important;
}
.style_borderNone__hPfCF span {
  border: none;
}
.style_viewSyncAlert__mlqlF {
  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__mlqlF.style_show__n2pNM {
  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
**/
.styles_fieldDesc__ZcNkC {
  position: fixed;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  padding: 16px;
  z-index: var(--zIndex-10-fieldDescBox);
}
.styles_h3__vcxt1 {
  font-size: 14px;
  color: var(--secondLevelText);
  margin-bottom: 8px;
}
.styles_textarea__RyeNO {
  width: 100%;
  resize: none;
  max-height: 104px !important;
  min-height: 73px !important;
  text-indent: 0 !important;
}
.styles_textarea__RyeNO::placeholder {
  color: var(--fc4) !important;
}
.styles_textarea__RyeNO.styles_error__368HD {
  border-color: var(--errorColor);
}
.styles_count__GRs5q {
  text-align: right;
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  margin-bottom: 0;
}
.styles_count__GRs5q.styles_error__368HD {
  color: var(--errorColor);
}
.styles_mask__CVa20 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--zIndex-10);
}

.style_sideModal__AydCz,
.style_fullScreenModal__WrSH6 {
  background-color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_sideModal__AydCz {
  z-index: 2;
}
.style_fullScreenModal__WrSH6 {
  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__74xUK {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__16PAs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Vi8pz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Vi8pz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Vi8pz ul::-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__Vi8pz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Vi8pz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Vi8pz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Vi8pz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Vi8pz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Vi8pz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__dY7Kf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___GYNG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__LEAAJ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__LEAAJ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__LEAAJ .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__LEAAJ .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__LEAAJ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__LEAAJ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__LEAAJ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__LEAAJ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__LEAAJ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__LEAAJ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__LEAAJ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__LEAAJ .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__LEAAJ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__LEAAJ .editBgColor::before,
.style_tree__LEAAJ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__LEAAJ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__LEAAJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__LEAAJ .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__LEAAJ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__LEAAJ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__LEAAJ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__LEAAJ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__LEAAJ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__LEAAJ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__4fQM4 .ant-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__4fQM4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__4fQM4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__4fQM4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__I1KWp .ant-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__I1KWp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__I1KWp .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__I1KWp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__I1KWp .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__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__I1KWp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__i8wMd::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__i8wMd::-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__i8wMd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__j3hqN::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__j3hqN::-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__j3hqN:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ABdnX {
  position: relative;
  width: 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__1_Ce4 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__1_Ce4 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__1_Ce4 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__1_Ce4 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__1_Ce4 {
    flex: 0 0 100%;
  }
}
.style_filterInput__CHH_8 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_nodeContainerWrapper__MACGy {
  padding: 0 16px;
}
.style_nodeContainer__E1xzb {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.style_nodeContainer__E1xzb.style_viewNodeContainer__lx8S6 {
  padding: 0 24px;
}
.style_nodeContainer__E1xzb:hover,
.style_nodeContainer__E1xzb.style_active__F1Dlr {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__E1xzb.style_active__F1Dlr {
  color: var(--primaryColor);
}
.style_nodeContainer__E1xzb.style_disable__F8aRD svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__E1xzb.style_disable__F8aRD .style_text__qeoQQ {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__E1xzb svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__E1xzb svg.style_leftIcon__UDFuH {
  margin-right: 10px;
}
.style_nodeContainer__E1xzb svg.style_rightIcon__Qxx12 {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__E1xzb .style_text__qeoQQ {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__E1xzb .style_text__qeoQQ.style_rightText__mXY76 {
  margin-left: 10px;
}
.style_nodeContainer__E1xzb .style_budget__KD6Yu {
  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__2nXIi {
  position: relative;
  background-color: var(--bgCommonHigh);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__2nXIi .style_scrollContainer__cYMhp {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__2nXIi .style_panelTitleDesc__EqGvU {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__2nXIi .style_panelTitle__sfOD7 {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG {
  margin: 32px 0 48px;
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG .style_formField__YCMi3 {
  margin-bottom: 24px;
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG .style_formField__YCMi3 .style_title__khO6d {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG .style_formField__YCMi3 .style_title__khO6d[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__2nXIi .style_panelContent__pr5zG .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__2nXIi .style_panelFooter__nvUgj {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__oyTQg {
  height: 100%;
}
.style_formPreviewerMobile__oyTQg .style_scrollContainer__cYMhp {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__oyTQg .style_scrollContainer__cYMhp .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__oyTQg .style_scrollContainer__cYMhp .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList___Rorc {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList___Rorc h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList___Rorc .style_widgetListWrap__mhUEq {
  position: relative;
  flex: 1;
}
.style_widgetList___Rorc .style_scroll__DGTqW {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J .style_checked__o4xce {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J .style_checked__o4xce svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J.style_selected__ArTuk {
  border-color: var(--primaryColor);
}
.style_widgetList___Rorc .style_widgetItem__tvE6J.style_selected__ArTuk .style_checked__o4xce {
  display: block;
}
.style_widgetList___Rorc .style_widgetItem__tvE6J .style_widgetIconBox__gwkLR {
  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__M_zPd {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__pIynZ {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__pIynZ .style_img__0QFhr {
  width: 180px;
}
.style_emptyTipWrap__pIynZ .style_emptyTip__cueam {
  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__utTgv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Mauec {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__sEHjW ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__sEHjW ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__sEHjW ul::-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__sEHjW ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__sEHjW li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__sEHjW .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__sEHjW .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__sEHjW .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__sEHjW .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__aePL_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__ucr0a {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__auqMG .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__auqMG .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__auqMG .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__auqMG .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__auqMG .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__auqMG .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__auqMG .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__auqMG .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__auqMG .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__auqMG .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__auqMG .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__auqMG .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__auqMG .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__auqMG .editBgColor::before,
.style_tree__auqMG .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__auqMG .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__auqMG .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__auqMG .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__auqMG .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__auqMG .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__auqMG .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__auqMG .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__auqMG .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__auqMG .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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_eif .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0_eif .ant-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_eif .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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_eif .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0_eif .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__v8szl .ant-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__v8szl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__v8szl .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__v8szl .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__v8szl .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__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__v8szl .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Syx8_::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Syx8_::-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__Syx8_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__FetXn::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__FetXn::-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__FetXn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__VZOgr {
  position: relative;
  width: 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__U0KO8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__U0KO8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__U0KO8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__U0KO8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__U0KO8 {
    flex: 0 0 100%;
  }
}
.style_filterInput__XbL_I {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_searchEmpty__4TQeN {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchEmpty__4TQeN .style_emptyImage__u0DWY {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchEmpty__4TQeN .style_emptyText__DfrLK {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchEmpty__4TQeN .style_emptyText__DfrLK span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchResult__2UgcG {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchResult__2UgcG::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchResult__2UgcG::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchResult__2UgcG::-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__2UgcG:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchResult__2UgcG .style_nodeTitle__ROvl_ {
  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_lineSearchInput__mVLoW {
  border-bottom: 1px solid var(--lineColor);
  display: flex;
  align-items: center;
  padding: 0 20px 0;
  position: relative;
}
.style_lineSearchInput__mVLoW input {
  background: transparent;
}
.style_lineSearchInput__mVLoW.style_default___FEyI {
  height: 32px;
}
.style_lineSearchInput__mVLoW.style_large__jsIxZ {
  height: 40px;
}
.style_lineSearchInput__mVLoW svg {
  cursor: pointer;
}
.style_lineSearchInput__mVLoW .style_prefixIcon__LrqHL {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
}
.style_lineSearchInput__mVLoW input {
  border: none;
  display: inline-block;
  width: 100%;
}
.style_lineSearchInput__mVLoW .style_suffixIcon__oJZWL {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lineSearchInput__mVLoW:focus-within {
  border-bottom: 1px solid var(--primaryColor);
}
.style_lineSearchInput__mVLoW:focus-within .style_prefixIcon__LrqHL 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__5aiuC {
  display: flex;
  margin-top: 10px;
  padding: 0 24px;
}
.style_searchContainer__5aiuC .style_inputContainer__RD0LM {
  position: relative;
  flex-grow: 1;
}
.style_searchContainer__5aiuC .style_searchOption__maIvl {
  height: 30px;
  line-height: 30px;
  margin-left: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.style_searchContainer__5aiuC .style_searchOption__maIvl button {
  margin-left: 6px;
}
.style_searchContainer__5aiuC .style_searchIcon__T_TXW {
  position: absolute;
  top: 8px;
  left: 2px;
}
.style_searchContainer__5aiuC .style_closeIcon__feEOj {
  position: absolute;
  top: 10px;
  right: 4px;
  cursor: pointer;
}
@media screen and (max-width: 767.98px) {
  .style_searchContainer__5aiuC {
    display: block;
  }
  .style_searchContainer__5aiuC .style_searchOption__maIvl {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
  }
  .style_searchContainer__5aiuC .style_searchOption__maIvl .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__BT1T3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AYLWy {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__10rP2 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__10rP2 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__10rP2 ul::-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__10rP2 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__10rP2 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__10rP2 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__10rP2 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__10rP2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__10rP2 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__M9e8a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__3c1e6 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Cyvlh .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Cyvlh .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Cyvlh .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__Cyvlh .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__Cyvlh .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Cyvlh .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Cyvlh .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Cyvlh .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Cyvlh .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Cyvlh .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Cyvlh .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Cyvlh .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__Cyvlh .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Cyvlh .editBgColor::before,
.style_tree__Cyvlh .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Cyvlh .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Cyvlh .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Cyvlh .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__Cyvlh .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Cyvlh .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Cyvlh .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Cyvlh .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Cyvlh .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Cyvlh .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__c8D5Z .ant-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__c8D5Z .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__c8D5Z .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__c8D5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__u0sJ2 .ant-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__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__u0sJ2 .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__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__u0sJ2 .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__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__u0sJ2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__bHLpG::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__bHLpG::-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__bHLpG:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__8VL4_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__8VL4_::-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__8VL4_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__GHDFl {
  position: relative;
  width: 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_p2 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__TA_p2 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__TA_p2 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__TA_p2 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__TA_p2 {
    flex: 0 0 100%;
  }
}
.style_filterInput__XFua_ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_breadCrumbWrapper__rrUfU {
  position: relative;
  width: 100%;
}
.style_breadCrumbWrapper__rrUfU .style_scrollWrapper__BKG8T {
  position: relative;
  height: 28px;
  overflow: auto;
}
.style_breadCrumbWrapper__rrUfU .style_scrollWrapper__BKG8T::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.style_breadCrumbWrapper__rrUfU .style_beadCrumb___4g8w {
  position: absolute;
  top: 8px;
}
.style_breadCrumbWrapper__rrUfU .style_leftScrollIcon__zQIaU,
.style_breadCrumbWrapper__rrUfU .style_rightScrollIcon__Vyvae {
  position: absolute;
  top: 7px;
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--defaultBg);
  cursor: pointer;
}
.style_breadCrumbWrapper__rrUfU .style_leftScrollIcon__zQIaU svg,
.style_breadCrumbWrapper__rrUfU .style_rightScrollIcon__Vyvae svg {
  z-index: 1;
}
.style_breadCrumbWrapper__rrUfU .style_leftScrollIcon__zQIaU {
  left: 0;
}
.style_breadCrumbWrapper__rrUfU .style_leftScrollIcon__zQIaU::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__rrUfU .style_rightScrollIcon__Vyvae {
  right: 0;
}
.style_breadCrumbWrapper__rrUfU .style_rightScrollIcon__Vyvae::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__rrUfU .ant-breadcrumb {
  font-size: 12px;
  color: var(--secondLevelText);
  font-weight: normal;
  display: flex;
  height: 12px;
  white-space: nowrap;
  line-height: 1;
}
.style_breadCrumbWrapper__rrUfU .ant-breadcrumb > span {
  display: flex;
}
.style_breadCrumbWrapper__rrUfU .ant-breadcrumb-separator {
  display: flex;
  align-items: center;
  margin: 0 2px;
}
.style_breadCrumbWrapper__rrUfU .ant-breadcrumb-link {
  display: inline-block;
  cursor: default;
}
.style_breadCrumbWrapper__rrUfU .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__rrUfU .ant-breadcrumb > span:last-child .ant-breadcrumb-link {
  color: var(--secondLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_breadCrumbWrapper__rrUfU .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_antiEllipsis__dSldr {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__5jaHf {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__M_IkV ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__M_IkV ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__M_IkV ul::-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__M_IkV ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__M_IkV li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__M_IkV .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__M_IkV .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__M_IkV .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__M_IkV .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__0VERd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__UIE1s {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__mpCL1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__mpCL1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__mpCL1 .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__mpCL1 .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__mpCL1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__mpCL1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__mpCL1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__mpCL1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__mpCL1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__mpCL1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__mpCL1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__mpCL1 .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__mpCL1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__mpCL1 .editBgColor::before,
.style_tree__mpCL1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__mpCL1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__mpCL1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__mpCL1 .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__mpCL1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__mpCL1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__mpCL1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__mpCL1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__mpCL1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__mpCL1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__JxsBt .ant-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__JxsBt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__JxsBt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__JxsBt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__km_uU .ant-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__km_uU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__km_uU .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__km_uU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__km_uU .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__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__km_uU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__dQmR4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__dQmR4::-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__dQmR4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__cSnkb::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__cSnkb::-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__cSnkb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__XIHWa {
  position: relative;
  width: 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__0HnAH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__0HnAH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__0HnAH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__0HnAH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__0HnAH {
    flex: 0 0 100%;
  }
}
.style_filterInput__fqIaO {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_portalContainer__oFWRc {
  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__6ldoS {
  width: 100%;
  height: 100%;
}
.style_portalContainerDrawer__6ldoS .style_searchPanelContainer__efuLb {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_portalContainerDrawer__6ldoS .style_searchPanelContainer__efuLb .style_coverImg___gvmE {
  width: 100%;
  height: 110px;
}
.style_portalContainerDrawer__6ldoS .style_searchPanelContainer__efuLb .style_searchPanelTitle__Ro7gN {
  font-size: 18px;
}
.style_portalContainerDrawer__6ldoS .style_searchPanelContainer__efuLb .style_searchPanel__Xs4UO {
  width: 100%;
  display: flex;
  flex: 1;
}
.style_searchPanel__Xs4UO {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 540px;
  height: 80vh;
  background: var(--bgCommonHighest);
  padding-top: 24px;
  overflow: hidden;
}
.style_searchPanel__Xs4UO.style_searchPanelLeft__O21Jr {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__Xs4UO .style_narrowBtn__72DlW {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__Xs4UO .style_searchPanelTitle__Ro7gN {
  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__Xs4UO .style_searchPanelTitle__Ro7gN .style_helpBtn__lMx_F {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__Xs4UO .style_folderBreadItem__S6Y5V:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__Xs4UO .style_searchResult__io6nb {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__Xs4UO .style_searchResult__io6nb::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__Xs4UO .style_searchResult__io6nb::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__Xs4UO .style_searchResult__io6nb::-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__Xs4UO .style_searchResult__io6nb:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__Xs4UO .style_searchResult__io6nb .style_nodeTitle__eVvSz {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__Xs4UO .style_searchEmpty__2SZwu {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__Xs4UO .style_searchEmpty__2SZwu .style_emptyImage__IoT4H {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__Xs4UO .style_searchEmpty__2SZwu .style_emptyText__hhONa {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__Xs4UO .style_searchEmpty__2SZwu .style_emptyText__hhONa span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__Xs4UO .style_folderContent__ojoup {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__Xs4UO .style_loading__cen8j {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__Xs4UO .style_emptyFolder__995yv .style_emptyImg__lwIx2 {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__Xs4UO .style_emptyFolder__995yv p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
.style_breadCrumb__lWxO1 {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_breadCrumb__lWxO1 .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_breadCrumb__lWxO1 .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_breadCrumb__lWxO1 .ant-breadcrumb ol li {
  display: flex;
}
.style_breadCrumb__lWxO1 .ant-breadcrumb-separator {
  margin: 0 2px;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__efuLb .style_searchPanel__Xs4UO {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__gRw8q {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__gRw8q 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__cRXaq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___UFg5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__4BtsU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__4BtsU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__4BtsU ul::-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__4BtsU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__4BtsU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__4BtsU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__4BtsU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__4BtsU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__4BtsU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__WB3IF {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__sR69q {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__6sG_r .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__6sG_r .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__6sG_r .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__6sG_r .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__6sG_r .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__6sG_r .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__6sG_r .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__6sG_r .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__6sG_r .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__6sG_r .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__6sG_r .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__6sG_r .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__6sG_r .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__6sG_r .editBgColor::before,
.style_tree__6sG_r .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__6sG_r .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__6sG_r .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__6sG_r .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__6sG_r .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__6sG_r .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__6sG_r .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__6sG_r .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__6sG_r .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__6sG_r .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__arf2Y .ant-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__arf2Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__arf2Y .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__arf2Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__UJJRA .ant-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__UJJRA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__UJJRA .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__UJJRA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UJJRA .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__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__UJJRA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Bw7UC::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Bw7UC::-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__Bw7UC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__1YUaD::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__1YUaD::-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__1YUaD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__4B_yQ {
  position: relative;
  width: 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__oBp95 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__oBp95 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__oBp95 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__oBp95 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__oBp95 {
    flex: 0 0 100%;
  }
}
.style_filterInput__HUFGD {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_nodeContainerWrapper__3p3Mh {
  padding: 0 16px;
}
.style_nodeContainer__kXr4u {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  padding: 0 8px;
  cursor: pointer;
}
.style_nodeContainer__kXr4u.style_viewNodeContainer__JdImk {
  padding: 0 24px;
}
.style_nodeContainer__kXr4u:hover,
.style_nodeContainer__kXr4u.style_active__ah6j0 {
  background-color: var(--rowSelectedBg);
}
.style_nodeContainer__kXr4u.style_active__ah6j0 {
  color: var(--primaryColor);
}
.style_nodeContainer__kXr4u.style_disable__61aCe svg {
  fill: var(--shadowColor);
}
.style_nodeContainer__kXr4u.style_disable__61aCe .style_text__Hd_gs {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.style_nodeContainer__kXr4u svg {
  vertical-align: middle;
  font-size: 15px;
}
.style_nodeContainer__kXr4u svg.style_leftIcon__M7Cz_ {
  margin-right: 10px;
}
.style_nodeContainer__kXr4u svg.style_rightIcon__KM5Cs {
  font-size: 12px;
  margin-left: 20px;
}
.style_nodeContainer__kXr4u .style_text__Hd_gs {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_nodeContainer__kXr4u .style_text__Hd_gs.style_rightText__kCcGG {
  margin-left: 10px;
}
.style_nodeContainer__kXr4u .style_budget__hNwWy {
  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__8grI9 {
  position: relative;
  background-color: var(--lowestBg);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.style_formPreviewer__8grI9 .style_scrollContainer__WFrwU {
  padding: 16px 16px 24px;
  width: 310px;
  height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.style_formPreviewer__8grI9 .style_panelTitleDesc__dtzXW {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_formPreviewer__8grI9 .style_panelTitle__eBPDL {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm {
  margin: 32px 0 48px;
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm .style_formField__T_CdT {
  margin-bottom: 24px;
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm .style_formField__T_CdT .style_title__4h008 {
  position: relative;
  font-size: 13px;
  margin-bottom: 8px;
  color: var(--firstLevelText);
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm .style_formField__T_CdT .style_title__4h008[data-required="true"]::before {
  content: "*";
  font-size: 14px;
  color: var(--red_500);
  position: absolute;
  left: -8px;
  font-family: "Segoe UI Symbol";
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm .formDisplayItem {
  height: 32px;
  min-height: 32px;
  background-color: var(--defaultBg);
}
.style_formPreviewer__8grI9 .style_panelContent__FgBrm .optionFieldTag {
  max-width: 240px !important;
}
.style_formPreviewer__8grI9 .style_panelFooter__1lEWO {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding: 0 40px;
  width: 100%;
  text-align: center;
}
.style_formPreviewerMobile__0zsqR {
  height: 100%;
}
.style_formPreviewerMobile__0zsqR .style_scrollContainer__WFrwU {
  padding: 24px;
  width: 100%;
  height: 100%;
}
.style_formPreviewerMobile__0zsqR .style_scrollContainer__WFrwU .formDisplayItem {
  height: 48px;
  min-height: 48px;
}
.style_formPreviewerMobile__0zsqR .style_scrollContainer__WFrwU .optionFieldTag {
  max-width: calc(100vw - 80px) !important;
}
.style_widgetList__pS08t {
  position: relative;
  width: 224px;
  background: var(--bgCommonLower);
  padding: 16px;
  height: 80vh;
  display: flex;
  flex-direction: column;
}
.style_widgetList__pS08t h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 16px;
}
.style_widgetList__pS08t .style_widgetListWrap__NxYLA {
  position: relative;
  flex: 1;
}
.style_widgetList__pS08t .style_scroll__W8Otf {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: auto;
  height: 100%;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr {
  width: 194px;
  background: var(--defaultBg);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 8px;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr h4 {
  font-weight: normal;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr .style_checked__6KmuH {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 4px;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr .style_checked__6KmuH svg {
  position: absolute;
  top: 0;
  right: 0;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr.style_selected__wDdHu {
  border-color: var(--primaryColor);
}
.style_widgetList__pS08t .style_widgetItem__WxzNr.style_selected__wDdHu .style_checked__6KmuH {
  display: block;
}
.style_widgetList__pS08t .style_widgetItem__WxzNr .style_widgetIconBox__zvKZT {
  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__eL2JF {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.style_emptyTipWrap__NM6t_ {
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.style_emptyTipWrap__NM6t_ .style_img__iKlNS {
  width: 180px;
}
.style_emptyTipWrap__NM6t_ .style_emptyTip__jUznz {
  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__YOzCC {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect___HCi5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__goNe_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__goNe_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__goNe_ ul::-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__goNe_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__goNe_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__goNe_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__goNe_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__goNe_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__goNe_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Cg9Jh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__D0olZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5iIKf .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5iIKf .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5iIKf .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__5iIKf .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__5iIKf .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5iIKf .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5iIKf .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5iIKf .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5iIKf .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5iIKf .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5iIKf .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5iIKf .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__5iIKf .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5iIKf .editBgColor::before,
.style_tree__5iIKf .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5iIKf .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5iIKf .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5iIKf .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__5iIKf .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5iIKf .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5iIKf .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5iIKf .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5iIKf .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5iIKf .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__nfz8l .ant-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__nfz8l .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__nfz8l .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__nfz8l .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___ttvV .ant-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___ttvV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___ttvV .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___ttvV .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___ttvV .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___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___ttvV .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__K15Ff::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__K15Ff::-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__K15Ff:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4xgyM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4xgyM::-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__4xgyM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__gWfif {
  position: relative;
  width: 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__j4kDw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__j4kDw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__j4kDw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__j4kDw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__j4kDw {
    flex: 0 0 100%;
  }
}
.style_filterInput__dIxm6 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_container__bwiuK {
  background: var(--bgCommonHighest);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.style_searchPanel__XrPgv {
  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__XrPgv.style_searchPanelLeft__HGvre {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanel__XrPgv .style_narrowBtn__cCYE1 {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanel__XrPgv .style_searchPanelTitle___5888 {
  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__XrPgv .style_searchPanelTitle___5888 .style_helpBtn__cqk4P {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanel__XrPgv .style_folderBreadItem__rgHxf:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanel__XrPgv .style_searchResult__n9tQd {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanel__XrPgv .style_searchResult__n9tQd::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanel__XrPgv .style_searchResult__n9tQd::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanel__XrPgv .style_searchResult__n9tQd::-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__XrPgv .style_searchResult__n9tQd:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanel__XrPgv .style_searchResult__n9tQd .style_nodeTitle__oNRK9 {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanel__XrPgv .style_searchEmpty__cTqm2 {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanel__XrPgv .style_searchEmpty__cTqm2 .style_emptyImage__cWI0q {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanel__XrPgv .style_searchEmpty__cTqm2 .style_emptyText__NZbXN {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanel__XrPgv .style_searchEmpty__cTqm2 .style_emptyText__NZbXN span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanel__XrPgv .style_folderContent__DVITp {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanel__XrPgv .style_breadCrumb__wp04R {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanel__XrPgv .style_breadCrumb__wp04R .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanel__XrPgv .style_breadCrumb__wp04R .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanel__XrPgv .style_breadCrumb__wp04R .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanel__XrPgv .style_breadCrumb__wp04R .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanel__XrPgv .style_loading__jrJOy {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanel__XrPgv .style_emptyFolder__wgzK9 .style_emptyImg__G0Gl6 {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanel__XrPgv .style_emptyFolder__wgzK9 p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__wK_0T .style_searchPanel__XrPgv {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__wjh98 {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__wjh98 button {
  margin-left: 8px;
}
.style_chatbotCreateButtonGroupFooter__T6yIG {
  display: flex;
  justify-content: flex-end;
  padding: 16px 16px 16px 0;
}
.style_chatbotCreateButtonGroupFooter__T6yIG button {
  margin-left: 8px;
}

.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__QJWZ6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__JFsE6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__A5mCT ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__A5mCT ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__A5mCT ul::-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__A5mCT ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__A5mCT li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__A5mCT .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__A5mCT .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__A5mCT .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__A5mCT .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__pdjoG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__f_9y9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5INSk .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5INSk .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5INSk .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__5INSk .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__5INSk .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5INSk .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5INSk .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5INSk .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5INSk .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5INSk .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5INSk .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5INSk .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__5INSk .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5INSk .editBgColor::before,
.style_tree__5INSk .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5INSk .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5INSk .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5INSk .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__5INSk .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5INSk .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5INSk .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5INSk .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5INSk .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5INSk .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__10_b7 .ant-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__10_b7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__10_b7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__10_b7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__1iEUc .ant-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__1iEUc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__1iEUc .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__1iEUc .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1iEUc .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__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__1iEUc .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__rWscu::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__rWscu::-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__rWscu:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4pGVq::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4pGVq::-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__4pGVq:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__7bbxa {
  position: relative;
  width: 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__2KpRa {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2KpRa {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2KpRa {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2KpRa {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2KpRa {
    flex: 0 0 100%;
  }
}
.style_filterInput__4nrW1 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_historyDetailList__2ZUEs > div {
  margin-bottom: 8px;
}
.style_historyDetailList__2ZUEs > div:last-child {
  margin-bottom: 0;
}
.style_arrowIcon__roKGV {
  transition: transform 0.3s;
  cursor: pointer;
}
.style_arrowIcon__roKGV.style_rotated__ygiPi {
  transform: rotate(180deg);
}
.style_dropIcon__eXCCE {
  vertical-align: middle;
}
.style_historyTitle__fCAew 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__KZFzq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__pKnO9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__p49GQ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__p49GQ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__p49GQ ul::-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__p49GQ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__p49GQ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__p49GQ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__p49GQ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__p49GQ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__p49GQ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__NOy7J {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__eSWHX {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__pufvS .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__pufvS .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__pufvS .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__pufvS .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__pufvS .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__pufvS .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__pufvS .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__pufvS .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__pufvS .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__pufvS .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__pufvS .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__pufvS .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__pufvS .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__pufvS .editBgColor::before,
.style_tree__pufvS .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__pufvS .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__pufvS .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__pufvS .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__pufvS .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__pufvS .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__pufvS .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__pufvS .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__pufvS .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__pufvS .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__3HNVv .ant-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__3HNVv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__3HNVv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__3HNVv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Y2z5y .ant-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__Y2z5y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Y2z5y .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__Y2z5y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Y2z5y .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__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Y2z5y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__I_Mqd::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__I_Mqd::-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__I_Mqd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__f2_ky::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__f2_ky::-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__f2_ky:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__KxQST {
  position: relative;
  width: 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__l9L63 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__l9L63 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__l9L63 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__l9L63 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__l9L63 {
    flex: 0 0 100%;
  }
}
.style_filterInput__hLKZG {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
: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__0dSBP {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}
.style_dataspace__0dSBP .style_Pane2__LiUja:first-child {
  overflow: hidden;
}
.style_dataspace__0dSBP .style_splitRight__j_gdW {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p {
  height: 100%;
  position: relative;
  background-color: #fff;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_menuWrap__ihNnZ {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  transition: width 0.2s;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_menuWrap__ihNnZ.style_animationOpen__U91lo {
  box-shadow: var(--shadowSideRightHigh);
  z-index: var(--splitMenuContent);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_menuWrap__ihNnZ.style_animationClose__iGICL {
  animation: style_animationClose__iGICL 0.5s ease-in-out;
  opacity: 0;
  transition-delay: 0.51s;
  overflow: hidden;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_menuWrap__ihNnZ.style_animationClose__iGICL > div:first-child {
  width: 0;
  overflow: hidden;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_wrapper__GLlgO {
  height: 100%;
  overflow: hidden;
  flex: 1;
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f {
  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__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f svg {
  fill: var(--thirdLevelText);
  pointer-events: none;
  transform: translateX(-1px);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f:hover {
  border-color: var(--primaryColor);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f:hover svg {
  fill: var(--primaryColor);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f.style_isPanelClose__hQQ31 {
  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__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f.style_isPanelClose__hQQ31 svg {
  fill: var(--primaryColor);
  pointer-events: none;
  transform: translateX(1px);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f.style_isPanelClose__hQQ31:hover {
  box-shadow: 0px 1px 6px 0px rgba(123, 103, 238, 0.4);
  background-color: var(--primaryColor);
}
.style_dataspace__0dSBP .style_splitLeft__WQk9p .style_closeBtn__BHd0f.style_isPanelClose__hQQ31:hover svg {
  fill: var(--staticWhite0);
}
.style_dataspace__0dSBP .ant-modal-header {
  display: none !important;
}
@keyframes style_animationClose__iGICL {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.style_nickNameWrapper__ogzWo form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_nickNameWrapper__ogzWo .style_nickNameImg__5wLnk {
  width: 210px;
  margin: 0 auto;
}
.style_nickNameWrapper__ogzWo .style_nickNameImg__5wLnk img {
  width: 100%;
}
.style_nickNameWrapper__ogzWo .style_err__Aj_tS {
  width: 330px;
  font-size: 12px;
  color: var(--errorColor);
  margin-top: 8px;
  height: 12px;
  line-height: 12px;
}
.style_nickNameWrapper__ogzWo .style_tip__KFCnE {
  text-align: center;
  color: var(--firstLevelText);
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0 50px 0;
}
.style_nickNameWrapper__ogzWo .style_nickName__EF9o1,
.style_nickNameWrapper__ogzWo .style_submit__6gpHZ {
  width: 330px;
  height: 50px;
}
.style_nickNameWrapper__ogzWo .style_submit__6gpHZ {
  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__wjTHE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UJkn6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__qd04f ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__qd04f ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__qd04f ul::-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__qd04f ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__qd04f li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__qd04f .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__qd04f .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__qd04f .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__qd04f .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__nWnpe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__iwAWk {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__5XgH3 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__5XgH3 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__5XgH3 .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__5XgH3 .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__5XgH3 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__5XgH3 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__5XgH3 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__5XgH3 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__5XgH3 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__5XgH3 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__5XgH3 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__5XgH3 .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__5XgH3 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__5XgH3 .editBgColor::before,
.style_tree__5XgH3 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__5XgH3 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__5XgH3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__5XgH3 .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__5XgH3 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__5XgH3 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__5XgH3 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__5XgH3 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__5XgH3 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__5XgH3 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__PphVq .ant-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__PphVq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__PphVq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__PphVq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__j4yFT .ant-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__j4yFT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__j4yFT .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__j4yFT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__j4yFT .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__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__j4yFT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ijTrt::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ijTrt::-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__ijTrt:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__EKpi3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__EKpi3::-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__EKpi3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__5aYLe {
  position: relative;
  width: 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__zHa4O {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__zHa4O {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__zHa4O {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__zHa4O {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__zHa4O {
    flex: 0 0 100%;
  }
}
.style_filterInput__4J5sO {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_numberEditorDisabled__Sl_JJ {
  cursor: not-allowed;
  opacity: 0.5;
}
.style_numberEditor__oLQRK {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-radius: 1px;
}
.style_numberEditor__oLQRK .style_numberInput__Fhk_w {
  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__oLQRK .style_numberInput__Fhk_w {
    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__mwQoa {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__moZDh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__snUev ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__snUev ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__snUev ul::-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__snUev ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__snUev li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__snUev .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__snUev .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__snUev .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__snUev .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__QB9_g {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__jvixV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__2_Fi1 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__2_Fi1 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__2_Fi1 .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__2_Fi1 .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__2_Fi1 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__2_Fi1 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__2_Fi1 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__2_Fi1 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__2_Fi1 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__2_Fi1 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__2_Fi1 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__2_Fi1 .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__2_Fi1 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__2_Fi1 .editBgColor::before,
.style_tree__2_Fi1 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__2_Fi1 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__2_Fi1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__2_Fi1 .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__2_Fi1 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__2_Fi1 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__2_Fi1 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__2_Fi1 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__2_Fi1 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__2_Fi1 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__uOqu4 .ant-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__uOqu4 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__uOqu4 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__uOqu4 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__nt0GR .ant-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__nt0GR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__nt0GR .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__nt0GR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nt0GR .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__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__nt0GR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__CGUnD::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__CGUnD::-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__CGUnD:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__O71iE::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__O71iE::-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__O71iE:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__nzkmj {
  position: relative;
  width: 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__D6qMi {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__D6qMi {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__D6qMi {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__D6qMi {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__D6qMi {
    flex: 0 0 100%;
  }
}
.style_filterInput__1x3md {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_filterValue__zE8bJ {
  flex: 1;
  width: 0;
  height: 40px;
  margin-right: 8px;
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_filterValue__zE8bJ input {
  color: var(--textCommonPrimary);
}
.style_filterValue__zE8bJ .style_inputContainer__iyEdT {
  height: 100%;
}
.style_filterValue__zE8bJ .style_inputContainer__iyEdT .style_input__RILsN {
  border: none;
  background: var(--input-bg);
  height: 100%;
  flex: 1;
  width: 100%;
}
.style_filterValue__zE8bJ .style_inputContainer__iyEdT .style_input__RILsN:hover,
.style_filterValue__zE8bJ .style_inputContainer__iyEdT .style_input__RILsN:focus {
  outline: none;
  border: none;
}
.style_filterValue__zE8bJ .style_cascaderEditorContainer__NDzKw {
  background: var(--input-bg);
  border-radius: 4px;
}
.style_filterValue__zE8bJ .style_cascaderEditorContainer__NDzKw .mobileCascaderText {
  line-height: 38px;
  padding-left: 8px;
}
.style_filterValue__zE8bJ .style_cascaderEditorContainer__NDzKw .ant-select-selector .ant-select-selection-item {
  line-height: 38px !important;
}
.style_filterValue__zE8bJ .numberEditorInput {
  min-height: 40px;
}
.style_select__awRw2 {
  height: 100%;
  background: var(--input-bg);
  padding: 8px 10px 8px 0;
  position: relative;
  border-radius: 4px;
}
.style_select__awRw2 > div:last-child {
  position: unset;
}
.style_select__awRw2 .style_displayBox__rMqdz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  cursor: pointer;
}
.style_select__awRw2 .style_displayBox__rMqdz.style_disabled__dqtwb {
  cursor: not-allowed;
  opacity: 0.5;
}
.style_select__awRw2 .style_displayBox__rMqdz .style_content__EDfnL {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_select__awRw2 .style_displayBox__rMqdz .style_content__EDfnL .style_items__xOQcI {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_select__awRw2 .style_displayBox__rMqdz .style_iconArrow__fzKcj {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.style_select__awRw2 .style_displayBox__rMqdz .style_placeholder__wuz_o {
  color: #9FA1BB;
  font-size: 13px;
  margin-left: 8px;
}
.style_select__awRw2 .style_selectList__hrACR {
  top: 36px;
  left: 0;
  max-height: 500px;
  overflow-y: auto;
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
}
.style_select__awRw2 .style_selectList__hrACR::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_select__awRw2 .style_selectList__hrACR::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_select__awRw2 .style_selectList__hrACR::-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__awRw2 .style_selectList__hrACR:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_filterDate__cK_zt {
  display: flex;
  align-items: center;
}
.style_filterDate__cK_zt > div:nth-child(1) {
  margin-right: 10px;
}
.style_filterDate__cK_zt > div:nth-child(2) {
  box-shadow: none;
}
.style_filterDate__cK_zt > div:nth-child(2) input {
  background: var(--input-bg);
  border-radius: 4px;
  height: 100%;
  line-height: 40px;
  width: 100%;
  padding-left: 8px;
}
.style_filterDate__cK_zt:focus {
  outline: none !important;
  border: none !important;
}
.style_numberContainer__uXWnT {
  height: 100%;
}
.style_numberContainer__uXWnT > div {
  width: 100%;
  box-shadow: none;
}
.style_numberContainer__uXWnT > div input {
  background: var(--input-bg) !important;
  border-radius: 4px;
  height: 100% !important;
  line-height: 100% !important;
}
.style_numberContainer__uXWnT > 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__uXWnT > div input:focus {
    -webkit-appearance: none;
            appearance: none;
  }
}
.style_ratingContainer__t_Ki9 {
  background: var(--input-bg);
  border-radius: 4px;
  height: 100%;
  padding-top: 4px;
}
.style_checkboxContainer__D8qpu {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--input-bg);
  border-radius: 4px;
  height: 40px;
  max-height: 100%;
}
.style_option__NfEMm > div {
  flex-wrap: nowrap !important;
  align-self: auto;
}
.style_dataDuration__dzUim {
  width: 104px;
  height: 38px !important;
  background: var(--input-bg) !important;
}
.style_dataDuration__dzUim > div {
  border: none !important;
}
.style_dataDuration__dzUim > div:focus {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_dataDuration__dzUim > div > div {
  line-height: 100% !important;
}
.style_dataDuration__dzUim > div > div svg {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .style_cascaderEditorContainer__NDzKw {
    min-height: 48px;
  }
  .style_ratingContainer__t_Ki9 {
    padding-top: 0;
  }
  .style_filterValue__zE8bJ {
    width: 100%;
    height: 48px;
    margin: 0;
    margin-top: 8px;
  }
  .style_filterValue__zE8bJ .style_select__awRw2 {
    height: 100%;
  }
  .style_filterValue__zE8bJ .numberEditorInput {
    min-height: 48px;
  }
  .style_filterDate__cK_zt {
    height: 100%;
  }
  .style_checkboxContainer__D8qpu {
    height: 100%;
  }
  .style_wrapper__SFyvZ {
    height: 100%;
    background: var(--input-bg);
    border-radius: 4px;
    display: flex;
    align-items: center;
    flex: 1;
  }
  .style_wrapper__SFyvZ .pickerChildrenWrapper {
    padding-right: 12px;
  }
  .style_wrapper__SFyvZ .pickerChildrenWrapper > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.style_dateRange__xqpm2 {
  background: var(--lowestBg) !important;
  border: none !important;
  height: 40px !important;
  width: 220px;
  padding: 0 8px;
}
.style_dateRange__xqpm2 .ant-picker-input input {
  padding-left: 0 !important;
}
.style_dateRange__xqpm2 .ant-picker-input input::-webkit-input-placeholder {
  color: var(--thirdLevelText) !important;
}
.style_mobileRangePicker__3x1Yn {
  display: flex;
  width: 220px;
}

: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__npybB {
  width: 100% !important;
}
.styles_cascaderDisbaled__tgojm {
  opacity: 0.5;
  cursor: not-allowed;
}
.styles_search__dha6X .ant-cascader-menu-item {
  width: auto;
}
.styles_search__dha6X .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: var(--primaryColor);
  font-weight: bold;
}
.styles_mobileCascaderText__ySKmp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 4px;
  width: 100%;
}
.styles_cascaderHeader__3Idwb {
  display: flex;
}
.styles_cascaderHeader__3Idwb .styles_cascaderHeaderItem__AL7nO {
  width: 160px;
  padding-left: 14px;
  line-height: 32px;
  font-weight: bold;
}
.styles_closeBtn__mRmSu svg {
  fill: var(--textCommonTertiary);
}
.styles_closeBtn__mRmSu:hover {
  background-color: var(--bgBglessHover) !important;
}
.styles_closeBtn__mRmSu:active {
  background-color: var(--bgBglessActive) !important;
}
.styles_emptyPlaceholder__WvfTh {
  text-align: center;
  padding: 32px 16px;
}
.styles_emptyPlaceholder__WvfTh .styles_img___Ru9s {
  width: 160px;
  height: 120px;
}
.styles_emptyPlaceholder__WvfTh .styles_title__GtrXJ {
  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__8HOau {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__RfKpk {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__a0lcq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__a0lcq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__a0lcq ul::-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__a0lcq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__a0lcq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__a0lcq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__a0lcq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__a0lcq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__a0lcq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ie6Lj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__i7dDG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__La_RD .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__La_RD .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__La_RD .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__La_RD .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__La_RD .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__La_RD .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__La_RD .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__La_RD .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__La_RD .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__La_RD .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__La_RD .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__La_RD .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__La_RD .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__La_RD .editBgColor::before,
.style_tree__La_RD .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__La_RD .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__La_RD .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__La_RD .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__La_RD .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__La_RD .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__La_RD .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__La_RD .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__La_RD .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__La_RD .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__YXZNW .ant-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__YXZNW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__YXZNW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__YXZNW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__CKAVh .ant-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__CKAVh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__CKAVh .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__CKAVh .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CKAVh .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__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__CKAVh .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__BYebU::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__BYebU::-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__BYebU:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__wN9ng::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__wN9ng::-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__wN9ng:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__NDO_0 {
  position: relative;
  width: 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__RqHGH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RqHGH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RqHGH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RqHGH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RqHGH {
    flex: 0 0 100%;
  }
}
.style_filterInput__1W255 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  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_editorContainer__QhiCL {
  position: absolute;
  z-index: var(--container);
  background: var(--defaultBg);
}
.style_editorContainer__QhiCL .expandWorkdoc {
  background: var(--defaultBg);
  border-top: 0.5px solid var(--primaryColor);
}
.style_editorContainer__QhiCL .expandWorkdoc .workdocBtn {
  padding: 2px 10px;
}
.style_focusHolder__H1neS {
  width: 0;
  height: 1;
  border: none;
  outline: none;
  padding: 0;
  box-shadow: none;
  overflow: hidden;
}
.style_popupWrapper__sYmGF .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__orYvc {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__EeJAS {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__dvgni ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__dvgni ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__dvgni ul::-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__dvgni ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__dvgni li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__dvgni .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__dvgni .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__dvgni .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__dvgni .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__qYFbA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WeNyu {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__eA_cN .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__eA_cN .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__eA_cN .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__eA_cN .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__eA_cN .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__eA_cN .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__eA_cN .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__eA_cN .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__eA_cN .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__eA_cN .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__eA_cN .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__eA_cN .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__eA_cN .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__eA_cN .editBgColor::before,
.style_tree__eA_cN .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__eA_cN .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__eA_cN .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__eA_cN .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__eA_cN .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__eA_cN .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__eA_cN .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__eA_cN .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__eA_cN .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__eA_cN .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__OaunJ .ant-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__OaunJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__OaunJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__OaunJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__1L3M8 .ant-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__1L3M8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__1L3M8 .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__1L3M8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1L3M8 .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__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__1L3M8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__JcL17::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__JcL17::-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__JcL17:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__0_qc3::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__0_qc3::-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_qc3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__qkvPt {
  position: relative;
  width: 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__scHa8 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__scHa8 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__scHa8 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__scHa8 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__scHa8 {
    flex: 0 0 100%;
  }
}
.style_filterInput__o0ay7 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_checkboxBase__QkmHJ {
  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__0ICKU {
  opacity: 0.2;
}
.style_iconContainer__3RtJ0 {
  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_antiEllipsis__ArhWG {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__qPIe3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__n8wsU ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__n8wsU ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__n8wsU ul::-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__n8wsU ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__n8wsU li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__n8wsU .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__n8wsU .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__n8wsU .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__n8wsU .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__QuwqT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__5L4fa {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__hLlsm .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__hLlsm .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__hLlsm .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__hLlsm .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__hLlsm .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__hLlsm .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__hLlsm .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__hLlsm .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__hLlsm .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__hLlsm .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__hLlsm .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__hLlsm .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__hLlsm .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__hLlsm .editBgColor::before,
.style_tree__hLlsm .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__hLlsm .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__hLlsm .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__hLlsm .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__hLlsm .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__hLlsm .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__hLlsm .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__hLlsm .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__hLlsm .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__hLlsm .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__4Lmlw .ant-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__4Lmlw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__4Lmlw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__4Lmlw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__YXDhg .ant-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__YXDhg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__YXDhg .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__YXDhg .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__YXDhg .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__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__YXDhg .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1cdRm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1cdRm::-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__1cdRm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__tweg6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__tweg6::-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__tweg6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__H4dku {
  position: relative;
  width: 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__MlHWy {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MlHWy {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MlHWy {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MlHWy {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MlHWy {
    flex: 0 0 100%;
  }
}
.style_filterInput__GfMRG {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mobileDatePicker__3OR6T {
  position: relative;
}
.style_mobileDatePicker__3OR6T .style_alarm__YI0lI {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.style_mobileDatePicker__3OR6T .style_alarm__YI0lI .style_alarmTime__vzFG_ {
  color: var(--primaryColor);
  padding-left: 4px;
}
.style_datePicker__9TG0v {
  border-radius: 16px 16px 0 0;
}
.style_datePicker__9TG0v .am-picker {
  background-color: var(--lowestBg);
  padding-top: 16px;
}
.style_datePicker__9TG0v .am-picker-popup-item {
  -webkit-user-select: none;
          user-select: none;
  color: var(--secondLevelText);
  font-size: 15px;
  height: 56px;
}
.style_datePicker__9TG0v .am-picker-popup-item:active {
  color: var(--firstLevelText);
}
.style_datePicker__9TG0v .am-picker-popup-item.am-picker-popup-header-right {
  color: var(--primaryColor);
}
.style_datePicker__9TG0v .am-picker-popup-header-left.am-picker-popup-item-active,
.style_datePicker__9TG0v .am-picker-popup-header-right.am-picker-popup-item-active {
  border-radius: none;
  background: none;
}
.style_datePicker__9TG0v .am-picker-popup-title {
  color: var(--primaryColor);
  height: 56px;
}
.style_datePicker__9TG0v .am-picker-col:first-child {
  border-radius: 16px 0 0 16px;
}
.style_datePicker__9TG0v .am-picker-col:last-child {
  border-radius: 0 16px 16px 0;
}
.style_datePicker__9TG0v .am-picker-col-item {
  font-size: 15px;
}
.style_datePicker__9TG0v .am-picker-col-indicator::before,
.style_datePicker__9TG0v .am-picker-col-indicator::after {
  background: unset !important;
}
.style_backToNow__n6hKD {
  color: var(--secondLevelText);
  position: absolute;
  right: 76px;
  top: 12px;
}
.style_backToNow__n6hKD:active {
  color: var(--firstLevelText);
}
.style_pickerChildrenWrapper__ISm6G {
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_pickerChildrenWrapper__ISm6G.style_disabled__dhLRB > * {
  opacity: 0.5;
}
.style_clear__wQRGs {
  position: absolute;
  left: 68px;
  top: 5px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: var(--secondLevelText);
}
.style_clear__wQRGs: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__gawSu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__FwnxZ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Yrt8K ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Yrt8K ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Yrt8K ul::-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__Yrt8K ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Yrt8K li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Yrt8K .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Yrt8K .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Yrt8K .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Yrt8K .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__2d56u {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__vMmDn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__YbiiO .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__YbiiO .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__YbiiO .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__YbiiO .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__YbiiO .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__YbiiO .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__YbiiO .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__YbiiO .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__YbiiO .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__YbiiO .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__YbiiO .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__YbiiO .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__YbiiO .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__YbiiO .editBgColor::before,
.style_tree__YbiiO .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__YbiiO .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__YbiiO .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__YbiiO .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__YbiiO .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__YbiiO .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__YbiiO .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__YbiiO .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__YbiiO .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__YbiiO .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__hozQr .ant-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__hozQr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__hozQr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__hozQr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__EbBt2 .ant-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__EbBt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__EbBt2 .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__EbBt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EbBt2 .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__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__EbBt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__FtTLn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__FtTLn::-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__FtTLn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Eqfis::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Eqfis::-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__Eqfis:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Ssp9y {
  position: relative;
  width: 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__w3F_T {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__w3F_T {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__w3F_T {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__w3F_T {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__w3F_T {
    flex: 0 0 100%;
  }
}
.style_filterInput__q7_mv {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_dateInputBase__ElGm6 {
  margin-right: 8px;
}
.style_dateInputBase__ElGm6.style_only__aBng0 {
  width: 100%;
}
.style_dateInputSplitBySlash__zOFMM {
  margin-right: 8px;
}
.style_dateInputSplitBySlash__zOFMM.style_only__aBng0 {
  width: 100%;
}
.style_dateInputSplitByDash__omaXM {
  margin-right: 8px;
  width: 89px;
}
.style_dateInputSplitByDash__omaXM.style_only__aBng0 {
  width: 100%;
}
.style_dateInputNoDayByDash__VdkWk {
  margin-right: 8px;
  width: 68px;
}
.style_dateInputNoDayByDash__VdkWk.style_only__aBng0 {
  width: 100%;
}
.style_dateInputNoYearByDash__yu4TL {
  margin-right: 8px;
  width: 56px;
}
.style_dateInputNoYearByDash__yu4TL.style_only__aBng0 {
  width: 100%;
}
.style_dateInputYear__XKVLi {
  margin-right: 8px;
  width: 46px;
}
.style_dateInputYear__XKVLi.style_only__aBng0 {
  width: 100%;
}
.style_dateInputMonth___ktJS {
  margin-right: 8px;
  width: 28px;
}
.style_dateInputMonth___ktJS.style_only__aBng0 {
  width: 100%;
}
.style_dateInputDay__rVDiv {
  margin-right: 8px;
  width: 28px;
}
.style_dateInputDay__rVDiv.style_only__aBng0 {
  width: 100%;
}
.style_timeInput__vobqO {
  width: 42px !important;
}
.style_timeInput__vobqO input {
  padding-right: 0 !important;
}
.style_abbr__RCKgF {
  color: var(--fc1);
}
.style_dateEditor__srNLN {
  position: relative;
  box-sizing: border-box;
  border-radius: 1px;
  display: flex;
  justify-content: flex-start;
  background: transparent;
}
.style_dateEditor__srNLN 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__srNLN input[disabled] {
  color: var(--thirdLevelText) !important;
  cursor: not-allowed;
}
.style_dateEditor__srNLN input.cp-calendar-picker-input {
  padding-right: 0;
}
.style_dateEditor__srNLN input.cp-calendar-picker-input::-webkit-input-placeholder {
  color: var(--thirdLevelText) !important;
}
.style_dateEditor__srNLN input.cp-time-picker-input {
  padding-left: 0;
}
.style_dateWrapper__y6mx3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_dateWrapper__y6mx3 .style_dateContent__XyBgt {
  display: flex;
  flex: auto;
  align-items: center;
}
.style_dateWrapper__y6mx3 .style_limitDateWidth__bzmad .cp-calendar-picker {
  max-width: 90px;
}
.style_dateWrapper__y6mx3 .style_alarm__YeAHz {
  margin-right: 8px;
  display: flex;
}
.style_disabled__6bsYv input {
  background: transparent;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__s1Yvs {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__NP6sW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__ZF_jI ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__ZF_jI ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__ZF_jI ul::-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__ZF_jI ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__ZF_jI li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__ZF_jI .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__ZF_jI .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__ZF_jI .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__ZF_jI .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___cT1a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MRaqV {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__fu3PM .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__fu3PM .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__fu3PM .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__fu3PM .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__fu3PM .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__fu3PM .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__fu3PM .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__fu3PM .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__fu3PM .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__fu3PM .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__fu3PM .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__fu3PM .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__fu3PM .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__fu3PM .editBgColor::before,
.style_tree__fu3PM .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__fu3PM .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__fu3PM .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__fu3PM .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__fu3PM .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__fu3PM .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__fu3PM .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__fu3PM .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__fu3PM .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__fu3PM .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eY1tm .ant-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__eY1tm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__eY1tm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eY1tm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__WE7cN .ant-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__WE7cN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__WE7cN .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__WE7cN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WE7cN .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__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__WE7cN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__C1mwF::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__C1mwF::-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__C1mwF:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__9uEMM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__9uEMM::-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__9uEMM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__gle_A {
  position: relative;
  width: 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__LhXOC {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__LhXOC {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__LhXOC {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__LhXOC {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__LhXOC {
    flex: 0 0 100%;
  }
}
.style_filterInput__hWIIA {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_customSelect__pZaPJ:focus {
  outline: none !important;
  border: none !important;
}
.style_customSelect__pZaPJ > div {
  border: none !important;
  background-color: var(--rowSelectedBg);
}
.style_customSelect__pZaPJ > div input {
  height: 100% !important;
}
@media (any-hover: hover) {
  .style_customSelect__pZaPJ > div:focus {
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
  }
}
.style_customSelect__pZaPJ > div > div {
  font-size: 13px !important;
}
.style_customSelect__pZaPJ > div > div svg {
  display: none;
}
.style_customSelect__pZaPJ .ant-select-arrow {
  margin-top: -8px;
}
.style_dropdown__uOIVd ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_dropdown__uOIVd ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_dropdown__uOIVd ul::-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__uOIVd ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_dropdown__uOIVd li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_dropdown__uOIVd .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_dropdown__uOIVd .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_dropdown__uOIVd .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_dropdown__uOIVd .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2 {
  height: 48px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2 .style_fieldItem__wrtrs {
  display: flex;
  align-items: center;
  width: 100%;
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2 .style_fieldItem__wrtrs .style_fieldName__uEslQ {
  color: var(--firstLevelText);
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2.style_active__gNUaX .style_fieldName__uEslQ {
  color: var(--primaryColor);
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2.style_active__gNUaX svg:first-child {
  fill: var(--primaryColor);
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2.style_disabled__yhudy .style_fieldName__uEslQ {
  color: var(--fourthLevelText);
}
.style_optionsListMenu__hXnic .style_optionItem__YToD2.style_disabled__yhudy svg:first-child {
  fill: var(--fourthLevelText);
}
.style_mobileSelect__HEDhY {
  z-index: 9999;
}
.style_trigger__KGCV1 {
  height: 48px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.style_outerTrigger__CihwD.style_disabled__yhudy span,
.style_trigger__KGCV1.style_disabled__yhudy span {
  opacity: 0.5;
}
.style_outerTrigger__CihwD.style_disabled__yhudy svg,
.style_trigger__KGCV1.style_disabled__yhudy svg {
  opacity: 0.5;
}
.style_outerTrigger__CihwD span,
.style_trigger__KGCV1 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_outerTrigger__CihwD svg,
.style_trigger__KGCV1 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_antiEllipsis__gnBeJ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__pj75Q {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NQjX_ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NQjX_ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NQjX_ ul::-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__NQjX_ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NQjX_ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NQjX_ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NQjX_ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NQjX_ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NQjX_ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__4bhDA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___DA1A {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Kkxtn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Kkxtn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Kkxtn .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__Kkxtn .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__Kkxtn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Kkxtn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Kkxtn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Kkxtn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Kkxtn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Kkxtn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Kkxtn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Kkxtn .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__Kkxtn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Kkxtn .editBgColor::before,
.style_tree__Kkxtn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Kkxtn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Kkxtn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Kkxtn .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__Kkxtn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Kkxtn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Kkxtn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Kkxtn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Kkxtn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Kkxtn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__RNXYF .ant-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__RNXYF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__RNXYF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__RNXYF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__rJQ3m .ant-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__rJQ3m .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__rJQ3m .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__rJQ3m .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rJQ3m .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__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__rJQ3m .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Bm9BR::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Bm9BR::-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__Bm9BR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__dPoEY::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__dPoEY::-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__dPoEY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__aQNIJ {
  position: relative;
  width: 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__7Sabs {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__7Sabs {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__7Sabs {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__7Sabs {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__7Sabs {
    flex: 0 0 100%;
  }
}
.style_filterInput__b_fzU {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_linkEditorPortalContainer__KKzKJ {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: var(--linkEditorZIndex);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
}
.style_linkCard__8CP1s {
  width: 540px;
  height: 630px;
  background: var(--highBg);
  box-shadow: var(--shadowCommonHigh);
  border-radius: 8px;
  padding-top: 24px;
  overflow: hidden;
  position: relative;
}
.style_linkCard__8CP1s.style_rightLayout__I5tCn {
  transform: translateX(50%);
}
.style_linkCard__8CP1s .style_iconClose__pALKc {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_linkCard__8CP1s .style_linkCardTitle__KKRcH {
  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__8CP1s .style_addRecord___8hVO {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  padding-top: 6px;
  border-top: solid 1px var(--lineColor);
}
.style_linkCard__8CP1s .style_addRecord___8hVO.style_active__a7VPp button {
  color: var(--secondLevelText);
}
.style_linkCard__8CP1s .style_searchValue__3xGi6 {
  display: inline-block;
  max-width: 230px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_cardMiddle__tYdQY {
  height: 486px;
  position: relative;
  padding-top: 8px;
  overflow: hidden;
}
.style_cardMiddle__tYdQY .style_empty__RWszr {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_cardMiddle__tYdQY .style_empty__RWszr .style_text__w2fxS {
  text-align: center;
  color: var(--thirdLevelText);
  font-size: 13px;
  margin-top: 16px;
  margin-bottom: 32px;
}
.style_recordListContainer__tZs_0 {
  height: 100%;
  width: 100%;
  position: relative;
}
.style_recordListContainer__tZs_0 > div > div {
  overflow-y: scroll !important;
}
.style_recordListContainer__tZs_0 > div > div::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_recordListContainer__tZs_0 > div > div::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_recordListContainer__tZs_0 > 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__tZs_0 > div > div:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_recordListContainer__tZs_0 .style_selectWrapper__gJWY1 {
  margin: 1px 12px 7px 24px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.style_recordListContainer__tZs_0 .style_selectWrapper__gJWY1.style_selected__moUdc {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_recordListContainer__tZs_0 .style_selectWrapper__gJWY1.style_selected__moUdc::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__tZs_0 .style_selectWrapper__gJWY1.style_selected__moUdc::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__hGfxh {
  background: var(--defaultBg) !important;
  border-radius: 8px !important;
}
.style_cardHighlight__dboBC {
  background-color: var(--orange_100) !important;
}
.style_linkTitle__wrY4I {
  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__8CP1s {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
  }
  .style_linkCard__8CP1s.style_rightLayout__I5tCn {
    transform: none;
    display: flex;
    flex-direction: column;
  }
  .style_linkCard__8CP1s .style_addRecord___8hVO {
    background-color: var(--bgCommonDefault);
  }
  .style_linkTitle__wrY4I {
    max-width: 90px;
  }
  .style_cardMiddle__tYdQY {
    flex: 1;
    min-height: 308px;
  }
  .style_drawerPopup__WRds7 .ant-drawer-body {
    padding: 0 !important;
  }
  .style_iconClose__pALKc {
    background-color: var(--rowSelectedBg);
    border-radius: 50%;
  }
  .style_recordListContainer__tZs_0 .style_selectWrapper__gJWY1 {
    margin-right: 24px;
    margin-bottom: 8px;
  }
}
.style_loadingWrap__7KQCg {
  padding: 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__GhfO2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__EEUT_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6gXmG ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6gXmG ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6gXmG ul::-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__6gXmG ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6gXmG li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6gXmG .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6gXmG .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6gXmG .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6gXmG .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__48fBt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__rBDvx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__uGiR9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__uGiR9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__uGiR9 .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__uGiR9 .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__uGiR9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__uGiR9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__uGiR9 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__uGiR9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__uGiR9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__uGiR9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__uGiR9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__uGiR9 .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__uGiR9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__uGiR9 .editBgColor::before,
.style_tree__uGiR9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__uGiR9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__uGiR9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__uGiR9 .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__uGiR9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__uGiR9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__uGiR9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__uGiR9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__uGiR9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__uGiR9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__J_q51 .ant-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__J_q51 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__J_q51 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__J_q51 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__KADt2 .ant-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__KADt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__KADt2 .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__KADt2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__KADt2 .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__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__KADt2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Ibw7I::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Ibw7I::-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__Ibw7I:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__VPFkj::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__VPFkj::-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__VPFkj:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__38j35 {
  position: relative;
  width: 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__O5hAd {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__O5hAd {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__O5hAd {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__O5hAd {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__O5hAd {
    flex: 0 0 100%;
  }
}
.style_filterInput__VgO_7 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_desc__HrhoV {
  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__HrhoV p {
  margin: 0;
}
.style_start__oyA3R {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: pre;
}
.style_suffix__e3Gil {
  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__9JJ_j {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__xKUr8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__aP5o0 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__aP5o0 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__aP5o0 ul::-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__aP5o0 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__aP5o0 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__aP5o0 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__aP5o0 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__aP5o0 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__aP5o0 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__GwIZn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__qYHS9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__rVPhH .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__rVPhH .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__rVPhH .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__rVPhH .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__rVPhH .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__rVPhH .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__rVPhH .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__rVPhH .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__rVPhH .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__rVPhH .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__rVPhH .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__rVPhH .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__rVPhH .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__rVPhH .editBgColor::before,
.style_tree__rVPhH .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__rVPhH .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__rVPhH .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__rVPhH .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__rVPhH .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__rVPhH .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__rVPhH .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__rVPhH .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__rVPhH .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__rVPhH .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__KqWE6 .ant-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__KqWE6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__KqWE6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__KqWE6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___tAe_ .ant-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___tAe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___tAe_ .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___tAe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___tAe_ .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___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___tAe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__YSKw9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__YSKw9::-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__YSKw9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__w_dBX::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__w_dBX::-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__w_dBX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__02_n_ {
  position: relative;
  width: 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__qWcqP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__qWcqP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__qWcqP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__qWcqP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__qWcqP {
    flex: 0 0 100%;
  }
}
.style_filterInput__ENvGX {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_infoCard__euSoH {
  height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  line-height: normal;
  cursor: pointer;
}
.style_infoCard__euSoH .style_defaultContent__GKDIl {
  display: flex;
  align-items: center;
  flex: 1;
  width: 100%;
}
.style_infoCard__euSoH .style_avatar__john3,
.style_infoCard__euSoH .style_teamLogo__Yu551 {
  width: 34px;
  overflow: hidden;
  background-color: var(--primaryColor);
  margin-right: 10px;
}
.style_infoCard__euSoH .style_avatar__john3 {
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.style_infoCard__euSoH .style_teamLogo__Yu551 {
  border-radius: 4px;
  font-size: 18px;
  color: var(--defaultBg);
  text-align: center;
}
.style_infoCard__euSoH .highLight {
  color: var(--primaryColor) !important;
}
.style_infoCard__euSoH .style_text__UkIAO {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  justify-content: center;
  width: calc(100% - 44px);
  margin-left: 10px;
  position: relative;
}
.style_infoCard__euSoH .style_text__UkIAO .style_title__W4Q_V {
  font-size: 13px;
  line-height: 20px;
  color: var(--firstLevelText);
}
.style_infoCard__euSoH .style_text__UkIAO .style_description__HkcI_ {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--thirdLevelText);
}
.style_infoCard__euSoH .style_text__UkIAO .style_name__3ifqz {
  display: flex;
}
.style_infoCard__euSoH .style_text__UkIAO .style_name__3ifqz .style_title__W4Q_V {
  display: inline-block;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_infoCard__euSoH .style_text__UkIAO .style_name__3ifqz .style_token__HVMqG {
  display: flex;
  align-items: center;
}
.style_isLeave__mZ6vC {
  opacity: 0.5;
}

div.style_messageBody__5Wzns .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__5Wzns .ant-message-notice-content .ant-message-custom-content {
  padding: 0;
  flex-direction: column;
  gap: 16px;
}
div.style_messageBody__5Wzns .ant-message-notice-content .ant-message-custom-content svg {
  width: auto !important;
  height: auto !important;
}
div.style_messageBody__5Wzns .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%;
}

.createInviteModal_body__BlHfI {
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  max-height: 64dvh;
  overflow: visible;
  gap: 1.25rem;
}
.createInviteModal_bodyWithTabs__iLr_e {
  margin: 1.5rem 0;
}
.createInviteModal_mtsFont__JILgX {
  font-family: 'MTS Compact', sans-serif;
}
.createInviteModal_linkItem__h_O_s {
  background: var(--color-background-secondary);
}
.createInviteModal_linkItemCreating__xqcA0 {
  align-items: end;
}
.createInviteModal_linkItemInactive__kBa1_ {
  background: hsla(15, 89%, 45%, 0.07);
}
.createInviteModal_iconWrapper__ZZMur {
  display: flex;
  align-items: center;
  justify-content: center;
}
.createInviteModal_iconWrapper__ZZMur > svg {
  width: 100%;
  height: 100%;
}
.createInviteModal_inputWrapper__UjRJF input {
  background: var(--color-background-secondary-elevated);
}
.createInviteModal_borderStyle__5bhio {
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--adm-border-color);
}
.createInviteModal_buttonWrapper__oMtQs {
  flex-shrink: 0;
  padding-right: 2px;
}

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

.TeamTreeSelect_wrapper__LywFJ {
  position: relative;
  width: 100%;
}
.TeamTreeSelect_selector__qSw8l {
  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__qSw8l.TeamTreeSelect_disabled__drMcT {
  background: var(--bgCommonDisabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.TeamTreeSelect_selectorValue__k8RwZ {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  color: var(--textCommonPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TeamTreeSelect_selectorValue__k8RwZ.TeamTreeSelect_placeholder__Jqzq5 {
  color: var(--textCommonTertiary);
}
.TeamTreeSelect_arrow__uL8sV {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  color: var(--textCommonTertiary);
  transition: transform 0.2s ease;
}
.TeamTreeSelect_arrow__uL8sV.TeamTreeSelect_open__8doQ7 {
  transform: rotate(180deg);
}
.TeamTreeSelect_dropdown__MpQnE {
  background: var(--bgCommonDefault);
  border: 1px solid var(--borderCommonDefault);
  border-radius: 6px;
  max-height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.TeamTreeSelect_treeWrapper__4JG6w {
  flex: 1;
  overflow-y: auto;
  padding: 8px 12px;
}
.TeamTreeSelect_treeNode__CYgaw {
  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__CYgaw:hover {
  background-color: var(--bgControlsDefaultHover);
}
.TeamTreeSelect_treeNode__CYgaw.TeamTreeSelect_selected__jbeeM {
  background-color: var(--bgControlsDefaultHover);
  font-weight: 500;
}
.TeamTreeSelect_treeNode__CYgaw.TeamTreeSelect_disabled__drMcT {
  cursor: not-allowed;
  opacity: 0.5;
}
.TeamTreeSelect_treeNode__CYgaw.TeamTreeSelect_disabled__drMcT:hover {
  background-color: transparent;
}
.TeamTreeSelect_switcher___obst {
  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___obst.TeamTreeSelect_hasChildren__fVFQ_ {
  cursor: pointer;
}
.TeamTreeSelect_switcher___obst.TeamTreeSelect_expanded__bXKeN {
  transform: rotate(-180deg);
}
.TeamTreeSelect_title__ZQta_ {
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  color: var(--textCommonPrimary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.TeamTreeSelect_childrenWrapper__WagYA {
  display: block;
}
.TeamTreeSelect_footer__w0KMp {
  border-top: 1px solid var(--borderCommonDefault);
  padding: 8px 12px;
}
.TeamTreeSelect_overlay__aZNLP {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.TeamTreeSelect_mobileDropdown__VPdsl {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  max-height: 70vh;
  border-radius: 16px 16px 0 0;
  animation: TeamTreeSelect_slideUp__UcX4_ 0.25s ease-out;
}
@keyframes TeamTreeSelect_slideUp__UcX4_ {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.TeamTreeSelect_mobileHeader__zOtMM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--borderCommonDefault);
}
.TeamTreeSelect_mobileTitle__ZG9EX {
  font-size: 16px;
  font-weight: 500;
  color: var(--textCommonPrimary);
}
.TeamTreeSelect_mobileClose__MTTEt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: var(--textCommonSecondary);
}
.TeamTreeSelect_mobileClose__MTTEt:hover {
  color: var(--textCommonPrimary);
}

/**
* This file corresponds 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__W_9XU {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ezIC2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Pl7x1 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Pl7x1 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Pl7x1 ul::-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__Pl7x1 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Pl7x1 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Pl7x1 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Pl7x1 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Pl7x1 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Pl7x1 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__4ZcAX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__p7jpj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Wndjq .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Wndjq .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Wndjq .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__Wndjq .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__Wndjq .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Wndjq .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Wndjq .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Wndjq .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Wndjq .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Wndjq .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Wndjq .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Wndjq .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__Wndjq .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Wndjq .editBgColor::before,
.style_tree__Wndjq .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Wndjq .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Wndjq .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Wndjq .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__Wndjq .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Wndjq .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Wndjq .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Wndjq .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Wndjq .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Wndjq .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__OsOsp .ant-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__OsOsp .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__OsOsp .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__OsOsp .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__EZe3g .ant-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__EZe3g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__EZe3g .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__EZe3g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EZe3g .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__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__EZe3g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___jEvr::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___jEvr::-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___jEvr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__BzIdy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__BzIdy::-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__BzIdy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__TgYZH {
  position: relative;
  width: 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__H4fYK {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__H4fYK {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__H4fYK {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__H4fYK {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__H4fYK {
    flex: 0 0 100%;
  }
}
.style_filterInput__Byyi4 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_beforeUpload__eOGCK {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
}
.style_beforeUpload__eOGCK span {
  width: 100%;
  height: 100%;
}
.style_beforeUpload__eOGCK h2 {
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: var(--firstLevelText);
  margin-top: 20px;
  margin-bottom: 8px;
  font-weight: bold;
}
.style_beforeUpload__eOGCK h1 {
  height: 17px;
  font-size: 12px;
  line-height: 17px;
  color: var(--fc2) !important;
  margin-bottom: 8px;
}
.style_beforeUpload__eOGCK h1,
.style_beforeUpload__eOGCK h2,
.style_beforeUpload__eOGCK .style_fileInfo__9Oh6P {
  color: var(--firstLevelText);
}
.style_beforeUpload__eOGCK .style_fileInfo__9Oh6P {
  font-size: 15px;
  margin-top: 24px;
  text-align: left;
  width: 100%;
}
.style_beforeUpload__eOGCK .style_fileInfo__9Oh6P .style_downloadLink__vOL8Y {
  color: var(--primaryColor) !important;
}
.style_beforeUpload__eOGCK .style_fileInfo__9Oh6P a {
  color: var(--primaryColor) !important;
}
.style_beforeUpload__eOGCK .ant-upload {
  height: 308px;
  margin: 0;
}
.style_beforeUpload__eOGCK .ant-upload.ant-upload-drag {
  border-color: var(--shadowColor);
}
.style_beforeUpload__eOGCK .ant-upload.ant-upload-drag:hover {
  border-color: var(--shadowColor);
}
.style_processing__eTSxo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_processing__eTSxo .style_fileName__T12FX {
  font-size: 16px;
  color: var(--firstLevelText);
  text-align: center;
  font-weight: lighter;
  margin-top: 30px;
  letter-spacing: 0.5px;
  max-width: 300px;
}
.style_processing__eTSxo .style_cancelBtn__hoAOG {
  margin-top: 50px;
  font-size: 15px;
  color: var(--primaryColor);
}
.style_processing__eTSxo .style_cancelBtn__hoAOG:hover {
  cursor: pointer;
}
.style_processing__eTSxo .ant-progress .ant-progress-inner {
  width: 80px;
  height: 80px;
}
.style_processing__eTSxo .ant-progress .ant-progress-text {
  font-size: 14px;
}
.style_records__m_yhP {
  cursor: default;
}
.style_records__m_yhP .style_subTitle__V9t8y {
  font-size: 12px;
  color: var(--thirdLevelText);
}
.style_records__m_yhP .style_recordsTitle__8Vhe_ {
  color: var(--firstLevelText);
  font-size: 14px;
  font-weight: normal;
  margin: 16px 0 8px 0;
}
.style_records__m_yhP .style_records__m_yhP {
  font-size: 12px;
  height: 40px;
  border-radius: 2px;
}
.style_records__m_yhP .style_records__m_yhP:nth-of-type(odd) {
  background-color: var(--rowSelectedBg);
}
.style_records__m_yhP .style_recordsWrap__aS6G0 {
  height: 480px;
  overflow-x: hidden;
  overflow-y: overlay;
}
.style_records__m_yhP .style_records__m_yhP .ant-col {
  align-self: center;
}
.style_records__m_yhP .style_records__m_yhP .style_colContent__7YI_T {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_records__m_yhP .style_records__m_yhP .style_recordsTitle__8Vhe_ .style_firstCol__8ExyD,
.style_records__m_yhP .style_records__m_yhP .style_firstCol__8ExyD {
  padding-left: 16px;
}
.style_records__m_yhP .style_pagination__2Qv79 {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.style_records__m_yhP .style_btnWrap__P9CUR {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.style_records__m_yhP .ant-modal-header {
  padding-bottom: 8px;
}
.style_records__m_yhP .ant-modal-body {
  padding: 0 0 24px 24px;
}
.style_fileSelected__dyiX8 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.style_fileSelected__dyiX8 .style_fileImg__tMzrb {
  width: 96px;
  height: 112px;
  position: relative;
}
.style_fileSelected__dyiX8 .style_fileImg__tMzrb img {
  width: 100%;
  height: 100%;
}
.style_fileSelected__dyiX8 .style_fileImg__tMzrb button {
  position: absolute;
  top: -16px;
  right: -16px;
}
.style_fileSelected__dyiX8 .style_fileName__T12FX {
  color: var(--firstLevelText);
  font-size: 14px;
  font-weight: normal;
  max-width: 480px;
  margin-top: 16px;
  margin-bottom: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_fileSelected__dyiX8 .style_btnWrap__P9CUR {
  width: 224px;
}
.style_fail__GBwO5 {
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_fail__GBwO5 .style_errorIcon__3HFXi {
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: var(--errorColor);
  border: 5px solid var(--errorColor);
}
.style_fail__GBwO5 .style_errorIcon__3HFXi svg {
  width: 50px;
  height: 50px;
  fill: var(--errorColor) !important;
}
.style_fail__GBwO5 .style_text__JpMSu {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: var(--firstLevelText);
  text-align: center;
  max-width: 220px;
}
.style_fail__GBwO5 .style_text__JpMSu .style_gray__07cB_ {
  color: var(--thirdLevelText);
  margin-top: 16px;
}
.style_fail__GBwO5 .style_text__JpMSu .style_reload__eZIda {
  color: var(--primaryColor);
  cursor: pointer;
  margin-top: 12px;
}
.style_success__8AyLU {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.style_success__8AyLU .style_successIcon__KC_Ob,
.style_success__8AyLU .style_errorIcon__3HFXi {
  overflow: hidden;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.style_success__8AyLU .style_successIcon__KC_Ob svg,
.style_success__8AyLU .style_errorIcon__3HFXi svg {
  width: 50px;
  height: 50px;
}
.style_success__8AyLU .style_successIcon__KC_Ob {
  color: var(--primaryColor);
  border: 5px solid var(--primaryColor);
}
.style_success__8AyLU .style_successIcon__KC_Ob svg {
  fill: var(--primaryColor) !important;
}
.style_success__8AyLU .style_errorIcon__3HFXi {
  color: var(--errorColor);
  border: 5px solid var(--errorColor);
}
.style_success__8AyLU .style_errorIcon__3HFXi svg {
  fill: var(--errorColor) !important;
}
.style_success__8AyLU .style_text__JpMSu {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: var(--firstLevelText);
  text-align: center;
}
.style_success__8AyLU .style_text__JpMSu .style_gray__07cB_ {
  color: var(--thirdLevelText);
}
.style_success__8AyLU .style_text__JpMSu .style_reload__eZIda {
  cursor: pointer;
  margin-top: 12px;
}
.style_success__8AyLU .style_btnWrapper__E0zlR {
  display: flex;
  margin-top: 70px;
  width: 100%;
  justify-content: flex-end;
}
.style_inviteAlert__BA5h5 {
  align-items: flex-start !important;
  border-color: var(--borderOnbrandLight);
  background-color: var(--bgBrandLightDefault);
}
.style_inviteAlert__BA5h5 svg {
  margin-top: 3px;
}

/**
* This file corresponds 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__je4Jw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__yK_Br {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IXp2b ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IXp2b ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IXp2b ul::-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__IXp2b ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IXp2b li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IXp2b .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IXp2b .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IXp2b .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IXp2b .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__F_7eG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___F6bS {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__yGkln .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__yGkln .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__yGkln .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__yGkln .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__yGkln .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__yGkln .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__yGkln .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__yGkln .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__yGkln .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__yGkln .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__yGkln .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__yGkln .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__yGkln .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__yGkln .editBgColor::before,
.style_tree__yGkln .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__yGkln .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__yGkln .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__yGkln .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__yGkln .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__yGkln .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__yGkln .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__yGkln .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__yGkln .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__yGkln .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Jxq_R .ant-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__Jxq_R .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Jxq_R .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Jxq_R .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ZVONs .ant-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__ZVONs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__ZVONs .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__ZVONs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZVONs .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__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ZVONs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__VYGrk::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__VYGrk::-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__VYGrk:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__R8wBw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__R8wBw::-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__R8wBw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Z9CxB {
  position: relative;
  width: 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__sdnTT {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__sdnTT {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__sdnTT {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__sdnTT {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__sdnTT {
    flex: 0 0 100%;
  }
}
.style_filterInput__epPgs {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_inputEmail__Gp85T {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.style_inputEmail__Gp85T .style_inviteAlertWrapper__O2gNV {
  margin-right: 24px;
}
.style_inputEmail__Gp85T .style_itemWrapper__3_Ozp {
  height: 328px;
  display: flex;
  flex-direction: column;
}
.style_inputEmail__Gp85T .style_itemWrapper__3_Ozp > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.style_inputEmail__Gp85T .style_itemWrapper__3_Ozp .style_add__QYe_z svg {
  margin-right: 4px;
}
.style_inputEmail__Gp85T .style_inputItem__x02vv {
  display: flex;
  gap: 8px;
  align-self: stretch;
  flex-direction: column;
}
.style_inputEmail__Gp85T .style_inputItemBox__SkIU3 {
  padding: 0px 2px;
  border-radius: 4px !important;
  background-color: var(--bgControlsDefault) !important;
}
.style_inputEmail__Gp85T .style_inputItemBox__SkIU3 .ant-input {
  background-color: transparent !important;
}
.style_inputEmail__Gp85T .style_inputItemBoxFocused__Nv4nZ {
  padding: 0px 2px;
  border-radius: 4px !important;
  border: 1px solid var(--borderBrandDefault);
}
.style_inputEmail__Gp85T .style_inputItemBoxFocused__Nv4nZ .ant-input {
  background-color: transparent !important;
}
.style_inputEmail__Gp85T .style_inputItemLeft__YiPrB {
  flex: 1;
}
.style_inputEmail__Gp85T .style_err__D0_7K {
  height: 20px;
  min-height: 20px;
  margin-top: 0;
  font-size: 12px;
  color: var(--errorColor);
}
.style_inputEmail__Gp85T .style_removeIcon__QjvTj {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.style_inputEmail__Gp85T .style_removeIcon__QjvTj svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
}
.style_inputEmail__Gp85T .style_removeIcon__QjvTj svg:hover {
  cursor: pointer;
}
.style_inputEmail__Gp85T .style_inviteBtn__o8UvC {
  display: flex;
  justify-content: flex-end;
  margin-right: 24px;
}
.style_inputEmail__Gp85T .style_inviteBtn__o8UvC > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.style_inputEmail__Gp85T .ant-input {
  margin-bottom: 0;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_invitedContent__mogbY {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_successIcon__S4qYb {
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 80px 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_successIcon__S4qYb svg {
  width: 24px;
  height: 24px;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_successIcon__S4qYb {
  color: var(--primaryColor);
  border: 2px solid var(--primaryColor);
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_successIcon__S4qYb svg {
  fill: var(--primaryColor) !important;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_text__sL9Hf {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  color: var(--firstLevelText);
  text-align: center;
  margin-bottom: 115px;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_text__sL9Hf .style_gray__bpoGQ {
  color: var(--thirdLevelText);
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_btnWrapper__LY7Cp {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 24px;
}
.style_inputEmail__Gp85T .style_invitedRes____pPp .style_btnWrapper__LY7Cp button:nth-of-type(2) {
  margin-left: 8px;
}
@media screen and (min-width: 767.98px) {
  .style_inputItem__x02vv {
    width: calc(100% - 24px);
  }
}
@media screen and (max-width: 767.98px) {
  .style_inviteBtn__o8UvC {
    margin-right: 0 !important;
    flex-direction: column-reverse;
  }
  .style_inviteBtn__o8UvC button {
    height: 48px;
    font-size: 14px;
  }
  .style_tipText__qH1R9 {
    background: none !important;
    color: var(--thirdLevelText) !important;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.style_emailEnterBox__d4mIf {
  display: flex;
  flex-wrap: wrap;
  border-radius: 4px;
  padding: 4px;
  max-height: 150px;
  overflow: auto;
}
.style_emailEnterBox__d4mIf :active {
  background-color: var(--bgControlsElevateDefault) !important;
}
.style_emailEnteredItem__kv4t2 {
  display: flex;
  padding: 3px 4px 3px 8px;
  margin: 0.25rem;
  align-items: center;
  gap: 4px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid var(--lineColor);
  background: var(--bgControlsElevateHigh);
  color: var(--firstLevelText);
}
.style_emailEnterBoxText__1hkPc {
  font-size: 12px;
}
.style_emailEnterBoxDeleteIcon__TxNg0 {
  fill: var(--textCommonPrimary);
  cursor: pointer;
  display: flex;
  width: 16px;
  height: 16px;
  padding: 2px;
  justify-content: center;
  align-items: center;
}
.style_emailEnterBoxDeleteIcon__TxNg0:hover {
  background-color: var(--bgBglessHover);
}
.style_emailEnterBoxDeleteIcon__TxNg0:active {
  background-color: var(--bgBglessActive);
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_importFile__80xSF {
  height: 100%;
  margin-right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_beforeUpload__ytD0x {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
}
.style_beforeUpload__ytD0x span {
  width: 100%;
  height: 100%;
}
.style_beforeUpload__ytD0x h2 {
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: var(--firstLevelText);
  margin-top: 20px;
  margin-bottom: 8px;
}
.style_beforeUpload__ytD0x h1 {
  height: 17px;
  font-size: 12px;
  line-height: 17px;
  color: var(--secondLevelText) !important;
  margin-bottom: 8px;
}
.style_beforeUpload__ytD0x h1,
.style_beforeUpload__ytD0x h2,
.style_beforeUpload__ytD0x .style_fileInfo__RXfU1 {
  font-weight: lighter;
  color: var(--firstLevelText);
}
.style_beforeUpload__ytD0x .style_fileInfo__RXfU1 {
  font-size: 15px;
  margin-top: 24px;
  text-align: left;
  width: 100%;
}
.style_beforeUpload__ytD0x .style_fileInfo__RXfU1 .style_downloadLink__y1_aA {
  color: var(--primaryColor) !important;
}
.style_beforeUpload__ytD0x .style_fileInfo__RXfU1 a {
  color: var(--primaryColor) !important;
}
.style_beforeUpload__ytD0x .ant-upload {
  height: 308px;
  margin: 0;
}
.style_beforeUpload__ytD0x .ant-upload.ant-upload-drag {
  border-color: var(--shadowColor);
}
.style_beforeUpload__ytD0x .ant-upload.ant-upload-drag:hover {
  border-color: var(--shadowColor);
}
.style_process__B0o7n {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_process__B0o7n .style_fileName__U5MJT {
  font-size: 16px;
  color: var(--firstLevelText);
  text-align: center;
  font-weight: lighter;
  margin-top: 30px;
  letter-spacing: 0.5px;
  max-width: 300px;
}
.style_process__B0o7n .style_cancelBtn__jeSTL {
  margin-top: 50px;
  font-size: 15px;
  color: var(--primaryColor);
}
.style_process__B0o7n .style_cancelBtn__jeSTL:hover {
  cursor: pointer;
}
.style_process__B0o7n .ant-progress .ant-progress-inner {
  width: 80px;
  height: 80px;
}
.style_process__B0o7n .ant-progress .ant-progress-text {
  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__MpHJx {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__RoUKG {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__ADCaf ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__ADCaf ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__ADCaf ul::-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__ADCaf ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__ADCaf li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__ADCaf .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__ADCaf .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__ADCaf .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__ADCaf .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__Sq98m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__eswuL {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__5I3RX .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__5I3RX .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__5I3RX .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__5I3RX .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__5I3RX .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__5I3RX .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__5I3RX .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__5I3RX .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__5I3RX .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__5I3RX .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__5I3RX .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__5I3RX .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__5I3RX .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__5I3RX .editBgColor::before,
.styles_tree__5I3RX .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__5I3RX .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__5I3RX .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__5I3RX .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__5I3RX .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__5I3RX .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__5I3RX .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__5I3RX .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__5I3RX .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__5I3RX .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__o2GAH .ant-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__o2GAH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__o2GAH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__o2GAH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__U5vC7 .ant-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__U5vC7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__U5vC7 .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__U5vC7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__U5vC7 .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__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__U5vC7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__Eqx_Z::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__Eqx_Z::-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__Eqx_Z:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__n0qFi::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__n0qFi::-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__n0qFi:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__jKwhn {
  position: relative;
  width: 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__E_Mo_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__E_Mo_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__E_Mo_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__E_Mo_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__E_Mo_ {
    flex: 0 0 100%;
  }
}
.styles_filterInput__XHwiA {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
@media (any-hover: hover) {
  .styles_hoverBg__WCBG_ {
    background: var(--rowSelectedBg);
  }
}
.styles_optionItem__VKIuF {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_optionItem__VKIuF.styles_isChecked__APFt_ {
  color: var(--primaryColor);
}
.styles_optionItem__VKIuF > div:first-child {
  flex: 1;
}
.styles_listBox__iNXzX {
  max-height: 336px;
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_listBox__iNXzX::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_listBox__iNXzX::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_listBox__iNXzX::-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__iNXzX:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_listContainer__9p1Xg {
  background: var(--highestBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 4px;
}
.styles_listContainer__9p1Xg:focus {
  outline: none;
}
.styles_noResult__IJWtJ {
  font-size: 11px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  width: 100%;
  text-align: center;
  display: inline-block;
}
.styles_footerContainer__LgjSK:hover {
  background: var(--rowSelectedBg);
}
.styles_searchField__dDFzw {
  padding: 8px 16px;
}
.styles_searchInput__l_ydT {
  background: var(--defaultBg);
  border-bottom: 1px solid var(--lineColor);
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .styles_listContainer__9p1Xg {
    box-shadow: none;
    background: none;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .styles_listBox__iNXzX {
    overflow: auto;
    flex: 1;
    max-height: unset;
  }
  .styles_optionItem__VKIuF {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid var(--lineColor);
  }
  .styles_footerContainer__LgjSK {
    font-size: 14px;
  }
  .styles_noResult__IJWtJ {
    font-size: 14px;
  }
}

.style_searchInput__Z9fE6,
.style_searchInput__Z9fE6 input {
  border-radius: 16px !important;
}
.style_closeBtn__BVXKk {
  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_antiEllipsis__O0qin {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__zu2OW {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__eqOS5 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__eqOS5 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__eqOS5 ul::-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__eqOS5 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__eqOS5 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__eqOS5 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__eqOS5 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__eqOS5 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__eqOS5 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__v3z2v {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__e9Zh_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__wd7Vn .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__wd7Vn .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__wd7Vn .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__wd7Vn .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__wd7Vn .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__wd7Vn .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__wd7Vn .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__wd7Vn .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__wd7Vn .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__wd7Vn .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__wd7Vn .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__wd7Vn .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__wd7Vn .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__wd7Vn .editBgColor::before,
.style_tree__wd7Vn .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__wd7Vn .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__wd7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__wd7Vn .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__wd7Vn .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__wd7Vn .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__wd7Vn .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__wd7Vn .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__wd7Vn .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__wd7Vn .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cZmOw .ant-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__cZmOw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__cZmOw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cZmOw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__MhIR9 .ant-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__MhIR9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__MhIR9 .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__MhIR9 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__MhIR9 .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__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__MhIR9 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__ryHnz::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__ryHnz::-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__ryHnz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__vHJV8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__vHJV8::-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__vHJV8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__1WuJa {
  position: relative;
  width: 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__QdDcc {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__QdDcc {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__QdDcc {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__QdDcc {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__QdDcc {
    flex: 0 0 100%;
  }
}
.style_filterInput__3XfVY {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_searchResult__yZAme {
  margin-top: 5px;
  overflow: hidden;
  height: 100%;
}
.style_searchResult__yZAme::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchResult__yZAme::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchResult__yZAme::-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__yZAme:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_notData__97tPi {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_notData__97tPi img {
  width: 160px;
  height: 120px;
  margin-top: 40px;
}
.style_notData__97tPi .style_tip__uFcgv {
  font-size: 12px;
  color: var(--secondLevelText);
  margin-top: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_notData__97tPi {
    font-size: 14px;
  }
  .style_notData__97tPi img {
    width: auto;
    height: 240px;
  }
  .style_notData__97tPi .style_tip__uFcgv {
    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__sObhj {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__rCVqT {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__DFVoZ ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__DFVoZ ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__DFVoZ ul::-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__DFVoZ ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__DFVoZ li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__DFVoZ .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__DFVoZ .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__DFVoZ .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__DFVoZ .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__CDfdm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Aytp5 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__p178V .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__p178V .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__p178V .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__p178V .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__p178V .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__p178V .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__p178V .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__p178V .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__p178V .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__p178V .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__p178V .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__p178V .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__p178V .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__p178V .editBgColor::before,
.style_tree__p178V .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__p178V .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__p178V .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__p178V .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__p178V .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__p178V .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__p178V .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__p178V .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__p178V .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__p178V .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__7AVJb .ant-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__7AVJb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__7AVJb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__7AVJb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree___l0t8 .ant-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___l0t8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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___l0t8 .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___l0t8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___l0t8 .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___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree___l0t8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__vguyO::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__vguyO::-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__vguyO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Barj_::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Barj_::-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__Barj_:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__g_b2v {
  position: relative;
  width: 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__1rZLG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__1rZLG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__1rZLG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__1rZLG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__1rZLG {
    flex: 0 0 100%;
  }
}
.style_filterInput__hJizJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_selectUnitModal__rVmJn {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  -webkit-user-select: none;
          user-select: none;
  height: 506px;
}
.style_left__Ixeb7 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 336px;
}
.style_left__Ixeb7 .style_searchWrapper__kwZup {
  padding: 0 24px;
}
.style_left__Ixeb7 .style_searchWrapper__kwZup span,
.style_left__Ixeb7 .style_searchWrapper__kwZup input {
  border-radius: 24px;
}
.style_left__Ixeb7 .style_breadcrumb__kODWY {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 24px;
}
.style_left__Ixeb7 .style_breadcrumb__kODWY .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_left__Ixeb7 .style_breadcrumb__kODWY .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_left__Ixeb7 .style_breadcrumb__kODWY .ant-breadcrumb ol li {
  display: flex;
}
.style_left__Ixeb7 .style_tabWrap__66uQe {
  padding: 0 24px;
  margin-top: 8px;
}
.style_left__Ixeb7 .style_tabWrap__66uQe .ant-tabs-tab {
  padding: 10px 16px;
}
.style_left__Ixeb7 .style_tabWrap__66uQe .ant-tabs-tab-btn {
  color: var(--fc3);
}
.style_left__Ixeb7 .style_tabWrap__66uQe .ant-tabs-nav {
  margin-bottom: 0;
}
.style_left__Ixeb7 .style_tabWrapRole__zcWH2 {
  margin-bottom: 8px;
}
.style_left__Ixeb7 .style_allCheck__s1yza {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 24px;
}
.style_left__Ixeb7 .style_allCheck__s1yza > label {
  height: 20px;
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1;
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM::-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__Ixeb7 .style_dataListWrapper__PE_AM:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM .ant-checkbox-group {
  width: 100%;
}
.style_left__Ixeb7 .style_dataListWrapper__PE_AM .style_unitType___sOQm {
  padding-left: 24px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: var(--thirdLevelText);
  font-weight: normal;
}
.style_left__Ixeb7 .style_item__x6ai7 {
  display: flex;
  padding-left: 24px;
  padding-right: 14px;
  flex-direction: row;
  align-items: center;
}
@media (any-hover: hover) {
  .style_left__Ixeb7 .style_item__x6ai7:hover {
    background-color: var(--rowSelectedBg);
  }
}
.style_left__Ixeb7 .style_item__x6ai7 .style_lowerLevelIcon__Xr9PY {
  display: flex;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.style_left__Ixeb7 .style_item__x6ai7 .ant-checkbox {
  top: 0;
}
.style_left__Ixeb7 .style_checkWrapper__FfhJ0 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  overflow: hidden;
  margin-right: 4px;
}
.style_left__Ixeb7 .style_checkWrapper__FfhJ0 > label {
  flex: 1;
  display: flex;
  align-items: center;
}
.style_left__Ixeb7 .style_itemContent__KdD7z {
  width: 242px;
  display: inline-block;
}
.style_left__Ixeb7 .style_searchListWrapper__FhK_v {
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--defaultBg);
  z-index: 1;
}
.style_left__Ixeb7 .style_searchListWrapper__FhK_v .style_dataListWrapper__PE_AM {
  height: 100%;
  max-height: none;
}
.style_left__Ixeb7 .style_searchListWrapperRoleIsOpen__0ZohF {
  top: 84px;
}
.style_right__l3Re3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 2px solid var(--rowSelectedBg);
  padding: 8px 0 0 16px;
}
.style_right__l3Re3 .style_title__GlZwS {
  color: var(--secondLevelText);
  font-size: 12px;
  padding-bottom: 16px;
}
.style_right__l3Re3 .style_listWrapper__z56xt {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
}
.style_right__l3Re3 .style_listWrapper__z56xt::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_right__l3Re3 .style_listWrapper__z56xt::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_right__l3Re3 .style_listWrapper__z56xt::-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__l3Re3 .style_listWrapper__z56xt:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_right__l3Re3 .style_list__sDp75 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.style_right__l3Re3 .style_list__sDp75 .style_item__x6ai7 {
  margin-right: 16px;
  margin-bottom: 16px;
}
.style_invite__mVAsd {
  color: var(--primaryColor);
  font-size: 13px;
  cursor: pointer;
}
.style_invite__mVAsd svg {
  vertical-align: -0.225em;
  fill: var(--primaryColor);
  margin-right: 4px;
}
.style_buttonWrapper__LDqv5 {
  display: flex;
}
.style_unitPopupWrapper__VyP39 .ant-drawer-body {
  min-height: 330px;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .style_left__Ixeb7 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .style_left__Ixeb7 .style_searchWrapper__kwZup {
    padding: 0;
  }
  .style_left__Ixeb7 .style_dataListWrapper__PE_AM {
    position: static;
    height: auto;
    flex: 1;
    max-height: none;
  }
  .style_left__Ixeb7 .style_dataListWrapper__PE_AM .style_unitType___sOQm {
    padding-left: 0;
  }
  .style_left__Ixeb7 .style_searchListWrapper__FhK_v {
    top: 48px;
    padding-left: 0;
  }
  .style_left__Ixeb7 .style_breadcrumb__kODWY {
    padding: 0;
  }
  .style_left__Ixeb7 .style_allCheck__s1yza {
    padding: 0;
  }
  .style_left__Ixeb7 .style_item__x6ai7 {
    padding: 0;
    justify-content: space-between;
  }
  .style_popupFooter__zvSCs {
    font-size: 14px;
  }
  .style_inviteBtnWrapper___vgU5 {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .style_inviteBtnWrapper___vgU5 .style_invite__mVAsd {
    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__D3RMQ {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__SIqJo {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Ff9QA ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Ff9QA ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Ff9QA ul::-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__Ff9QA ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Ff9QA li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Ff9QA .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Ff9QA .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Ff9QA .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Ff9QA .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__IiIRw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__c4W1r {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__3bkJw .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__3bkJw .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__3bkJw .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__3bkJw .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__3bkJw .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__3bkJw .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__3bkJw .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__3bkJw .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__3bkJw .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__3bkJw .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__3bkJw .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__3bkJw .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__3bkJw .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__3bkJw .editBgColor::before,
.styles_tree__3bkJw .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__3bkJw .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__3bkJw .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__3bkJw .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__3bkJw .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__3bkJw .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__3bkJw .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__3bkJw .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__3bkJw .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__3bkJw .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__5p3oo .ant-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__5p3oo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__5p3oo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__5p3oo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree____ZgB .ant-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____ZgB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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____ZgB .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____ZgB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree____ZgB .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____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree____ZgB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__K6K3b::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__K6K3b::-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__K6K3b:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__peHE8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__peHE8::-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__peHE8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard___Vmzm {
  position: relative;
  width: 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__WeLHQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__WeLHQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__WeLHQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__WeLHQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__WeLHQ {
    flex: 0 0 100%;
  }
}
.styles_filterInput__mU5RR {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_memberOptionList__L1EJc {
  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__L1EJc > div {
  box-shadow: var(--shadowCommonHighest);
  border-bottom: 1px solid var(--lineColor);
}
.styles_memberOptionList__L1EJc .styles_searchField__uidWB {
  padding: 8px;
}
.styles_memberOptionList__L1EJc .styles_noResult__em1rZ {
  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__jdRWE {
  display: flex;
  flex: 1;
  max-width: 90%;
}
.styles_seeMore__NRzOY {
  text-align: center;
  color: var(--secondLevelText);
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
.styles_inviteMember__b_HGQ {
  color: var(--primaryColor);
  font-size: 11px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
  margin-left: 4px;
}
.styles_inviteMember__b_HGQ svg {
  vertical-align: -0.125em;
  margin-right: 4px;
}
.styles_inviteMember__b_HGQ:hover {
  background: var(--rowSelectedBg);
}
.styles_hoverContainer__OXJue {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_hoverContainer__OXJue::before {
  content: " ";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 32px;
  background: var(--rowSelectedBg);
  z-index: 20;
}
.styles_hoverContainer__OXJue:after {
  content: " ";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 32px;
  background: var(--rowSelectedBg);
}
.styles_searchInput__ag6Fq {
  padding: 0 8px !important;
  height: 100%;
  line-height: 100%;
  border: none;
  outline: none;
  background: transparent;
}
.styles_searchInput__ag6Fq,
.styles_searchInput__ag6Fq input {
  border-radius: 24px !important;
}
.styles_searchInput__ag6Fq::placeholder {
  color: var(--lineColor);
}
@media screen and (max-width: 767.98px) {
  .styles_memberOptionList__L1EJc {
    position: static;
    width: 100% !important;
    height: 100%;
    box-shadow: none;
    background: none;
    font-size: 14px;
  }
  .styles_memberOptionList__L1EJc > div {
    box-shadow: none;
    border: 0;
  }
  .styles_memberOptionList__L1EJc .styles_searchField__uidWB {
    padding: 8px 0;
  }
  .styles_memberOptionList__L1EJc .styles_displayList__6xLMw .styles_displayListItem__tXBrU {
    height: 48px;
    font-size: 14px;
    border-bottom: 1px solid var(--lineColor);
  }
  .styles_memberOptionList__L1EJc .styles_noResult__em1rZ {
    font-size: inherit;
  }
  .styles_memberOptionList__L1EJc .styles_inviteMember__b_HGQ {
    font-size: inherit;
  }
  .styles_seeMore__NRzOY {
    font-size: inherit;
  }
}
.styles_memberOptionItemWrapper__YcL8K {
  padding: 0px 8px;
  height: auto;
}
@media (any-hover: hover) {
  .styles_memberOptionItemWrapper__YcL8K:hover {
    background: var(--rowSelectedBg);
  }
}
.styles_memberOptionItemWrapper__YcL8K.isChecked {
  color: inherit;
}
.styles_memberInfoCard__hT0Wy {
  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__Jebu6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__BPgwm {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__1I641 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__1I641 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__1I641 ul::-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__1I641 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__1I641 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__1I641 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__1I641 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__1I641 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__1I641 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__7gnTA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__nxOR4 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Nx74v .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Nx74v .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Nx74v .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__Nx74v .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__Nx74v .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Nx74v .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Nx74v .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Nx74v .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Nx74v .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Nx74v .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Nx74v .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Nx74v .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__Nx74v .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Nx74v .editBgColor::before,
.style_tree__Nx74v .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Nx74v .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Nx74v .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Nx74v .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__Nx74v .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Nx74v .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Nx74v .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Nx74v .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Nx74v .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Nx74v .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__244Pf .ant-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__244Pf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__244Pf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__244Pf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__lfWb1 .ant-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__lfWb1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__lfWb1 .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__lfWb1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lfWb1 .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__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__lfWb1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__iSKHl::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__iSKHl::-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__iSKHl:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__PESLr::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__PESLr::-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__PESLr:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__a53l_ {
  position: relative;
  width: 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__ahAzk {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ahAzk {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ahAzk {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ahAzk {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ahAzk {
    flex: 0 0 100%;
  }
}
.style_filterInput__KhSbP {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_wrapper__QRJSI {
  position: relative;
}
.style_trigger__NN4yY {
  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__NN4yY:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
.style_trigger__NN4yY:hover::before {
  background: rgba(var(--shadowBg-rgb), 10%);
  display: block;
}
.style_trigger__NN4yY:active::before {
  background: rgba(var(--shadowBg-rgb), 20%);
  display: block;
}
.style_trigger__NN4yY: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__9M26F {
  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__ALJAO {
  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__6DZu_ {
  position: relative;
  pointer-events: initial;
  border-radius: 4px;
  background: var(--defaultBg);
  padding: 16px 16px 0 16px;
  box-shadow: var(--shadowCommonHigh);
}
.style_pane__6DZu_ .style_editor__3FKEw {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.style_pane__6DZu_ .style_editor__3FKEw .style_deleteIconWrap__0BfHZ {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.style_pane__6DZu_ .style_editor__3FKEw .style_deleteIconWrap__0BfHZ svg {
  cursor: pointer;
}
.style_pane__6DZu_ .style_divider__ez9BI {
  margin: 16px 10px;
  height: 0px;
  border-top: 1px solid var(--lineColor);
}
.style_pane__6DZu_ .style_colorMenuGroup__AmFyn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.style_pane__6DZu_ .style_clearButton__f7EdB {
  padding: 16px;
  margin: auto 10px;
  border-top: 1px solid var(--lineColor);
  background: transparent;
  color: var(--primaryColor);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_pane__6DZu_ .style_clearButton__f7EdB:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.style_pane__6DZu_ .style_clearButton__f7EdB:active {
  opacity: 0.6;
}
.style_pane__6DZu_ .style_menu__RcLvO {
  width: 260px;
  padding: 0 10px;
  margin-bottom: 6px;
  background-size: cover;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 4px;
}
.style_pane__6DZu_ .style_menu__RcLvO.style_bg__S5JSs {
  background-color: var(--fill0);
}
.style_pane__6DZu_ .style_menu__RcLvO:nth-child(2) {
  padding: 16px 10px 6px 10px;
  margin-bottom: 16px;
}
.style_pane__6DZu_ .style_menu__RcLvO.style_common__4W402 {
  margin-bottom: 0;
}
.style_pane__6DZu_ .style_menu__RcLvO.style_common__4W402:nth-child(2) {
  padding: 0 10px;
  margin-bottom: 10px;
}
.style_pane__6DZu_ .style_menu__RcLvO .style_menuTitle__9fF0E {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  height: 20px;
}
.style_pane__6DZu_ .style_menu__RcLvO .style_menuTitle__9fF0E.style_base__S5P9T {
  color: var(--firstLevelText);
}
.style_pane__6DZu_ .style_menu__RcLvO .style_menuTitle__9fF0E div {
  margin-right: 2px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.style_pane__6DZu_ .style_menu__RcLvO .style_menuTitle__9fF0E img {
  width: 16px;
  height: 16px;
}
.style_pane__6DZu_ .style_menu__RcLvO .style_menuTitle__9fF0E .style_menuTag__wMfs6 {
  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__muhsA {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.style_colorGroup__muhsA .style_item__X6mY9 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 10%;
}
.style_colorGroup__muhsA .style_outer__LGXFR {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 50%;
  position: relative;
}
.style_colorGroup__muhsA .style_outer__LGXFR .style_borderWhite__xfp4i {
  border: 2px solid transparent;
  border-radius: 50%;
}
.style_colorGroup__muhsA .style_outer__LGXFR .style_inner__AgtGP {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.style_colorGroup__muhsA .style_outer__LGXFR.style_disabled__ibyqm {
  cursor: not-allowed;
}
.style_colorGroup__muhsA .style_outer__LGXFR.style_disabled__ibyqm.style_colorSelected__528ps {
  border-color: var(--borderBrandDisabled) !important;
}
.style_colorGroup__muhsA .style_outer__LGXFR.style_colorSelected__528ps {
  border-color: var(--borderBrandDefault) !important;
}
.style_colorGroup__muhsA .style_outer__LGXFR.style_active__Zc_K8::after {
  position: absolute;
  content: "";
  border: 2px solid var(--rc01);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: style_colorSelectEffect__BTy78 0.36s ease-in-out;
  animation-fill-mode: both;
}
@media (any-hover: hover) {
  .style_colorGroup__muhsA .style_outer__LGXFR:hover(not:disabled) {
    border-color: rgba(var(--rc01-rgb), 50%);
  }
}
.style_mask__MRYJO {
  position: fixed;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--zIndex-10);
}
@keyframes style_colorSelectEffect__BTy78 {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
@media screen and (max-width: 767.98px) {
  .style_pane__6DZu_ {
    box-shadow: none;
    width: auto;
    padding: 0;
  }
  .style_pane__6DZu_ .style_menu__RcLvO {
    width: auto;
    padding: 0;
    background-image: none !important;
  }
  .style_pane__6DZu_ .style_menu__RcLvO:nth-child(2) {
    padding: 0;
  }
  .style_pane__6DZu_ .style_menu__RcLvO .style_list__zHqUK .style_outer__LGXFR .style_inner__AgtGP {
    width: 22px / 375px * 100vw;
    height: 22px / 375px * 100vw;
  }
  .style_pane__6DZu_ .style_menu__RcLvO .style_list__zHqUK .style_outer__LGXFR.style_active__Zc_K8::after {
    width: 30px / 375px * 100vw;
    height: 30px / 375px * 100vw;
  }
  .style_pane__6DZu_ .style_editor__3FKEw {
    padding: 0;
  }
  .style_pane__6DZu_ .style_divider__ez9BI {
    margin: 16px 0;
  }
  .style_trigger__NN4yY {
    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__rm3HM {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__jfzZ_ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__usNXs ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__usNXs ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__usNXs ul::-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__usNXs ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__usNXs li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__usNXs .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__usNXs .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__usNXs .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__usNXs .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__yZ_DY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__XGHr1 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__nRRfu .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__nRRfu .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__nRRfu .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__nRRfu .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__nRRfu .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__nRRfu .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__nRRfu .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__nRRfu .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__nRRfu .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__nRRfu .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__nRRfu .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__nRRfu .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__nRRfu .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__nRRfu .editBgColor::before,
.style_tree__nRRfu .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__nRRfu .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__nRRfu .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__nRRfu .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__nRRfu .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__nRRfu .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__nRRfu .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__nRRfu .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__nRRfu .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__nRRfu .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__y2ldO .ant-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__y2ldO .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__y2ldO .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__y2ldO .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__lEUGU .ant-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__lEUGU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__lEUGU .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__lEUGU .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lEUGU .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__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__lEUGU .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__Q_Fo7::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__Q_Fo7::-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__Q_Fo7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__NTqqk::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__NTqqk::-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__NTqqk:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__4PrmH {
  position: relative;
  width: 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___6yXr {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth___6yXr {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth___6yXr {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth___6yXr {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth___6yXr {
    flex: 0 0 100%;
  }
}
.style_filterInput__8cwyr {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_optionContainer__t2P9e {
  background: var(--defaultBg);
  box-shadow: 1px 1px 14px #e5e5e5;
}
.style_optionContainer__t2P9e:focus {
  outline: 0;
}
.style_searchField__n93CP {
  padding: 8px;
}
.style_displayList__6fvOq {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.style_displayList__6fvOq::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_displayList__6fvOq::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_displayList__6fvOq::-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__6fvOq:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_noResult__Op6oQ {
  font-size: 11px;
  padding-bottom: 8px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: var(--fourthLevelText);
  text-align: center;
}
.style_displayListItem__PkfGR {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
  width: 0;
}
.style_displayListItem__PkfGR .style_iconMove__bE3VJ {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.style_displayListItem__PkfGR .style_iconMove__bE3VJ svg {
  fill: var(--thirdLevelText);
}
.style_displayListItem__PkfGR .style_iconMove__bE3VJ.style_dragging__vqzYT {
  display: flex;
}
.style_displayListItem__PkfGR .style_iconMove__bE3VJ.style_dragging__vqzYT svg {
  fill: var(--firstLevelText);
}
.style_displayListItem__PkfGR .style_colorReview__pMEQO {
  display: flex;
  align-items: center;
  left: 10px;
  flex: 1;
  width: 0;
}
.style_itemContainer__1NfCD {
  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__1NfCD .style_itemName__guAyu {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  -webkit-user-select: none;
          user-select: none;
  min-width: 20px;
  text-align: center;
}
.style_itemContainer__1NfCD .style_itemName__guAyu.style_itemNameEllipsis__HQZvY {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_addNewItem__oNTP4 {
  display: flex;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  position: relative;
  margin-left: 10px;
}
.style_addNewItem__oNTP4 span:nth-of-type(1) {
  display: inline-block;
  min-width: 40px;
  text-align: center;
}
.style_addNewItem__oNTP4 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__PkfGR {
    height: 48px;
    font-size: 14px;
  }
  .style_displayListItem__PkfGR .style_itemContainer__1NfCD {
    height: 24px;
    font-size: 14px;
    border-radius: 16px;
  }
  .style_displayListItem__PkfGR.style_hoveredFreeze__loP_M,
  .style_displayListItem__PkfGR.style_hovered__tv2kf:hover {
    background: none;
  }
  .style_displayListItem__PkfGR.style_hoveredFreeze__loP_M .style_iconMove__bE3VJ,
  .style_displayListItem__PkfGR.style_hovered__tv2kf:hover .style_iconMove__bE3VJ {
    display: flex;
  }
  .style_displayListItem__PkfGR .style_colorReview__pMEQO {
    position: static;
  }
  .style_addNewItem__oNTP4 {
    font-size: inherit;
  }
}
.style_optionItemWrapper__PYl2H {
  padding: 0 8px;
  z-index: var(--zIndex-10);
  display: flex;
  align-items: center;
}
@media (any-hover: hover) {
  .style_optionItemWrapper__PYl2H:hover {
    background: var(--rowSelectedBg);
  }
}
.style_optionItemWrapper__PYl2H.isChecked {
  color: inherit;
}

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

.style_iconWrapper__1Dodo {
  display: flex;
  align-items: center;
  justify-content: center;
  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
**/
.styles_antiEllipsis__SPoAd {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__12_cF {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Sy9J9 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Sy9J9 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Sy9J9 ul::-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__Sy9J9 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Sy9J9 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Sy9J9 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Sy9J9 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Sy9J9 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Sy9J9 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__gP3Fm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__6O8Gy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__fpeU9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__fpeU9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__fpeU9 .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__fpeU9 .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__fpeU9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__fpeU9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__fpeU9 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__fpeU9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__fpeU9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__fpeU9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__fpeU9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__fpeU9 .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__fpeU9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__fpeU9 .editBgColor::before,
.styles_tree__fpeU9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__fpeU9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__fpeU9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__fpeU9 .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__fpeU9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__fpeU9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__fpeU9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__fpeU9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__fpeU9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__fpeU9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__9996L .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__9996L .ant-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__9996L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__9996L .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__9996L .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__ceear .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ceear .ant-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__ceear .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__ceear .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__ceear .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ceear .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__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ceear .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__V6y0u::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__V6y0u::-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__V6y0u:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Njax9::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Njax9::-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__Njax9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__nwpW1 {
  position: relative;
  width: 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__WlgTp {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__WlgTp {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__WlgTp {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__WlgTp {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__WlgTp {
    flex: 0 0 100%;
  }
}
.styles_filterInput__FNwoK {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_headerIcon__Xe1xl {
  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__IEfKB {
  height: 31px;
  width: 100%;
  padding-right: 2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.styles_rowColumnIndex__IEfKB > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.styles_rowColumnIndex__IEfKB .styles_dragIcon__sMlvU,
.styles_rowColumnIndex__IEfKB .styles_expandIcon__Y9htU {
  cursor: pointer;
}
.styles_rowColumnIndex__IEfKB .styles_iconCheckWrapper__EUlvM {
  cursor: pointer;
}
.styles_rowColumnIndex__IEfKB .styles_inner__Ni8Q0 {
  font-size: 12px;
  width: 26px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_commentCount__Vki4U {
  position: relative;
  width: 16px;
  height: 16px;
}
.styles_commentCount__Vki4U svg,
.styles_commentCount__Vki4U span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.styles_commentCount__Vki4U svg {
  width: 24px;
  height: 24px;
  fill: var(--teal_50);
}
.styles_commentCount__Vki4U span {
  font-size: 12px;
  color: var(--successColor);
}
.styles_radioCheck__I8Cd8 {
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.styles_checked___hccf .styles_radioInner__YiY3x::after {
  opacity: 1;
}
.styles_checked___hccf::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primaryColor);
  border-radius: 50%;
  content: "";
}
.styles_radioInner__YiY3x {
  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__YiY3x::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__y5Fyq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__4ie4h {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__FAqai ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__FAqai ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__FAqai ul::-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__FAqai ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__FAqai li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__FAqai .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__FAqai .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__FAqai .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__FAqai .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZhAdk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__oCIUo {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__fgkIR .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__fgkIR .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__fgkIR .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__fgkIR .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__fgkIR .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__fgkIR .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__fgkIR .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__fgkIR .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__fgkIR .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__fgkIR .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__fgkIR .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__fgkIR .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__fgkIR .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__fgkIR .editBgColor::before,
.style_tree__fgkIR .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__fgkIR .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__fgkIR .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__fgkIR .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__fgkIR .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__fgkIR .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__fgkIR .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__fgkIR .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__fgkIR .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__fgkIR .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__hOHtm .ant-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__hOHtm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__hOHtm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__hOHtm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__HOVLz .ant-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__HOVLz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__HOVLz .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__HOVLz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__HOVLz .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__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__HOVLz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default___awOA::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default___awOA::-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___awOA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__7Xk_K::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__7Xk_K::-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__7Xk_K:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__eYEbV {
  position: relative;
  width: 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__MrO7z {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__MrO7z {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__MrO7z {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__MrO7z {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__MrO7z {
    flex: 0 0 100%;
  }
}
.style_filterInput__jUy9P {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_ratingEditor__QUDHl {
  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__QUDHl .ant-rate {
  display: inline-flex;
}
.style_ratingEditor__QUDHl .ant-rate-star-zero {
  opacity: 0.3;
}
.style_ratingEditor__QUDHl .ant-rate-star:not(:last-child) {
  margin-right: 3px;
}
.style_ratingEditor__QUDHl .ant-rate-star {
  transition: none;
}
.style_editorContent__XeXm3 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_filtering__8NMJX {
  padding-right: 8px;
}
.style_rateItemWrapper__k2ZDf {
  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__QUDHl {
    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
**/
.styles_groupWrapper___52VM {
  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__0KyGh {
  padding: 8px;
  border: 1px solid var(--lineColor);
  overflow: auto;
  border-radius: 4px;
}
.styles_addFilterWrapper__FmnjH {
  margin-top: 8px;
}
.styles_addFilterSelectTrigger__ItsGX {
  color: var(--primaryColor);
}

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

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

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

.style_errorMsg__JdsZa {
  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
**/
.styles_antiEllipsis__ld5aq {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__CNKY6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__maPFN ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__maPFN ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__maPFN ul::-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__maPFN ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__maPFN li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__maPFN .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__maPFN .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__maPFN .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__maPFN .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__1UIRy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__ITzxH {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__v3bAC .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__v3bAC .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__v3bAC .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__v3bAC .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__v3bAC .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__v3bAC .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__v3bAC .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__v3bAC .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__v3bAC .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__v3bAC .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__v3bAC .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__v3bAC .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__v3bAC .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__v3bAC .editBgColor::before,
.styles_tree__v3bAC .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__v3bAC .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__v3bAC .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__v3bAC .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__v3bAC .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__v3bAC .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__v3bAC .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__v3bAC .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__v3bAC .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__v3bAC .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__AkuGQ .ant-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__AkuGQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__AkuGQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__AkuGQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__EdIuo .ant-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__EdIuo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__EdIuo .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__EdIuo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__EdIuo .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__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__EdIuo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__aQiuB::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__aQiuB::-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__aQiuB:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__ZLjcZ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__ZLjcZ::-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__ZLjcZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__RRN2z {
  position: relative;
  width: 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__vEX2d {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__vEX2d {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__vEX2d {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__vEX2d {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__vEX2d {
    flex: 0 0 100%;
  }
}
.styles_filterInput__cx70v {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_fieldOperateBox__rg1g6 {
  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__rg1g6 .styles_buttonWrapper__RxDNm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 32px;
}
.styles_fieldOperateBox__rg1g6 .styles_buttonWrapper__RxDNm button {
  margin-left: 10px;
}
.styles_flowBox__CksJY {
  display: block;
}
.styles_section__o9nRT {
  margin-bottom: 16px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk.styles_flex__Jkv06 {
  display: flex;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk.styles_enhance__XUyVF {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk.styles_enhance__XUyVF > button[role="switch"] {
  margin-right: 8px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk.styles_sub__aeXqQ {
  font-size: 12px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk.styles_sub__aeXqQ button {
  float: right;
  margin-top: 2px;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk .styles_sectionTitleTip__idYCd {
  display: inline-block;
  vertical-align: -0.25em;
  margin-left: 8px;
  cursor: pointer;
}
.styles_section__o9nRT .styles_sectionTitle__yXZBk .styles_sectionTitleTip__idYCd.styles_noCursor__c9hKO {
  cursor: unset;
}
.styles_section__o9nRT .styles_renameWrapper__d6_CV textarea {
  padding: 8px;
  text-indent: 0;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL,
.styles_section__o9nRT .styles_sectionInfo__VJR_v {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL:hover,
.styles_section__o9nRT .styles_sectionInfo__VJR_v:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL:hover:after,
.styles_section__o9nRT .styles_sectionInfo__VJR_v:hover:after {
  content: " ";
  display: block;
  width: 24px;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -24px;
  height: 100%;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL:hover::before,
.styles_section__o9nRT .styles_sectionInfo__VJR_v:hover::before {
  content: " ";
  display: block;
  width: 24px;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -24px;
  height: 100%;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL .styles_icon__JMwX4,
.styles_section__o9nRT .styles_sectionInfo__VJR_v .styles_icon__JMwX4 {
  display: flex;
  padding-right: 4px;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL .styles_text__mTlCA,
.styles_section__o9nRT .styles_sectionInfo__VJR_v .styles_text__mTlCA {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL .styles_arrow__4BfI9,
.styles_section__o9nRT .styles_sectionInfo__VJR_v .styles_arrow__4BfI9 {
  display: flex;
  align-items: center;
}
.styles_section__o9nRT .styles_sectionInfo__VJR_v {
  height: 40px;
}
.styles_section__o9nRT .styles_sectionMultiInfo__Vt9QL {
  height: 56px;
}
.styles_section__o9nRT .styles_sectionClear__8hdis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--thirdLevelText);
}
.styles_section__o9nRT .styles_sectionClear__8hdis .styles_warningIcon__Smhao {
  vertical-align: text-bottom;
}
.styles_wrapperStyle__uENKo {
  border: none;
}
.styles_iconType__6r_JK {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_inputStyle__HmD9r {
  border: none;
  background: var(--rowSelectedBg);
}
.styles_inputBlur__BaXj5 {
  border: 1px solid #eee !important;
  box-shadow: none !important;
}
.styles_inputBlur__BaXj5:focus {
  border: 1px solid var(--primaryColor) !important;
}
.styles_inputError__cp8Au {
  border: 1px solid #ea5d5d !important;
  box-shadow: none !important;
}
.styles_modal__nFltj {
  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__nFltj h2 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 16px;
}
.styles_modal__nFltj main {
  color: var(--secondLevelText);
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 20px;
}
.styles_modal__nFltj .styles_operate__HFSrH {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_modal__nFltj .styles_operate__HFSrH .styles_buttonCancel__QdTTe {
  border: 1px solid #d9d9d9;
  margin-right: 30px;
  justify-content: center;
}
.styles_modal__nFltj .styles_operate__HFSrH .styles_buttonSubmit__uIffK {
  background: var(--primaryColor);
  color: var(--defaultBg);
}
.styles_mask__k_ysn {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--deepMaskColor);
  opacity: 0.7;
}
.styles_error__8SMJ0 {
  color: var(--errorColor);
  margin-top: 4px;
}
.styles_subSectionTitle__wt79R {
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.styles_cascaderMobileTip__IhdZm {
  color: var(--textCommonTertiary);
}
.styles_cascaderMobileTip__IhdZm svg {
  vertical-align: -0.25em;
  margin-right: 4px;
}
.styles_requiredBox__sGUJz {
  display: flex;
  align-items: center;
}
.styles_requiredBox__sGUJz div[role="checkbox"] {
  padding-left: 0;
}
.styles_requiredBox__sGUJz div[aria-checked] span {
  font-size: 13px;
  color: var(--textCommonTertiary);
}
.styles_requiredTip__CWAQ3 {
  display: inline-flex !important;
  margin-left: 8px;
  color: var(--black_500);
}
.styles_requiredTip__CWAQ3:hover {
  color: var(--primaryColor);
}
.styles_scrollWrapper__7DIQQ {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 767.98px) {
  .styles_scrollWrapper__7DIQQ {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    margin: 0 -24px;
    padding: 0 24px;
  }
}
.styles_scrollShadow__UaZ_2 {
  position: absolute;
  left: 0;
  bottom: 88px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}
.styles_autoLayout__Y2E_6 {
  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__kwYbX {
    display: flex;
    flex-direction: column;
    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__3psqS {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__0nWUv {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__zNB_M ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__zNB_M ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__zNB_M ul::-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__zNB_M ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__zNB_M li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__zNB_M .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__zNB_M .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__zNB_M .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__zNB_M .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter___ZZ_M {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__QB6Nh {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__QMRPt .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__QMRPt .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__QMRPt .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__QMRPt .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__QMRPt .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__QMRPt .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__QMRPt .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__QMRPt .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__QMRPt .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__QMRPt .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__QMRPt .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__QMRPt .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__QMRPt .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__QMRPt .editBgColor::before,
.styles_tree__QMRPt .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__QMRPt .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__QMRPt .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__QMRPt .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__QMRPt .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__QMRPt .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__QMRPt .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__QMRPt .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__QMRPt .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__QMRPt .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__x5Xue .ant-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__x5Xue .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__x5Xue .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__x5Xue .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__iQQ7g .ant-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__iQQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__iQQ7g .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__iQQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__iQQ7g .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__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__iQQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__2uSGY::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__2uSGY::-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__2uSGY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__Rvxz8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__Rvxz8::-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__Rvxz8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__VKz4_ {
  position: relative;
  width: 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__pOKuB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__pOKuB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__pOKuB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__pOKuB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__pOKuB {
    flex: 0 0 100%;
  }
}
.styles_filterInput__ilhp8 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_formatFormula__TJza_ > input {
  cursor: pointer;
}
.styles_formulaModalWrapper__vR0cE .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__GDGKr h2 {
  font-size: 16px;
  line-height: 1.375em;
  color: var(--firstLevelText);
}
.styles_formulaModal__GDGKr .styles_formulaInput__MT_T5 {
  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__GDGKr .styles_formulaInput__MT_T5::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__GDGKr .styles_formulaInput__MT_T5::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__GDGKr .styles_formulaInput__MT_T5::-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__GDGKr .styles_formulaInput__MT_T5:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_formulaModal__GDGKr .styles_formulaInput__MT_T5:focus {
  box-shadow: none;
  border-color: #7b67ee !important;
  outline: none;
  background-color: var(--fc6);
}
.styles_formulaModal__GDGKr .styles_formulaColorant__vZU7_ {
  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__GDGKr .styles_formulaColorant__vZU7_::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__GDGKr .styles_formulaColorant__vZU7_::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__GDGKr .styles_formulaColorant__vZU7_::-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__GDGKr .styles_formulaColorant__vZU7_:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
@media (any-hover: hover) {
  .styles_formulaModal__GDGKr .styles_formulaColorant__vZU7_:hover::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 3px solid rgba(0, 0, 0, 0);
  }
}
.styles_formulaModal__GDGKr .styles_error__kNchP {
  height: 20px;
  margin-bottom: 3px;
  font-size: 12px;
  color: var(--errorColor);
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t {
  height: 367px;
  display: flex;
  flex-direction: row;
  margin: 0 -24px;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_leftPane__hGoQe {
  position: relative;
  height: 100%;
  width: 218px;
  border-right: solid 2px var(--rowSelectedBg);
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0 {
  height: 100%;
  width: 300px;
  padding: 0 12px 0 16px;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0::-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__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0 .styles_summary__EN9tT {
  display: flex;
  flex-direction: column;
  color: var(--thirdLevelText);
  margin-bottom: 24px;
  font-size: 12px;
  white-space: pre-wrap;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0 .styles_summary__EN9tT .styles_linkUrl___S2zi {
  margin-top: 8px;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0 .styles_subTitle__9YY7k {
  font-size: 14px;
  margin-bottom: 4px;
}
.styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_rightPane__Fz6c0 > 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__GDGKr .styles_listGroup__zghJQ {
  color: var(--firstLevelText);
}
.styles_formulaModal__GDGKr .styles_listGroup__zghJQ h3 {
  color: var(--thirdLevelText);
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  padding: 0px 24px;
  margin: 4px 0 0;
}
.styles_formulaModal__GDGKr .styles_listGroup__zghJQ .styles_listItem__YG5w9 {
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding: 0 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.styles_formulaModal__GDGKr .styles_listGroup__zghJQ .styles_listItem__YG5w9 .styles_fieldName__poHaV {
  margin-left: 4px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formulaModal__GDGKr .styles_listGroup__zghJQ .styles_listItem__YG5w9.styles_active__NespB {
  background-color: var(--rowSelectedBg);
}
.styles_formulaModal__GDGKr .styles_tips__j987_ {
  float: left;
  margin-top: 5px;
}
.styles_formulaModal__GDGKr .styles_tips__j987_ a {
  color: var(--fourthLevelText);
  font-size: 13px;
  text-decoration: underline;
}
.styles_formulaModal__GDGKr .styles_btnGroup__65Ruo {
  text-align: right;
  margin-top: 8px;
}
.styles_formulaModal__GDGKr .styles_btnGroup__65Ruo button {
  margin-left: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 767.98px) {
  .styles_formulaModal__GDGKr {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
  }
  .styles_formulaModal__GDGKr > * {
    flex-shrink: 0;
  }
  .styles_formulaModal__GDGKr .styles_pickerContainer__22k2t {
    height: unset;
    flex: 1;
    overflow: auto;
  }
  .styles_formulaModal__GDGKr .styles_pickerContainer__22k2t .styles_leftPane__hGoQe {
    overflow: auto;
  }
  .styles_formulaModal__GDGKr .styles_formulaColorant__vZU7_ {
    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__cZgEb {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__5XQI8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Ghgnd ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Ghgnd ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Ghgnd ul::-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__Ghgnd ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Ghgnd li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Ghgnd .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Ghgnd .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Ghgnd .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Ghgnd .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__L0zLQ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__eQ7iG {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__KA_t0 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__KA_t0 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__KA_t0 .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__KA_t0 .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__KA_t0 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__KA_t0 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__KA_t0 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__KA_t0 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__KA_t0 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__KA_t0 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__KA_t0 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__KA_t0 .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__KA_t0 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__KA_t0 .editBgColor::before,
.styles_tree__KA_t0 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__KA_t0 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__KA_t0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__KA_t0 .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__KA_t0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__KA_t0 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__KA_t0 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__KA_t0 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__KA_t0 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__KA_t0 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__AqB53 .ant-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__AqB53 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__AqB53 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__AqB53 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__77I9S .ant-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__77I9S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__77I9S .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__77I9S .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__77I9S .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__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__77I9S .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__QzuTf::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__QzuTf::-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__QzuTf:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__M26Jd::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__M26Jd::-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__M26Jd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__McCfm {
  position: relative;
  width: 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__O4iYj {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__O4iYj {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__O4iYj {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__O4iYj {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__O4iYj {
    flex: 0 0 100%;
  }
}
.styles_filterInput__tnNmM {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_datasheetInfo__Ndz8L {
  display: flex !important;
  align-items: center;
}
.styles_datasheetInfo__Ndz8L.styles_iconEditable__7KGLY .emoji-mart-emoji {
  cursor: pointer;
}
.styles_datasheetInfo__Ndz8L .emoji-mart-emoji {
  margin-right: 2px;
  line-height: 0;
}
.styles_name__Xz7BV {
  -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_popUpTitle__hxbrd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.style_popUpTitle__hxbrd .style_leftPos__m6Kxm,
.style_popUpTitle__hxbrd .style_leftPos__m6Kxm a {
  display: flex;
  align-items: center;
}
.style_popUpTitle__hxbrd .style_leftPos__m6Kxm svg {
  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__ZMq0w {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__RkV0c {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__M6xqq ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__M6xqq ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__M6xqq ul::-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__M6xqq ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__M6xqq li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__M6xqq .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__M6xqq .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__M6xqq .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__M6xqq .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__wY_sW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Fap0y {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ln2Y2 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ln2Y2 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ln2Y2 .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__ln2Y2 .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__ln2Y2 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ln2Y2 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ln2Y2 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ln2Y2 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ln2Y2 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ln2Y2 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ln2Y2 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ln2Y2 .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__ln2Y2 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ln2Y2 .editBgColor::before,
.style_tree__ln2Y2 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ln2Y2 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ln2Y2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ln2Y2 .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__ln2Y2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ln2Y2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ln2Y2 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ln2Y2 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ln2Y2 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ln2Y2 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__uwMNs .ant-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__uwMNs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__uwMNs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__uwMNs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__geDwF .ant-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__geDwF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__geDwF .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__geDwF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__geDwF .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__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__geDwF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__IvRmA::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__IvRmA::-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__IvRmA:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__QGl1f::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__QGl1f::-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__QGl1f:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__AisTV {
  position: relative;
  width: 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__9wS3j {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__9wS3j {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__9wS3j {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__9wS3j {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__9wS3j {
    flex: 0 0 100%;
  }
}
.style_filterInput__W27WM {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_closeSyncViewTip__fKryD {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.style_closeSyncViewTip__fKryD svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.style_closeSyncViewTip__fKryD .style_text___herV {
  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__TlyfR {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__1Y7RM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__MJGr3 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__MJGr3 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__MJGr3 ul::-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__MJGr3 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__MJGr3 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__MJGr3 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__MJGr3 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__MJGr3 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__MJGr3 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__98cBo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__fMEmz {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Yqy5q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Yqy5q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Yqy5q .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__Yqy5q .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__Yqy5q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Yqy5q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Yqy5q .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Yqy5q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Yqy5q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Yqy5q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Yqy5q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Yqy5q .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__Yqy5q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Yqy5q .editBgColor::before,
.style_tree__Yqy5q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Yqy5q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Yqy5q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Yqy5q .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__Yqy5q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Yqy5q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Yqy5q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Yqy5q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Yqy5q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Yqy5q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__n5kLC .ant-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__n5kLC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__n5kLC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__n5kLC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__hG0C8 .ant-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__hG0C8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__hG0C8 .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__hG0C8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__hG0C8 .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__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__hG0C8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__437v4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__437v4::-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__437v4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__epEW2::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__epEW2::-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__epEW2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__asqS5 {
  position: relative;
  width: 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__yPBnX {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__yPBnX {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__yPBnX {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__yPBnX {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__yPBnX {
    flex: 0 0 100%;
  }
}
.style_filterInput__h2OFa {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_invalidValue__9gh_K {
  flex: 1;
  height: 40px;
  background: var(--lowestBg);
  border-radius: 4px;
  text-align: center;
}
.style_invalidValue__9gh_K > 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__LeSP1 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__YzFJC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__OikdE ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__OikdE ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__OikdE ul::-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__OikdE ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__OikdE li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__OikdE .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__OikdE .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__OikdE .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__OikdE .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__F9b_d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__YRjVZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__0OL8T .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__0OL8T .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__0OL8T .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__0OL8T .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__0OL8T .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__0OL8T .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__0OL8T .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__0OL8T .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__0OL8T .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__0OL8T .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__0OL8T .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__0OL8T .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__0OL8T .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__0OL8T .editBgColor::before,
.style_tree__0OL8T .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__0OL8T .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__0OL8T .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__0OL8T .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__0OL8T .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__0OL8T .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__0OL8T .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__0OL8T .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__0OL8T .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__0OL8T .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__EKi_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_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__EKi_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);
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__EKi_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_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__EKi_A .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Q_BFF .ant-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__Q_BFF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Q_BFF .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__Q_BFF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q_BFF .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__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Q_BFF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__0_e5M::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__0_e5M::-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__0_e5M:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__OH_IS::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__OH_IS::-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__OH_IS:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__8UYnz {
  position: relative;
  width: 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__L2pJ1 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__L2pJ1 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__L2pJ1 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__L2pJ1 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__L2pJ1 {
    flex: 0 0 100%;
  }
}
.style_filterInput__IgY9i {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_junction__lmd1D {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  height: 40px;
  line-height: 40px !important;
  margin-right: 24px !important;
  border-radius: 4px;
  justify-content: flex-start;
  display: flex !important;
}
.style_options__zdTcP ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__zdTcP ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__zdTcP ul::-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__zdTcP ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__zdTcP li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__zdTcP .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__zdTcP .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__zdTcP .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__zdTcP .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
@media screen and (max-width: 767.98px) {
  .style_junction__lmd1D {
    flex-shrink: 0;
    background: none;
    margin: 0 !important;
    width: 100%;
  }
}

.styles_antiEllipsis__UlWKu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__aPadx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__EEb67 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__EEb67 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__EEb67 ul::-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__EEb67 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__EEb67 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__EEb67 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__EEb67 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__EEb67 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__EEb67 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__v9RFf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__MavBp {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__H8LzQ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__H8LzQ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__H8LzQ .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__H8LzQ .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__H8LzQ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__H8LzQ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__H8LzQ .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__H8LzQ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__H8LzQ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__H8LzQ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__H8LzQ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__H8LzQ .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__H8LzQ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__H8LzQ .editBgColor::before,
.styles_tree__H8LzQ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__H8LzQ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__H8LzQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__H8LzQ .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__H8LzQ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__H8LzQ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__H8LzQ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__H8LzQ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__H8LzQ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__H8LzQ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__rhza2 .ant-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__rhza2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__rhza2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__rhza2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ClWi0 .ant-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__ClWi0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__ClWi0 .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__ClWi0 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ClWi0 .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__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ClWi0 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__slSAH::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__slSAH::-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__slSAH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__xJj5a::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__xJj5a::-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__xJj5a:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__t3oHC {
  position: relative;
  width: 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__aKeSP {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__aKeSP {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__aKeSP {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__aKeSP {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__aKeSP {
    flex: 0 0 100%;
  }
}
.styles_filterInput__TVSX2 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  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
**/
.styles_fieldHeader__HzYxY {
  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__HzYxY .styles_dotOperate__ZJINN {
  display: none;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  transform: rotate(90deg) translateX(4px);
  width: 16px;
}
.styles_fieldHeader__HzYxY:hover .styles_dotOperate__ZJINN,
.styles_fieldHeader__HzYxY:hover .styles_fieldDescIcon__YScZg {
  display: flex;
}
.styles_fieldHeader__HzYxY .styles_addIcon__e3mkC {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.styles_fieldHeader__HzYxY .styles_iconType__iHpSj {
  display: flex;
  align-items: center;
}
.styles_fieldHeader__HzYxY .styles_fieldName__OJeDI {
  font-size: 13px;
  color: var(--firstLevelText);
  margin-left: 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_fieldHeader__HzYxY .styles_opacityLine__ngUKd {
  width: 6px;
  position: absolute;
  background: transparent;
  height: 100%;
  right: -2px;
  z-index: var(--dragColumnWidthAfter);
}
.styles_fieldHeader__HzYxY .styles_opacityLine__ngUKd:hover {
  cursor: col-resize;
}
.styles_select__Fcjmw {
  background: var(--cellSelectedColor);
}
.styles_highLight__ofR9b {
  position: relative;
}
.styles_highLight__ofR9b:after {
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  background: var(--primaryColor);
  position: absolute;
  top: 0;
  left: 0;
}
.styles_fieldDescIcon__YScZg {
  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__YScZg svg {
  fill: var(--primaryColor);
  vertical-align: -0.125em;
}
.styles_fieldDescIcon__YScZg .styles_focus__dqp6L svg {
  fill: var(--bgBrandDisabled);
}
.styles_tipPre__WKEhe {
  white-space: pre-wrap;
  word-break: break-word;
  max-width: 320px;
  margin-bottom: 0;
}
.styles_warningIcon__mROpU {
  cursor: pointer;
}
.styles_fieldNameWrapper__Ow_iW {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .styles_errorTip__Pf73K {
    left: 24px !important;
  }
}
.styles_firstHeaderTip__MVgrQ {
  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__d9oWw {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__Gd6aR {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__q9T9V ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__q9T9V ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__q9T9V ul::-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__q9T9V ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__q9T9V li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__q9T9V .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__q9T9V .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__q9T9V .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__q9T9V .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___hu06 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__jeKML {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__CzpU2 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__CzpU2 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__CzpU2 .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__CzpU2 .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__CzpU2 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__CzpU2 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__CzpU2 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__CzpU2 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__CzpU2 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__CzpU2 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__CzpU2 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__CzpU2 .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__CzpU2 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__CzpU2 .editBgColor::before,
.style_tree__CzpU2 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__CzpU2 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__CzpU2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__CzpU2 .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__CzpU2 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__CzpU2 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__CzpU2 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__CzpU2 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__CzpU2 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__CzpU2 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0JqM6 .ant-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__0JqM6 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__0JqM6 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0JqM6 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__smINd .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__smINd .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__smINd .ant-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__smINd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__smINd .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__smINd .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__smINd .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__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__smINd .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__eeGA9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__eeGA9::-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__eeGA9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__o7cUW::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__o7cUW::-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__o7cUW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__PX_DI {
  position: relative;
  width: 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__2JPvg {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__2JPvg {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__2JPvg {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__2JPvg {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__2JPvg {
    flex: 0 0 100%;
  }
}
.style_filterInput__D2lRz {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_field__5JasN {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
  margin-right: 8px !important;
}
.style_options__Dyhzi ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__Dyhzi ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__Dyhzi ul::-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__Dyhzi ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__Dyhzi li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__Dyhzi .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__Dyhzi .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__Dyhzi .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__Dyhzi .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_optionItemWrapper__ati3X {
  display: flex;
  align-items: center;
}
.style_optionItem__VSNCP {
  display: flex;
  align-items: center;
  width: 100%;
}
.style_optionItem__VSNCP svg {
  flex-shrink: 0;
}
.style_optionItem__VSNCP svg:nth-of-type(1) {
  margin-right: 4px;
}
.style_optionItem__VSNCP svg:nth-of-type(2) {
  margin-left: 4px;
  fill: var(--warningColor) !important;
}
.style_label__Ezyvj {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select .ant-select-selection-item {
  line-height: 40px !important;
}
.style_trigger__r_E9U {
  margin-right: 8px;
  background: var(--lowestBg);
  padding: 12px 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.style_trigger__r_E9U.style_error__b7UPZ 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__dTf6E {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__8AeRT {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__HcS7X ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__HcS7X ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__HcS7X ul::-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__HcS7X ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__HcS7X li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__HcS7X .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__HcS7X .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__HcS7X .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__HcS7X .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__UFc3v {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__611Zy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Ug_X_ .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Ug_X_ .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Ug_X_ .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__Ug_X_ .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__Ug_X_ .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Ug_X_ .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Ug_X_ .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Ug_X_ .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Ug_X_ .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Ug_X_ .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Ug_X_ .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Ug_X_ .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__Ug_X_ .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Ug_X_ .editBgColor::before,
.style_tree__Ug_X_ .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Ug_X_ .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Ug_X_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Ug_X_ .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__Ug_X_ .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Ug_X_ .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Ug_X_ .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Ug_X_ .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Ug_X_ .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Ug_X_ .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0ZUzu .ant-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__0ZUzu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__0ZUzu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0ZUzu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__plWGk .ant-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__plWGk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__plWGk .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__plWGk .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__plWGk .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__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__plWGk .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2tp8Y::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2tp8Y::-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__2tp8Y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__pm1i6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__pm1i6::-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__pm1i6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ZbDqh {
  position: relative;
  width: 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__1JOy_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__1JOy_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__1JOy_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__1JOy_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__1JOy_ {
    flex: 0 0 100%;
  }
}
.style_filterInput__SZkXd {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_field__r_DdV {
  width: 129px;
  height: 40px;
  line-height: 40px !important;
  margin-right: 10px !important;
  background: var(--lowestBg);
  border-radius: 2px;
}
.style_options__g9JTa ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_options__g9JTa ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_options__g9JTa ul::-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__g9JTa ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_options__g9JTa li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_options__g9JTa .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_options__g9JTa .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_options__g9JTa .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_options__g9JTa .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_iconType__81Xqf {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_optionItemWrapper__K5mRC {
  display: flex;
  align-items: center;
}
.style_optionItemWrapper__K5mRC .style_label__VKG3l {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionItem__ls_a_ {
  display: flex;
  width: 100%;
}
.style_con__DfbeO {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  height: 40px;
  line-height: 40px !important;
  border-radius: 4px;
  margin-right: 8px !important;
}
.style_con__DfbeO > div {
  height: 40px !important;
  line-height: 40px !important;
}
.style_con__DfbeO .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__MNYcE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__fBYcs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Nsf_S ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Nsf_S ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Nsf_S ul::-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__Nsf_S ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Nsf_S li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Nsf_S .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Nsf_S .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Nsf_S .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Nsf_S .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__2BhH3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__kGhIA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__pmP28 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__pmP28 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__pmP28 .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__pmP28 .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__pmP28 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__pmP28 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__pmP28 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__pmP28 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__pmP28 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__pmP28 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__pmP28 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__pmP28 .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__pmP28 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__pmP28 .editBgColor::before,
.style_tree__pmP28 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__pmP28 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__pmP28 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__pmP28 .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__pmP28 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__pmP28 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__pmP28 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__pmP28 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__pmP28 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__pmP28 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__d03Ix .ant-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__d03Ix .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__d03Ix .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__d03Ix .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__o__sw .ant-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__o__sw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__o__sw .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__o__sw .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__o__sw .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__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__o__sw .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__OaloQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__OaloQ::-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__OaloQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__rh3bB::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__rh3bB::-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__rh3bB:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__xslxW {
  position: relative;
  width: 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__3kGHf {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__3kGHf {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__3kGHf {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__3kGHf {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__3kGHf {
    flex: 0 0 100%;
  }
}
.style_filterInput__vXSbr {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.ant-modal-body .style_viewFilter__ymwP4 {
  background-color: var(--bgCommonDefault);
}
.style_viewFilter__ymwP4 {
  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__ymwP4 h4 {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_viewFilter__ymwP4 .style_addNewButton__X4xft {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content;
  color: var(--secondLevelText);
}
.style_viewFilter__ymwP4 .style_addNewButton__X4xft.style_disabled__azncY {
  color: var(--textCommonDisabled) !important;
  cursor: not-allowed;
}
.style_viewFilter__ymwP4 .style_addNewButton__X4xft.style_disabled__azncY svg {
  fill: var(--textCommonDisabled) !important;
}
.style_viewFilter__ymwP4 .style_addNewButton__X4xft.style_disabled__azncY > * {
  opacity: 0.5;
}
.style_viewFilter__ymwP4 .style_addNewButton__X4xft .style_iconAdd__h_3IM {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
@media (any-hover: hover) {
  .style_viewFilter__ymwP4 .style_addNewButton__X4xft:hover {
    color: var(--primaryColor);
  }
  .style_viewFilter__ymwP4 .style_addNewButton__X4xft:hover svg {
    fill: var(--primaryColor);
  }
}
.style_viewFilter__ymwP4 .style_condition__q2EoD {
  padding-top: 2px;
}
.style_viewFilter__ymwP4 .style_condition__q2EoD .style_conditionItem__OmoAm {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 16px;
}
.style_viewFilter__ymwP4 .style_condition__q2EoD .style_conditionWarn__xQyew {
  position: absolute;
  left: 8px;
}
.style_viewFilter__ymwP4 .style_condition__q2EoD .style_conditionWarn__xQyew svg {
  cursor: pointer;
  display: block;
}
.ant-select-selection-selected-valueP {
  display: none;
}
.style_ant-select-selection-selected-value__3Ahow {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .style_viewFilter__ymwP4 {
    width: 100%;
    height: 100%;
    box-shadow: none;
    padding: 0;
    background: var(--defaultBg);
  }
  .style_viewFilter__ymwP4 .style_condition__q2EoD {
    max-height: calc(100% - 48px);
  }
  .style_viewFilter__ymwP4 .style_condition__q2EoD .style_conditionItem__OmoAm {
    flex-direction: column;
    font-size: 14px;
  }
  .style_addNewButton__X4xft {
    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__X4xft span {
    margin-right: 8px;
  }
  .style_addNewButton__X4xft:active {
    color: var(--primaryColor);
  }
  .style_addNewButton__X4xft:active svg {
    fill: var(--primaryColor);
  }
}
.style_boxTop__453dC {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  justify-content: space-between;
}
.style_boxTop__453dC svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_boxTop__453dC a {
  display: flex;
  align-items: center;
}
.style_scrollShadow__U707t {
  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__L_RF9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__zH7sr {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___36_S ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___36_S ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___36_S ul::-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___36_S ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___36_S li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___36_S .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___36_S .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___36_S .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___36_S .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__lk8zj {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__FMyG2 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__A8Xki .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__A8Xki .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__A8Xki .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__A8Xki .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__A8Xki .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__A8Xki .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__A8Xki .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__A8Xki .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__A8Xki .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__A8Xki .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__A8Xki .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__A8Xki .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__A8Xki .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__A8Xki .editBgColor::before,
.style_tree__A8Xki .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__A8Xki .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__A8Xki .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__A8Xki .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__A8Xki .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__A8Xki .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__A8Xki .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__A8Xki .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__A8Xki .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__A8Xki .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__DgAAW .ant-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__DgAAW .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__DgAAW .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__DgAAW .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__1752L .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__1752L .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__1752L .ant-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__1752L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__1752L .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__1752L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1752L .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__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__1752L .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__rk6T5::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__rk6T5::-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__rk6T5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__dRz6B::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__dRz6B::-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__dRz6B:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Xjv_X {
  position: relative;
  width: 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__shk6n {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__shk6n {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__shk6n {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__shk6n {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__shk6n {
    flex: 0 0 100%;
  }
}
.style_filterInput__Zdfp0 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_sortOptions__YIRdw {
  width: 346px;
  height: 100%;
  line-height: 35px;
  cursor: default;
}
.style_sortOptions__YIRdw .style_select__DMQCv {
  width: 100%;
  line-height: 40px;
}
.style_options__A_nzo {
  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__49Ysl {
  display: flex;
  width: 100%;
  align-items: center;
}
.style_optionItem__49Ysl > svg {
  margin-right: 4px;
  flex-shrink: 0;
}
.style_optionItem__49Ysl .style_iconType__awDRg {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.style_optionItem__49Ysl .style_label__uCYAC {
  width: 100%;
  display: flex;
  align-items: center;
  padding-right: 24px;
}
.style_optionItem__49Ysl .style_label__uCYAC span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_optionItem__49Ysl .style_label__uCYAC svg {
  margin-left: 4px;
  flex-shrink: 0;
}
.style_addOption__1yzvS {
  margin-left: 18px;
}
.style_addOption__1yzvS.style_blankField__fieeT {
  margin-left: 0px;
}
main {
  border-radius: 4px;
}
@media screen and (max-width: 767.98px) {
  .style_addOption__1yzvS {
    padding: 0;
  }
  .style_addSortRules__zIUhA {
    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__zIUhA span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .style_addSortRules__zIUhA .style_arrow__WoarF {
    margin-left: 4px;
  }
  .style_optionsListMenu__aPh6p {
    z-index: 9999;
  }
  .style_optionsListMenu__aPh6p .style_optionItem__49Ysl {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--lineColor);
  }
  .style_optionsListMenu__aPh6p .style_fieldItem__x5I4a {
    display: flex;
    align-items: center;
  }
  .style_optionsListMenu__aPh6p .style_fieldItem__x5I4a .style_fieldName__Otv_9 {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.style_addSortRules__zIUhA.style_disabled__sd3Ca > * {
  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__2fql2 {
  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__2fql2.style_disabled__gapMh > * {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_rules__2fql2 .style_asc___ENJT,
.style_rules__2fql2 .style_desc__3I6_U {
  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__2fql2 .style_asc___ENJT .style_iconArrow__A9vLP,
.style_rules__2fql2 .style_desc__3I6_U .style_iconArrow__A9vLP {
  margin: 0 10px;
  display: flex;
  align-items: center;
}
.style_active__Xl2Se {
  color: var(--staticWhite0);
  background: var(--primaryColor);
}
@media screen and (max-width: 767.98px) {
  .style_rules__2fql2 {
    width: 100%;
    height: 48px;
    margin-left: 0;
    flex-grow: 1;
  }
  .style_rules__2fql2 .style_asc___ENJT,
  .style_rules__2fql2 .style_desc__3I6_U {
    width: 50%;
    min-width: 40px;
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 0 8px;
  }
  .style_rules__2fql2 .style_asc___ENJT .style_iconArrow__A9vLP,
  .style_rules__2fql2 .style_desc__3I6_U .style_iconArrow__A9vLP {
    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__A1d5w {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__x4pGJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__XR7BO ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__XR7BO ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__XR7BO ul::-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__XR7BO ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__XR7BO li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__XR7BO .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__XR7BO .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__XR7BO .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__XR7BO .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__qvO9B {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__JqHe9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8O38q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8O38q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8O38q .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__8O38q .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__8O38q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8O38q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8O38q .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8O38q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8O38q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8O38q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8O38q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8O38q .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__8O38q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8O38q .editBgColor::before,
.style_tree__8O38q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8O38q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8O38q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8O38q .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__8O38q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8O38q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8O38q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8O38q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8O38q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8O38q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__8W_5Z .ant-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__8W_5Z .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__8W_5Z .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__8W_5Z .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__lRxJB .ant-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__lRxJB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__lRxJB .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__lRxJB .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lRxJB .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__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__lRxJB .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__kVGN0::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__kVGN0::-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__kVGN0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__uoJbw::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__uoJbw::-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__uoJbw:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Y_W51 {
  position: relative;
  width: 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__Blh80 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__Blh80 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__Blh80 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__Blh80 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__Blh80 {
    flex: 0 0 100%;
  }
}
.style_filterInput__N2fxS {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_viewSort__36dAc {
  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__XkQpz {
  margin-top: 8px;
  padding-left: 6px;
}
.style_droppable__06hzN::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_droppable__06hzN::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_droppable__06hzN::-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__06hzN:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_draggable__x5np_ {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  height: 40px;
}
.style_draggable__x5np_:last-child {
  margin-bottom: 0;
}
.style_boxTop__L1t4i {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  padding: 0 20px;
  justify-content: space-between;
}
.style_boxTop__L1t4i svg {
  margin-left: 8px;
  cursor: pointer;
}
.style_boxTop__L1t4i a {
  display: flex;
  align-items: center;
}
.style_buttonWrapper__VF3tk {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  padding-right: 20px;
}
.style_keepSort__vBT3W {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.style_HelpIcon__P9R9M {
  cursor: pointer;
  vertical-align: -0.125em;
  margin-left: 4px;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .style_viewSort__36dAc {
    width: 100%;
    height: 100%;
    padding: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    background-color: transparent;
  }
  .style_viewSort__36dAc .style_boxTop__L1t4i {
    padding: 0;
    font-size: 14px;
    justify-content: flex-end;
  }
  .style_viewSort__36dAc main {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
  }
  .style_viewSort__36dAc .style_selectField__XkQpz {
    padding-left: 0;
  }
  .style_viewSort__36dAc .style_buttonWrapper__VF3tk {
    justify-content: space-between;
    padding-right: 0;
  }
  .style_optionsWrapper__Pyl7i {
    padding: 0!important;
    margin-right: 20px;
  }
  .style_draggable__x5np_ {
    margin-top: 8px;
    height: 48px!important;
  }
  .style_draggableRow__olwsJ {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .style_keepSort__vBT3W .ant-switch {
    min-width: 34px;
  }
}
.style_delBtnWrapper__rWPTC {
  display: flex;
  justify-content: flex-end;
}
.style_optionsWrapper__Pyl7i {
  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__YyJwz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__6XBxJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__m2XYF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__m2XYF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__m2XYF ul::-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__m2XYF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__m2XYF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__m2XYF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__m2XYF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__m2XYF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__m2XYF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__OZDA1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__V7cdy {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__fxC5Q .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__fxC5Q .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__fxC5Q .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__fxC5Q .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__fxC5Q .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__fxC5Q .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__fxC5Q .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__fxC5Q .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__fxC5Q .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__fxC5Q .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__fxC5Q .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__fxC5Q .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__fxC5Q .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__fxC5Q .editBgColor::before,
.style_tree__fxC5Q .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__fxC5Q .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__fxC5Q .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__fxC5Q .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__fxC5Q .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__fxC5Q .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__fxC5Q .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__fxC5Q .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__fxC5Q .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__fxC5Q .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__8yvVN .ant-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__8yvVN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__8yvVN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__8yvVN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__9jC3r .ant-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__9jC3r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__9jC3r .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__9jC3r .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9jC3r .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__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__9jC3r .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__aSK59::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__aSK59::-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__aSK59:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__oj077::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__oj077::-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__oj077:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__1_VOC {
  position: relative;
  width: 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__nuCYb {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__nuCYb {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__nuCYb {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__nuCYb {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__nuCYb {
    flex: 0 0 100%;
  }
}
.style_filterInput__mbMVK {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_filterModal__f9luC .ant-modal-body {
  padding: 24px !important;
}
.style_modalList__RVbw8 {
  margin-bottom: 24px;
}
.style_modalList__RVbw8 .style_title__XOc7H {
  margin-bottom: 16px;
}
.style_modalList__RVbw8 h3 {
  font-size: 14px;
  font-weight: bold;
  color: var(--fc1);
}
.style_modalSubtitle__9EycA {
  font-size: 13px;
  color: var(--fc3);
}
main {
  margin-top: 0;
}
.style_optionsListMenu__uhS9h {
  z-index: 9001;
}
.style_optionsListMenu__uhS9h .style_optionItem__W7XDc {
  height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--lineColor);
}
.style_optionsListMenu__uhS9h .style_fieldItem__f5lPO {
  display: flex;
  align-items: center;
}
.style_optionsListMenu__uhS9h .style_fieldItem__f5lPO .style_fieldName__1jqq3 {
  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__QvMP3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__B0GU7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__m7lYi ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__m7lYi ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__m7lYi ul::-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__m7lYi ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__m7lYi li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__m7lYi .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__m7lYi .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__m7lYi .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__m7lYi .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZSfud {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__1_sj8 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__g_lHg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__g_lHg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__g_lHg .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_lHg .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_lHg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__g_lHg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__g_lHg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__g_lHg .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_lHg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__g_lHg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__g_lHg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__g_lHg .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_lHg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__g_lHg .editBgColor::before,
.style_tree__g_lHg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__g_lHg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__g_lHg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__g_lHg .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_lHg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__g_lHg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__g_lHg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__g_lHg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__g_lHg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__g_lHg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__yxlOm .ant-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__yxlOm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__yxlOm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__yxlOm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__pry0D .ant-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__pry0D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__pry0D .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__pry0D .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pry0D .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__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__pry0D .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__PnRZb::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__PnRZb::-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__PnRZb:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__BsfWz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__BsfWz::-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__BsfWz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__sfDup {
  position: relative;
  width: 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__GH_xZ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__GH_xZ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__GH_xZ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__GH_xZ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__GH_xZ {
    flex: 0 0 100%;
  }
}
.style_filterInput__aNamG {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_hightLight__1W65w {
  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__fP7R0 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__E7fcm {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__4Zz9i ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__4Zz9i ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__4Zz9i ul::-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__4Zz9i ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__4Zz9i li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__4Zz9i .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__4Zz9i .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__4Zz9i .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__4Zz9i .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__nafM_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__d_0I8 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__vWY5b .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__vWY5b .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__vWY5b .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__vWY5b .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__vWY5b .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__vWY5b .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__vWY5b .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__vWY5b .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__vWY5b .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__vWY5b .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__vWY5b .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__vWY5b .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__vWY5b .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__vWY5b .editBgColor::before,
.styles_tree__vWY5b .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__vWY5b .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__vWY5b .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__vWY5b .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__vWY5b .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__vWY5b .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__vWY5b .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__vWY5b .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__vWY5b .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__vWY5b .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__aYtGf .ant-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__aYtGf .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__aYtGf .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__aYtGf .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__1I2FQ .ant-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__1I2FQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__1I2FQ .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__1I2FQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__1I2FQ .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__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__1I2FQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__QpqDX::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__QpqDX::-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__QpqDX:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__xcpUd::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__xcpUd::-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__xcpUd:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__Pltyi {
  position: relative;
  width: 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__w9Sjz {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__w9Sjz {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__w9Sjz {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__w9Sjz {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__w9Sjz {
    flex: 0 0 100%;
  }
}
.styles_filterInput__pKkk2 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_lookupDatasheetName__1j5RH {
  cursor: pointer;
  font-size: 13px;
  color: var(--firstLevelText);
  margin-bottom: 8px;
  font-weight: bolder;
}
.styles_subtitle__9kuQv {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
}
.styles_modalSubtitle__NNriG {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  font-weight: lighter;
}
.styles_warningText__JbyG9 {
  font-weight: normal;
  color: var(--thirdLevelText);
}
.styles_noLinkTableTips__NtMiV {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--thirdLevelText);
}
.styles_panel__nquT3 {
  background: var(--highBg);
  box-shadow: var(--shadowCommonHighest);
  border-radius: 8px;
  z-index: 101;
  padding: 16px 16px 0 16px;
}
.styles_panel__nquT3 .styles_title__EEZr0 {
  font-size: 16px;
  font-weight: bold;
  color: var(--firstLevelText);
  line-height: 22px;
}
.styles_panel__nquT3 .styles_searchInPut__A3V3b {
  margin: 8px 0;
  max-width: 100%;
}
.styles_panel__nquT3 .styles_underline__el2jN {
  border-bottom: 1px solid var(--shadowColor);
}
.styles_panel__nquT3 .styles_optList__judTR {
  margin: 0 -16px;
  padding: 0 16px;
  max-height: 400px;
  min-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}
.styles_panel__nquT3 .styles_optList__judTR::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_panel__nquT3 .styles_optList__judTR::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_panel__nquT3 .styles_optList__judTR::-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__nquT3 .styles_optList__judTR:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_panel__nquT3 .styles_activeField__m7FQO {
  color: var(--primaryColor);
}
.styles_panel__nquT3 .styles_hover__CxXtR {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_panel__nquT3 .styles_hover__CxXtR:after {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -16px;
}
.styles_panel__nquT3 .styles_hover__CxXtR:before {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -16px;
}
.styles_panel__nquT3 .styles_fieldItem__dovzg {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.styles_panel__nquT3 .styles_fieldItem__dovzg.styles_disabled__dB5GT {
  cursor: not-allowed;
}
.styles_panel__nquT3 .styles_fieldItem__dovzg:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_panel__nquT3 .styles_fieldItem__dovzg:hover:after {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  left: -16px;
}
.styles_panel__nquT3 .styles_fieldItem__dovzg:hover:before {
  content: " ";
  display: block;
  width: 16px;
  height: 100%;
  background: var(--rowSelectedBg);
  position: absolute;
  top: 0;
  right: -16px;
}
.styles_fieldIconAndTitle__BrPqs {
  display: flex;
  align-items: center;
  width: 100%;
}
.styles_iconWithFieldNote__KzmFz {
  display: flex;
  align-items: center;
  margin-right: 4px;
  align-self: flex-start;
  padding-top: 3px;
}
.styles_iconType__HO7C0 {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_fieldName__fZKTY {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_relatedSheetName__ENOFt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 20px;
  color: var(--black_500);
}
.styles_fieldNote__MGzhS {
  font-size: 13px;
  font-weight: normal;
  color: var(--textCommonPrimary);
  line-height: 24px;
}
.styles_fieldNameText__2Azwz {
  font-size: 12px;
  line-height: 18px;
  color: var(--textCommonTertiary);
}
.styles_funcOptLabel__QR38_ {
  color: var(--thirdLevelText);
}
.styles_funcLabelName__RkZsK {
  font-size: 14px;
  font-weight: bold;
  text-align: start;
}
.styles_funcLabel__cW1sj {
  font-size: 12px;
  font-weight: normal;
  opacity: 0.7;
  text-align: start;
}
.styles_notFoundSearchKeyword__oOGYJ {
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_plzSelectFieldText__u78Cx {
  color: var(--thirdLevelText);
  opacity: 0.5;
}
@media screen and (max-width: 767.98px) {
  .styles_panel__nquT3 {
    padding: 24px;
    box-shadow: none;
  }
}
.styles_cryptoLinkField___IIQ5 {
  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__RRi_W {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__0RlUi {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__cH8Uv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__cH8Uv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__cH8Uv ul::-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__cH8Uv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__cH8Uv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__cH8Uv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__cH8Uv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__cH8Uv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__cH8Uv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__ZL54t {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__bqSgA {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__0WjaW .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__0WjaW .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__0WjaW .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__0WjaW .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__0WjaW .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__0WjaW .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__0WjaW .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__0WjaW .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__0WjaW .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__0WjaW .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__0WjaW .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__0WjaW .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__0WjaW .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__0WjaW .editBgColor::before,
.styles_tree__0WjaW .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__0WjaW .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__0WjaW .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__0WjaW .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__0WjaW .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__0WjaW .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__0WjaW .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__0WjaW .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__0WjaW .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__0WjaW .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__rWK8L .ant-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__rWK8L .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__rWK8L .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__rWK8L .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__k9EPb .ant-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__k9EPb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__k9EPb .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__k9EPb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__k9EPb .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__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__k9EPb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__DvXqP::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__DvXqP::-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__DvXqP:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__CRnAI::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__CRnAI::-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__CRnAI:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__JwJtJ {
  position: relative;
  width: 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__Fu2Mw {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__Fu2Mw {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__Fu2Mw {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__Fu2Mw {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__Fu2Mw {
    flex: 0 0 100%;
  }
}
.styles_filterInput__vU__7 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_sectionWrapper__bupHY {
  display: flex;
}
.styles_requiredTip__0if6G {
  display: inline-flex;
  margin-left: 8px;
  color: var(--black_500);
  vertical-align: -0.25em;
}
.styles_requiredTip__0if6G:hover {
  color: var(--primaryColor);
}
.styles_subscription__1QgYN {
  max-width: 256px;
  display: inline-block;
}
.styles_section__x7ZGx {
  margin-bottom: 16px;
}
.styles_section__x7ZGx.styles_sectionLeft__2hnbi {
  width: 88px;
}
.styles_section__x7ZGx.styles_sectionCenter__A7ie8 {
  width: 104px;
  margin-right: 12px;
}
.styles_section__x7ZGx.styles_sectionRight__YkeAQ {
  position: relative;
  width: 188px;
}
.styles_section__x7ZGx .styles_sectionTitle__htG6Y {
  position: relative;
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_section__x7ZGx .styles_sectionTitle__htG6Y .styles_optional__7IXr0 {
  font-size: 12px;
  color: var(--fourthLevelText);
}
.styles_section__x7ZGx .styles_sectionCheckBox__uQmW1 {
  font-size: 12px;
  margin-top: 15px;
  margin-right: -15px;
}
.styles_selection__w6BG7 {
  padding-top: 1px;
  margin: 0 -14px 0 -20px;
  overflow: auto;
}
.styles_selection__w6BG7::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_selection__w6BG7::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_selection__w6BG7::-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__w6BG7:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_selection__w6BG7.styles_dragStart__IDIWF {
  padding-bottom: 40px;
}
.styles_addNewItem__OfO6x {
  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__OfO6x svg {
  margin-right: 7px;
  padding-bottom: 1px;
}
@media (any-hover: hover) {
  .styles_addNewItem__OfO6x:hover {
    color: var(--primaryColor);
  }
  .styles_addNewItem__OfO6x:hover svg {
    fill: var(--primaryColor);
  }
}
.styles_inputBlur__ohnTV {
  border: 1px solid #eee !important;
  box-shadow: none !important;
}
.styles_inputError__OsdSU {
  border: 1px solid var(--errorColor) !important;
  box-shadow: none !important;
}
.styles_inputFocus__Y94nh {
  border: 1px solid var(--primaryColor) !important;
  box-shadow: none !important;
}
.styles_preview__VcALw {
  color: var(--secondLevelText);
  font-size: 11px;
  margin-bottom: 8px;
}
.styles_ratingFormatOptionWrapper__9uGPs {
  min-height: 400px;
}
.styles_emojiPopover__cT1aS .ant-popover-inner-content {
  padding: 0;
}
.styles_arrowBase__a_ijB {
  transform-origin: center center;
  transition: transform 0.3s !important;
  height: 35px;
  display: flex !important;
  align-items: center !important;
  margin: 0;
}
.styles_arrowBase__a_ijB svg {
  fill: var(--fourthLevelText) !important;
}
.styles_arrow__s7UeW {
  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__s7UeW svg {
  fill: var(--fourthLevelText) !important;
}
.styles_arrowRotate__WX28f {
  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__WX28f svg {
  fill: var(--fourthLevelText) !important;
}
.styles_emojiBtn__oZFJw {
  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__oZFJw svg {
  margin-right: 0 !important;
  fill: var(--fourthLevelText) !important;
}
.styles_selectionItem__yMO_0 {
  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__yMO_0 .styles_colorBlock__8AL52 {
  width: 7px;
  height: 14px;
  margin-left: 4px;
  margin-right: 4px;
}
.styles_selectionItem__yMO_0 .styles_iconMove__oPKnU,
.styles_selectionItem__yMO_0 .styles_iconDelete__zfJd3 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.styles_selectionItem__yMO_0 .styles_iconDelete__zfJd3 {
  margin-left: 4px;
}
.styles_selectionItem__yMO_0 .styles_iconMove__oPKnU svg {
  fill: var(--thirdLevelText);
}
@media (any-hover: hover) {
  .styles_selectionItem__yMO_0 .styles_iconMove__oPKnU.styles_dragging__fOCPI svg,
  .styles_selectionItem__yMO_0 .styles_iconMove__oPKnU:hover svg {
    fill: var(--firstLevelText);
  }
}
.styles_customSelect__5H96e {
  height: 40px;
}
.styles_customSelect__5H96e > div {
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}
.styles_timeTitle__X5pHM {
  display: inline-block;
}
.styles_timeZoneSelect__53aDL {
  margin-top: 16px;
  margin-bottom: 8px;
}
.styles_showTimeZone__Aj6ar {
  font-size: 13px;
  line-height: 18px;
}
.styles_showTimeZone__Aj6ar span {
  color: var(--textCommonTertiary);
}
.styles_horizontalItem__90elH {
  width: 88px;
}
.styles_horizontalItem__90elH .styles_horizontalItemTitle__0TNgB {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
}
.styles_border__SuXJB {
  border-top: 1px solid var(--lineColor);
  padding-top: 16px;
}
.styles_borderTop__RguVg {
  border-Top: 1px solid var(--lineColor);
  padding-Top: 16px;
}
.styles_sectionTop__vqvh5 {
  padding-top: 16px;
}
.styles_singleText__X9UFq span {
  color: var(--fourthLevelText);
  font-size: 12px;
}
.styles_divider__0bB3p {
  flex-shrink: 0;
}
.styles_selectWrap__RBWfg {
  display: flex;
}
.styles_alignSelectWrap__Xa7Cb {
  width: 104px;
  margin-right: 16px;
}
.styles_precisionSelectWrap__B9Nu9 {
  flex: 1;
  overflow: hidden;
}
.styles_formatItemWrap__B3F_1 {
  display: flex;
  justify-content: space-between;
}
.styles_formatItemWrap__B3F_1 .styles_formatItemSymbol__i0Fdg {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_formatItemWrap__B3F_1 .styles_formatItemPrecision__ng5hn {
  flex-shrink: 0;
}
.styles_formatItemWrap__B3F_1[data-align="default"] .styles_formatItemSymbol__i0Fdg {
  text-align: right;
}
.styles_formatItemWrap__B3F_1[data-align="default"] .styles_formatItemPrecision__ng5hn {
  margin-left: 2px;
}
.styles_formatItemWrap__B3F_1[data-align="right"] {
  display: inline-block;
  width: 100%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_commaStyleSwitch__mcUqh {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
}
.styles_commaStyleText__5zikx {
  margin-left: 4px;
  font-size: 13px;
  color: var(--thirdLevelText);
}
.styles_divider__0bB3p {
  margin-top: 8px;
  margin-bottom: 16px;
}
.styles_defaultValueTitle__bvhG6 {
  margin-bottom: 8px !important;
}
.styles_defaultValueSelect__KqU9J {
  margin-bottom: 8px;
}
.styles_selectDefault__l07kN .listBox {
  max-height: 135px;
}
.styles_selectList__AwwFx {
  max-height: 250px;
  flex-shrink: 0;
}
.styles_enhance__k_PIF {
  display: flex;
  justify-content: space-between !important;
  margin-top: 16px;
  margin-bottom: 17px!important;
}
.styles_selectText__n5LiD {
  color: var(--textCommonQuaternary);
}
.styles_sectionInfo__PMfAU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  height: 40px;
  position: relative;
}
.styles_warnInfo__TliD_ {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--textCommonTertiary);
  margin-top: 8px;
  font-size: 13px;
}
.styles_warnInfo__TliD_ svg {
  margin-right: 5px;
}
.styles_infoTip__GiDJu {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.styles_infoTip__GiDJu span {
  margin-right: 5px;
}
.styles_infoTip__GiDJu .styles_infoIcon__m_L5a {
  height: 16px;
}
.styles_infoTip__GiDJu .styles_infoIcon__m_L5a:hover svg {
  fill: var(--textCommonTertiary);
}
.styles_filterSelected__grY6r {
  color: var(--textCommonPrimary);
}
@media screen and (max-width: 767.98px) {
  .styles_addNewItem__OfO6x {
    font-size: inherit;
    padding: 0;
  }
  .styles_selection__w6BG7:not(:empty) {
    min-height: 200px;
    flex: 1;
  }
  .styles_selectionItem__yMO_0 {
    display: block;
  }
  .styles_item__kJLNG {
    display: flex;
    align-items: center;
    height: 40px;
  }
  .styles_optName__d68K_ {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .styles_sortableContainer__P7ehY {
    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__1f3hE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__XRO8Q {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__OisEB ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__OisEB ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__OisEB ul::-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__OisEB ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__OisEB li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__OisEB .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__OisEB .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__OisEB .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__OisEB .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__ZmQxb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__i6r9P {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree___JPsy .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree___JPsy .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree___JPsy .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___JPsy .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___JPsy .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree___JPsy .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree___JPsy .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree___JPsy .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree___JPsy .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree___JPsy .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree___JPsy .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree___JPsy .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___JPsy .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree___JPsy .editBgColor::before,
.style_tree___JPsy .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree___JPsy .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree___JPsy .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree___JPsy .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___JPsy .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree___JPsy .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree___JPsy .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree___JPsy .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree___JPsy .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree___JPsy .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__5xbgM .ant-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__5xbgM .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__5xbgM .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__5xbgM .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__NyH4B .ant-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__NyH4B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__NyH4B .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__NyH4B .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NyH4B .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__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__NyH4B .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__pE56v::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__pE56v::-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__pE56v:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__yksd0::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__yksd0::-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__yksd0:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__uqpdC {
  position: relative;
  width: 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__u0G6u {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__u0G6u {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__u0G6u {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__u0G6u {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__u0G6u {
    flex: 0 0 100%;
  }
}
.style_filterInput__eI1JG {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_datasheetInfo__YPrk2 {
  display: flex !important;
  align-items: center;
}
.style_datasheetInfo__YPrk2.style_iconEditable__eQ3EU .emoji-mart-emoji {
  cursor: pointer;
}
.style_datasheetInfo__YPrk2 .emoji-mart-emoji {
  margin-right: 2px;
  line-height: 0;
}
.style_name__vneaG {
  -webkit-user-select: text;
          user-select: text;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_fieldName__PbjmE {
  margin: 0;
  font-size: 12px;
  padding-left: 40px;
  color: var(--textCommonTertiary);
}
.optionLabel {
  height: 100%;
  overflow: hidden;
}

.styles_openLinkInput__iWZ3_ {
  position: relative;
}
.styles_switchUrl__srjjD {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}
.styles_switchUrl__srjjD .styles_divider__BPD_2 {
  width: 1px;
  height: 16px;
  margin-right: 10px;
  background-color: var(--borderCommonDefault);
}
.styles_switchUrl__srjjD span {
  line-height: 13px;
  padding: 4px 4px;
  border-radius: 4px;
}
.styles_switchUrl__srjjD 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__jF7P5 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__fBuG6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__fzEvP ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__fzEvP ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__fzEvP ul::-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__fzEvP ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__fzEvP li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__fzEvP .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__fzEvP .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__fzEvP .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__fzEvP .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__XS0yG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__e0_vi {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__onwao .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__onwao .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__onwao .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__onwao .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__onwao .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__onwao .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__onwao .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__onwao .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__onwao .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__onwao .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__onwao .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__onwao .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__onwao .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__onwao .editBgColor::before,
.style_tree__onwao .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__onwao .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__onwao .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__onwao .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__onwao .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__onwao .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__onwao .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__onwao .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__onwao .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__onwao .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__IpHJN .ant-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__IpHJN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__IpHJN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__IpHJN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__VDwIN .ant-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__VDwIN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__VDwIN .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__VDwIN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VDwIN .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__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__VDwIN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lLlhO::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lLlhO::-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__lLlhO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__q_Ptx::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__q_Ptx::-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__q_Ptx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__mEi_4 {
  position: relative;
  width: 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__6VD_R {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__6VD_R {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__6VD_R {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__6VD_R {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__6VD_R {
    flex: 0 0 100%;
  }
}
.style_filterInput__tiH6G {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_portalContainer__xITAo {
  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__W_cgk {
  width: 100%;
  height: 100%;
}
.style_portalContainerDrawer__W_cgk .style_searchPanelContainer__ue16u {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.style_portalContainerDrawer__W_cgk .style_searchPanelContainer__ue16u .style_coverImg__wMsTy {
  width: 100%;
  height: 110px;
}
.style_portalContainerDrawer__W_cgk .style_searchPanelContainer__ue16u .style_searchPanelTitle__pJCDL {
  font-size: 18px;
}
.style_portalContainerDrawer__W_cgk .style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 {
  width: 100%;
  display: flex;
  flex: 1;
}
.style_searchPanelContainer__ue16u {
  border-radius: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: var(--shadowCommonHighest);
}
.style_searchPanelContainer__ue16u.style_secondConfirmTypeForChat__YXMGg {
  display: block;
  background: var(--bgCommonHighest);
}
.style_searchPanelContainer__ue16u.style_secondConfirmTypeForChat__YXMGg .style_searchPanel__vLWC2 {
  box-shadow: unset;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 {
  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__ue16u .style_searchPanel__vLWC2.style_searchPanelLeft__1OqDq {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_narrowBtn___hPdd {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchPanelTitle__pJCDL {
  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__ue16u .style_searchPanel__vLWC2 .style_searchPanelTitle__pJCDL .style_helpBtn__kFY0p {
  display: flex;
  align-items: center;
  margin-left: 4px;
  cursor: pointer;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_folderBreadItem__OYAbi:hover {
  cursor: pointer;
  color: var(--textBrandDefault);
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5 {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5::-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__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchResult__QGZq5 .style_nodeTitle___3CUe {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchEmpty__B6BkE {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchEmpty__B6BkE .style_emptyImage__HcpUt {
  height: 150px;
  margin-bottom: 16px;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchEmpty__B6BkE .style_emptyText__JI7KB {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_searchEmpty__B6BkE .style_emptyText__JI7KB span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_folderContent__u8P2b {
  padding-bottom: 24px;
  overflow: hidden;
  flex: 1;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_breadCrumb__TKcYx {
  margin-top: 8px;
  padding: 6px 24px;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_breadCrumb__TKcYx .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_breadCrumb__TKcYx .ant-breadcrumb ol {
  flex-wrap: nowrap;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_breadCrumb__TKcYx .ant-breadcrumb ol li {
  display: flex;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_breadCrumb__TKcYx .ant-breadcrumb-separator {
  margin: 0 2px;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_loading__Je7Eh {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: unset !important;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_emptyFolder__ZDVgZ .style_emptyImg__fXowR {
  display: flex;
  height: 150px;
  margin: 72px auto 16px;
  justify-content: center;
}
.style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 .style_emptyFolder__ZDVgZ p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .style_searchPanelContainer__ue16u .style_searchPanel__vLWC2 {
    background: none;
    box-shadow: none;
    padding-top: 0;
  }
}
.style_chatbotCreateButtonGroup__ni_7D {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px 16px;
}
.style_chatbotCreateButtonGroup__ni_7D button {
  margin-left: 8px;
}

.styles_cascaderEditor__E0KSA {
  background: var(--defaultBg);
  border-radius: 4px;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
}
.styles_cascaderContainer__r5VBH {
  background: var(--bgCommonDefault);
  border-radius: 4px;
}
.styles_cascaderContainer__r5VBH .ant-cascader-input {
  border: none;
  height: 32px;
}
.styles_cascaderContainer__r5VBH .ant-cascader-input:focus {
  border: none;
}
.styles_cascaderContainer__r5VBH .ant-cascader-picker-arrow {
  display: none;
}
.styles_cascaderContainer__r5VBH .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__r5VBH .ant-select-clear {
  top: 14px !important;
}
.styles_emptyPlaceholder__WcmGL {
  padding: 12px 8px;
  color: var(--secondLevelText);
}

.styles_pc__GGo_7 {
  width: 320px;
  position: absolute;
  z-index: 1;
  background: var(--bgCommonHigh);
  padding: 16px;
  border-radius: 8px;
  box-shadow: var(--shadowCommonHigh);
}
.styles_pc__GGo_7 .styles_text__f1dvq,
.styles_pc__GGo_7 .styles_title__U8Gnh {
  height: 32px;
}
.styles_pc__GGo_7 .styles_text__f1dvq input,
.styles_pc__GGo_7 .styles_title__U8Gnh input {
  padding: 0;
  font-size: 13px;
}
.styles_urlActionContainer__XVVrx .styles_label__iacLz {
  color: var(--textCommonPrimary);
  margin-bottom: 8px;
}
.styles_urlActionContainer__XVVrx .styles_titleLabel__EQaBA {
  margin-top: 16px;
}
.styles_urlActionContainer__XVVrx .styles_link__brQwe {
  display: flex;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
}
.styles_urlActionContainer__XVVrx .styles_link__brQwe svg {
  fill: var(--textCommonTertiary) !important;
}
.styles_urlActionContainer__XVVrx .styles_link__brQwe:hover {
  background-color: var(--rowSelectedBgSolid);
}
.styles_buttonWrapper__aCpnb {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 24px;
}
.styles_buttonWrapper__aCpnb button {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .styles_buttonWrapper__aCpnb 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
**/
.styles_antiEllipsis__VU1Bz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__MsGNU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__Q7YX7 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__Q7YX7 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__Q7YX7 ul::-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__Q7YX7 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__Q7YX7 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__Q7YX7 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__Q7YX7 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__Q7YX7 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__Q7YX7 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__pxFWG {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__gEEeB {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__RovZz .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__RovZz .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__RovZz .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__RovZz .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__RovZz .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__RovZz .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__RovZz .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__RovZz .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__RovZz .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__RovZz .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__RovZz .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__RovZz .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__RovZz .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__RovZz .editBgColor::before,
.styles_tree__RovZz .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__RovZz .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__RovZz .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__RovZz .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__RovZz .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__RovZz .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__RovZz .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__RovZz .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__RovZz .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__RovZz .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__n4zYH .ant-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__n4zYH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__n4zYH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__n4zYH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__DBlnJ .ant-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__DBlnJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__DBlnJ .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__DBlnJ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DBlnJ .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__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__DBlnJ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__IubQZ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__IubQZ::-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__IubQZ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__hXMvx::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__hXMvx::-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__hXMvx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__ycr9F {
  position: relative;
  width: 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__z5sJX {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__z5sJX {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__z5sJX {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__z5sJX {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__z5sJX {
    flex: 0 0 100%;
  }
}
.styles_filterInput__ugCK5 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_enhanceText__aC4pb {
  text-decoration: underline;
  color: var(--primaryColor);
  cursor: pointer;
}
.styles_enhanceTextEditor__nZQTs {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 16px;
}
.styles_enhanceTextEditor__nZQTs img {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.styles_enhanceTextEditor__nZQTs .styles_urlInput__Do6H1 {
  width: calc(100% - 16px);
}
.styles_enhanceTextEditor__nZQTs input {
  font-size: 13px;
}
.styles_enhanceTextIcon__Ty_qG {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 1;
}
.styles_enhanceTextIcon__Ty_qG.styles_hover__QQr05 {
  padding: 4px;
  border-radius: 4px;
}
.styles_enhanceTextIcon__Ty_qG.styles_hover__QQr05:hover {
  background-color: var(--rowSelectedBgSolid);
}
.styles_textEditor__I4a3w {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 2px var(--primaryColor);
  border-radius: 1px;
  background: transparent;
}
.styles_textEditor__I4a3w::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_textEditor__I4a3w::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_textEditor__I4a3w::-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__I4a3w:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_textEditor__I4a3w 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__3ZIbL {
  align-items: center;
  bottom: 4px;
  display: flex;
  left: 8px;
  line-height: 34px;
  max-width: 80%;
  position: absolute;
  top: 2px;
  white-space: nowrap;
}
.styles_content__3ZIbL .styles_title__QfQq7 {
  width: 100%;
  color: var(--textCommonPrimary);
}
.styles_content__3ZIbL .styles_title__QfQq7:hover {
  color: var(--textCommonSecondary);
}
.styles_content__3ZIbL .styles_title__QfQq7:active {
  color: var(--textCommonTertiary);
}
.styles_content__3ZIbL .styles_title__QfQq7 span {
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  font-size: 13px;
}
.styles_content__3ZIbL > span {
  font-size: 13px;
}
@media screen and (max-width: 767.98px) {
  .styles_textEditor__I4a3w input {
    padding: 0;
    font-size: 14px;
  }
  .styles_enhanceTextEditor__nZQTs {
    padding-left: 10px;
  }
  .styles_enhanceTextIcon__Ty_qG svg {
    width: 16px;
    height: 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__8TV5A {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__gjMnX {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__By0_k ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__By0_k ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__By0_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;
}
.style_ant-select-option-common__By0_k ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__By0_k li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__By0_k .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__By0_k .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__By0_k .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__By0_k .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__eUkuK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__N13Yu {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__H9Qjl .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__H9Qjl .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__H9Qjl .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__H9Qjl .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__H9Qjl .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__H9Qjl .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__H9Qjl .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__H9Qjl .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__H9Qjl .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__H9Qjl .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__H9Qjl .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__H9Qjl .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__H9Qjl .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__H9Qjl .editBgColor::before,
.style_tree__H9Qjl .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__H9Qjl .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__H9Qjl .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__H9Qjl .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__H9Qjl .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__H9Qjl .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__H9Qjl .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__H9Qjl .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__H9Qjl .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__H9Qjl .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__rG7J1 .ant-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__rG7J1 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__rG7J1 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__rG7J1 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__BuIJS .ant-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__BuIJS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__BuIJS .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__BuIJS .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BuIJS .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__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__BuIJS .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__V0jml::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__V0jml::-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__V0jml:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__IGt_F::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__IGt_F::-webkit-scrollbar-thumb {
  background-color: transparent;
  background: transparent;
  background-clip: padding-box;
  min-height: 36px;
  border-radius: 4px;
  border: 2px solid transparent;
}
.style_scroll-bar-small__IGt_F:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__cZOem {
  position: relative;
  width: 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__x1WLG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__x1WLG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__x1WLG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__x1WLG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__x1WLG {
    flex: 0 0 100%;
  }
}
.style_filterInput__T1_bC {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_textEditor__5WnzV {
  width: 100%;
  overflow: auto;
  position: relative;
  box-sizing: border-box;
  box-shadow: none !important;
  border-radius: 1px;
  background: transparent;
}
.style_textEditor__5WnzV::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_textEditor__5WnzV::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_textEditor__5WnzV::-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__5WnzV:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_textEditor__5WnzV input,
.style_textEditor__5WnzV 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__5WnzV textarea {
  padding-bottom: 0;
}
.style_tip__8kOfk {
  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__5WnzV textarea,
  .style_textEditor__5WnzV 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__SIKWh {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__oA1gk {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__nY19b ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__nY19b ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__nY19b ul::-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__nY19b ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__nY19b li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__nY19b .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__nY19b .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__nY19b .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__nY19b .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__wGUdz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__XJ14a {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__7KZu5 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__7KZu5 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__7KZu5 .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__7KZu5 .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__7KZu5 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__7KZu5 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__7KZu5 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__7KZu5 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__7KZu5 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__7KZu5 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__7KZu5 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__7KZu5 .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__7KZu5 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__7KZu5 .editBgColor::before,
.styles_tree__7KZu5 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__7KZu5 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__7KZu5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__7KZu5 .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__7KZu5 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__7KZu5 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__7KZu5 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__7KZu5 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__7KZu5 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__7KZu5 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__2ZYdH .ant-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__2ZYdH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__2ZYdH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__2ZYdH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__A1B_h .ant-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__A1B_h .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__A1B_h .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__A1B_h .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__A1B_h .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__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__A1B_h .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__G0okk::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__G0okk::-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__G0okk:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__JDd0U::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__JDd0U::-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__JDd0U:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__8iTXO {
  position: relative;
  width: 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__5uiYQ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__5uiYQ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__5uiYQ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__5uiYQ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__5uiYQ {
    flex: 0 0 100%;
  }
}
.styles_filterInput__7jVPR {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_uploadPaste__tC1Xu {
  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__tC1Xu input {
  width: 0;
  height: 0;
  padding: 0;
  border: none;
}
.styles_uploadPaste__tC1Xu input:focus {
  outline: none;
}
.styles_uploadPaste__tC1Xu svg {
  margin-right: 4px;
}
.styles_uploadPaste__tC1Xu:focus-within {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.styles_uploadPaste__tC1Xu: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__lwiCa {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__UiqFf {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__qosoc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__qosoc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__qosoc ul::-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__qosoc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__qosoc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__qosoc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__qosoc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__qosoc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__qosoc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__LaO2K {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__kWEzY {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__yC6aV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__yC6aV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__yC6aV .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__yC6aV .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__yC6aV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__yC6aV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__yC6aV .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__yC6aV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__yC6aV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__yC6aV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__yC6aV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__yC6aV .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__yC6aV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__yC6aV .editBgColor::before,
.styles_tree__yC6aV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__yC6aV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__yC6aV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__yC6aV .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__yC6aV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__yC6aV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__yC6aV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__yC6aV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__yC6aV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__yC6aV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__sSeHR .ant-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__sSeHR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__sSeHR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__sSeHR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__4pNhQ .ant-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__4pNhQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__4pNhQ .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__4pNhQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__4pNhQ .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__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__4pNhQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__CDisW::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__CDisW::-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__CDisW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__dx2f5::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__dx2f5::-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__dx2f5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__xme3C {
  position: relative;
  width: 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__8TvlB {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__8TvlB {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__8TvlB {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__8TvlB {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__8TvlB {
    flex: 0 0 100%;
  }
}
.styles_filterInput__vPy7m {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_nav__kfseI {
  height: 32px;
  display: flex;
  border-bottom: 1px solid var(--borderCommonDefault);
  position: relative;
}
.styles_nav__kfseI .styles_activeLine__jBz98 {
  height: 2px;
  width: 16px;
  position: absolute;
  bottom: -1px;
  background: var(--primaryColor);
  transition: transform 0.3s;
}
.styles_nav__kfseI .styles_activeLine__jBz98.styles_grayColor__eJFGQ {
  background: var(--fourthLevelText);
}
.styles_nav__kfseI .styles_tab__3WC_l {
  width: 48px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.styles_nav__kfseI .styles_tab__3WC_l:after {
  content: " ";
  display: block;
  position: absolute;
  width: 1px;
  height: 8px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--lineColor);
}
.styles_uploadTab__R8ipY {
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
}
.styles_uploadTabInfo__P2sRh {
  width: 100%;
  height: calc(100% - 32px);
  padding: 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_uploadTabInfo__P2sRh {
    height: 100%;
    padding: 0;
  }
  .styles_uploadTab__R8ipY {
    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__o0iIt {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__S6rAJ {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__zvt12 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__zvt12 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__zvt12 ul::-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__zvt12 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__zvt12 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__zvt12 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__zvt12 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__zvt12 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__zvt12 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__bv6Lz {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__Fn0cT {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__WJOH4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__WJOH4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__WJOH4 .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__WJOH4 .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__WJOH4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__WJOH4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__WJOH4 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__WJOH4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__WJOH4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__WJOH4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__WJOH4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__WJOH4 .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__WJOH4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__WJOH4 .editBgColor::before,
.styles_tree__WJOH4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__WJOH4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__WJOH4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__WJOH4 .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__WJOH4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__WJOH4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__WJOH4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__WJOH4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__WJOH4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__WJOH4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__XJ3b8 .ant-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__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__XJ3b8 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__YrQ7g .ant-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__YrQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__YrQ7g .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__YrQ7g .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__YrQ7g .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__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__YrQ7g .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__T2NNV::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__T2NNV::-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__T2NNV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__K_jf6::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__K_jf6::-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__K_jf6:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__IfMuR {
  position: relative;
  width: 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__rpKj2 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__rpKj2 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__rpKj2 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__rpKj2 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__rpKj2 {
    flex: 0 0 100%;
  }
}
.styles_filterInput__ucoYJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_exitList__C8_IG {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.styles_exitList__C8_IG.styles_columnCount2__UmT7R .styles_sortContainer__plVRt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__C8_IG.styles_columnCount2__UmT7R .styles_sortContainer__plVRt > div {
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__C8_IG.styles_columnCount2__UmT7R .styles_sortContainer__plVRt > div:nth-child(2n) {
  margin-right: 0;
}
.styles_exitList__C8_IG.styles_columnCount3__XPLEx .styles_sortContainer__plVRt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__C8_IG.styles_columnCount3__XPLEx .styles_sortContainer__plVRt > div {
  width: calc((100% - 32px) / 3);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__C8_IG.styles_columnCount3__XPLEx .styles_sortContainer__plVRt > div:nth-child(3n) {
  margin-right: 0;
}
.styles_exitList__C8_IG.styles_columnCount4__7RwK6 .styles_sortContainer__plVRt {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.styles_exitList__C8_IG.styles_columnCount4__7RwK6 .styles_sortContainer__plVRt > div {
  width: calc((100% - 48px) / 4);
  margin-right: 16px;
  margin-bottom: 16px;
}
.styles_exitList__C8_IG.styles_columnCount4__7RwK6 .styles_sortContainer__plVRt > div:nth-child(4n) {
  margin-right: 0;
}
.styles_bigSize__x6cWn {
  height: 296px;
}
.styles_normalSize___A_9t {
  height: 104px;
}
@media screen and (max-width: 767.98px) {
  .styles_uploadTabWrapper__VXpck {
    width: 100%;
  }
  .styles_normalSize___A_9t {
    margin-top: 8px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
  }
  .styles_columnCount4__7RwK6 {
    width: 100% !important;
  }
}
.styles_scrollBox__nfopM {
  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__TFv8J {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__jRjpM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Y7HdM ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Y7HdM ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Y7HdM ul::-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__Y7HdM ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Y7HdM li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Y7HdM .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Y7HdM .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Y7HdM .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Y7HdM .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__483Ld {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__dF23_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__vTcQA .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__vTcQA .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__vTcQA .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__vTcQA .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__vTcQA .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__vTcQA .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__vTcQA .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__vTcQA .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__vTcQA .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__vTcQA .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__vTcQA .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__vTcQA .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__vTcQA .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__vTcQA .editBgColor::before,
.style_tree__vTcQA .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__vTcQA .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__vTcQA .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__vTcQA .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__vTcQA .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__vTcQA .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__vTcQA .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__vTcQA .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__vTcQA .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__vTcQA .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__aSRzX .ant-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__aSRzX .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__aSRzX .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__aSRzX .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__LpOQt .ant-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__LpOQt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__LpOQt .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__LpOQt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LpOQt .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__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__LpOQt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__RXbka::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__RXbka::-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__RXbka:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__83l6L::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__83l6L::-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__83l6L:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__NDmgV {
  position: relative;
  width: 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__vqj7A {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__vqj7A {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__vqj7A {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__vqj7A {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__vqj7A {
    flex: 0 0 100%;
  }
}
.style_filterInput__mF78T {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_fieldBlockWrap__wBOKY {
  min-height: 32px;
}
.style_fieldButtonColumn__83WM5 {
  display: flex;
  align-items: center;
}
.style_fieldTitleWrap__inr_s {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 24px;
}
.style_fieldTitleWrap__inr_s[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__inr_s:hover .style_buttonsGroup__g0jAK {
  display: flex;
}
.style_fieldTitleWrap__inr_s:hover .style_maskIcon__KQ0am {
  display: none;
}
.style_fieldTitleWrap__inr_s .style_buttonsGroup__g0jAK {
  display: none;
  flex-grow: 1;
  justify-content: flex-end;
}
.style_fieldTitleWrap__inr_s .style_buttonsGroup__g0jAK button {
  margin-left: 4px;
}
.style_fieldTitleWrap__inr_s .style_maskIcon__KQ0am {
  display: block;
}
.style_hover__c6Quh {
  cursor: pointer !important;
}
.style_hover__c6Quh:hover {
  color: var(--deepPurple_500);
}
.style_hover__c6Quh:hover svg {
  color: var(--deepPurple_500);
}
.style_hover__c6Quh:active {
  color: var(--deepPurple_600);
}
.style_hover__c6Quh:active svg {
  color: var(--deepPurple_500);
}
.style_displayItem__y_Ttj {
  position: relative;
  width: 100%;
  min-height: 32px;
  background: var(--lowestBg);
  border-radius: 4px;
}
.style_displayItem__y_Ttj > div > div {
  outline: none;
  box-shadow: none;
}
.style_displayItem__y_Ttj.style_active___OVZO {
  background: var(--defaultBg);
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_displayItem__y_Ttj.style_disabled__PjUxP > div {
  font-size: 13px;
  color: var(--fc2);
}
.style_displayItem__y_Ttj.style_invalid__a5Uwy {
  border: 1px solid var(--text-negative);
}
.style_expandCellText__X5Rhn {
  white-space: pre-wrap;
}
.style_expandCellString__niw5u {
  white-space: pre-wrap;
  word-break: break-all;
}
.style_fieldTitle__aWMy6 {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 4px;
  color: var(--secondLevelText);
  position: relative;
  cursor: default;
  overflow: hidden;
}
.style_fieldTitle__aWMy6 svg {
  color: var(--fc3);
}
.style_fieldTitle__aWMy6.style_mobilePadding___NafQ {
  padding-left: 10px;
}
.style_fieldTitle__aWMy6 .style_text__sRGR_ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_fieldTitle__aWMy6 .style_wrapName__8KSWv {
  white-space: pre-line;
}
.style_fieldTitle__aWMy6 .style_iconType__qxHPs {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_fieldTitle__aWMy6.style_wrap__ennSo {
  align-items: flex-start;
}
.style_fieldTitle__aWMy6.style_wrap__ennSo svg {
  margin-top: 2px;
}
.style_iconDisplayIcon__yO9NG {
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  position: relative;
}
.style_iconDisplayIcon__yO9NG > span {
  width: 16px;
  height: 16px;
}
.style_iconDisplayIcon__yO9NG:hover svg path {
  fill: var(--primaryColor);
}
.style_right__yr_Kn {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 100%;
  margin-bottom: 4px;
}
.style_right__yr_Kn .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__aWMy6 {
    margin-bottom: 0;
  }
  .style_displayItem__y_Ttj {
    margin-top: 8px;
    border-radius: 8px;
    min-height: 48px;
    padding-left: 6px;
    padding-right: 8px;
  }
  .style_displayItem__y_Ttj.style_active___OVZO {
    background: var(--defaultBg);
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
  }
  .style_checkBox__LRGhB {
    width: 48px;
  }
  .style_mobileFieldContainer__aRdvs {
    min-height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
  }
  .style_mobileFieldContainer__aRdvs > div {
    outline: none;
    box-shadow: none;
    width: 100%;
  }
}
.style_fieldDesc__NvkyX {
  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__NvkyX:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.style_fieldDesc__NvkyX:active {
  opacity: 0.7;
}
.style_tooltip__1nD0k .ant-tooltip-inner {
  padding: 8px 20px;
}
.style_tooltipContent__zydoo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 12px;
}
.style_showMore__5Vvs_,
.style_showLess__cu3XD {
  margin-bottom: 8px;
}
.style_showMore__5Vvs_ > span,
.style_showLess__cu3XD > 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__6UQfF {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__8NhP9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6JyKF ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6JyKF ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6JyKF ul::-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__6JyKF ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6JyKF li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6JyKF .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6JyKF .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6JyKF .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6JyKF .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__03tXM {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__xYZTr {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__8WbcO .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__8WbcO .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__8WbcO .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__8WbcO .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__8WbcO .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__8WbcO .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__8WbcO .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__8WbcO .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__8WbcO .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__8WbcO .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__8WbcO .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__8WbcO .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__8WbcO .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__8WbcO .editBgColor::before,
.style_tree__8WbcO .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__8WbcO .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__8WbcO .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__8WbcO .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__8WbcO .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__8WbcO .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__8WbcO .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__8WbcO .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__8WbcO .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__8WbcO .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__HHfns .ant-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__HHfns .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__HHfns .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__HHfns .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__rcIaF .ant-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__rcIaF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__rcIaF .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__rcIaF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rcIaF .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__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__rcIaF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__LNtkH::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__LNtkH::-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__LNtkH:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__EMscC::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__EMscC::-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__EMscC:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__O5mje {
  position: relative;
  width: 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__V9DQX {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__V9DQX {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__V9DQX {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__V9DQX {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__V9DQX {
    flex: 0 0 100%;
  }
}
.style_filterInput__uiq_5 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_recordCardWrapper___p5KA {
  position: relative;
}
.style_recordCardWrapper___p5KA .style_deleteLinkRecord__2_BVU {
  position: absolute;
  z-index: 1;
  right: -6px;
  top: -7px;
  fill: var(--fourthLevelText);
  cursor: pointer;
}
.style_recordCard__pvu69 {
  position: relative;
  display: flex;
  background-color: var(--fill0);
  border-radius: 2px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.style_recordCard__pvu69 .style_cardTitle___cUWy {
  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__pvu69 .style_cardTitle___cUWy.style_gray__7hMaB {
  color: var(--fourthLevelText);
}
.style_recordCard__pvu69 .style_cardRow__Kqute {
  flex: 1 1;
  width: calc(100% - 90px);
  height: 90px;
  border-radius: 2px;
  padding-left: 10px;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd {
  display: flex;
  flex: 1 1;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardColumn__DnB4A {
  flex: 1 1;
  width: 20%;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cellTitle__kNhgu {
  font-size: 11px;
  color: var(--thirdLevelText);
  line-height: 16px;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd p {
  margin-bottom: 9px;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN {
  height: 31px;
  display: flex;
  align-items: center;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .expandWorkdoc {
  padding: 0;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .workdocBtn {
  max-width: 94px;
  padding: 0 2px;
  cursor: default;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .workdocBtn:hover {
  background-color: var(--bgBrandLightDefault);
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .style_cellHolder__G_NRE {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 7px;
  border-radius: 2px;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .style_cellValue__nCWZd {
  padding-left: 0;
  padding-right: 0;
  margin-right: 8px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.style_recordCard__pvu69 .style_cardRow__Kqute .style_cellRow__PNthd .style_cardCell__YGoeN .style_cellValue__nCWZd .cellDateTimeDate {
  padding-left: 0;
}
.style_noReadablePermission__fqZ9_ {
  max-height: 90px;
  height: auto !important;
}
.style_noReadablePermission__fqZ9_ .style_cardTitle___cUWy {
  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__1zAp9 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__b_Jqg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__y_sbE ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__y_sbE ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__y_sbE ul::-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_sbE ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__y_sbE li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__y_sbE .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__y_sbE .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__y_sbE .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__y_sbE .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__dspGK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Kxb7V {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jM2GA .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jM2GA .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jM2GA .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__jM2GA .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__jM2GA .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jM2GA .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jM2GA .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jM2GA .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jM2GA .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jM2GA .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jM2GA .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jM2GA .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__jM2GA .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jM2GA .editBgColor::before,
.style_tree__jM2GA .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jM2GA .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jM2GA .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jM2GA .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__jM2GA .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jM2GA .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jM2GA .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jM2GA .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jM2GA .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jM2GA .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__0FjNF .ant-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__0FjNF .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__0FjNF .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__0FjNF .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__s3d9O .ant-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__s3d9O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__s3d9O .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__s3d9O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__s3d9O .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__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__s3d9O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__QGz36::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__QGz36::-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__QGz36:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__hGV16::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__hGV16::-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__hGV16:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__tZziI {
  position: relative;
  width: 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__RCtXG {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__RCtXG {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__RCtXG {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__RCtXG {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__RCtXG {
    flex: 0 0 100%;
  }
}
.style_filterInput__JVWtC {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_expandLink__omf1E .style_addLinkRecord___q5Dx {
  margin-bottom: 8px;
  white-space: pre-line;
}
.style_expandLink__omf1E .style_recordCard__tOv8D {
  margin-bottom: 8px;
}
.style_showMore__7cdnd {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_showMore__7cdnd .style_showMoreText__M49wH {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
  padding-left: 4px;
}
.style_addLinkRecordBtn__mNJOB .style_inner__YLufm {
  display: flex;
  align-items: center;
  white-space: pre;
}
.style_addLinkRecordBtn__mNJOB .style_addIcon__XlonE {
  margin-right: 5px;
}
.style_addLinkRecordBtn__mNJOB .style_datasheetName___aQ8l {
  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__omf1E {
    flex: 1;
  }
  .style_addLinkRecordBtn__mNJOB {
    line-height: 1;
    font-size: 14px !important;
  }
  .style_addLinkRecordBtn__mNJOB .style_datasheetName___aQ8l {
    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
**/
.style_antiEllipsis__vgiFY {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__rU8Bx {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__6_dJg ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__6_dJg ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__6_dJg ul::-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_dJg ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__6_dJg li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__6_dJg .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__6_dJg .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__6_dJg .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__6_dJg .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__QWCxf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__pR372 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__zAOXc .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__zAOXc .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__zAOXc .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__zAOXc .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__zAOXc .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__zAOXc .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__zAOXc .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__zAOXc .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__zAOXc .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__zAOXc .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__zAOXc .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__zAOXc .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__zAOXc .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__zAOXc .editBgColor::before,
.style_tree__zAOXc .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__zAOXc .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__zAOXc .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__zAOXc .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__zAOXc .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__zAOXc .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__zAOXc .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__zAOXc .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__zAOXc .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__zAOXc .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__gAgpQ .ant-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__gAgpQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__gAgpQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__gAgpQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__qSACQ .ant-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__qSACQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__qSACQ .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__qSACQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qSACQ .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__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__qSACQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__AdkjR::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__AdkjR::-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__AdkjR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__AXubV::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__AXubV::-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__AXubV:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__u5thN {
  position: relative;
  width: 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__lr1aU {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lr1aU {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lr1aU {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lr1aU {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lr1aU {
    flex: 0 0 100%;
  }
}
.style_filterInput__AYKZv {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_expandNumber__B1z27 {
  position: relative;
  flex: 1;
}
.style_cellNumber__WfZ1J {
  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__WfZ1J {
    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__2z_fL {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__VekHC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__myvnS ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__myvnS ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__myvnS ul::-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__myvnS ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__myvnS li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__myvnS .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__myvnS .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__myvnS .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__myvnS .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__Aw7rv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__NE4dC {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__I6brb .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__I6brb .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__I6brb .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__I6brb .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__I6brb .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__I6brb .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__I6brb .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__I6brb .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__I6brb .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__I6brb .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__I6brb .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__I6brb .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__I6brb .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__I6brb .editBgColor::before,
.styles_tree__I6brb .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__I6brb .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__I6brb .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__I6brb .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__I6brb .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__I6brb .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__I6brb .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__I6brb .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__I6brb .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__I6brb .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__wBk5n .ant-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__wBk5n .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__wBk5n .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__wBk5n .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__ZLOIm .ant-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__ZLOIm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__ZLOIm .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__ZLOIm .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZLOIm .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__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__ZLOIm .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__udiso::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__udiso::-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__udiso:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__gUXR5::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__gUXR5::-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__gUXR5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__f9FXz {
  position: relative;
  width: 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__ghK6z {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__ghK6z {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__ghK6z {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__ghK6z {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__ghK6z {
    flex: 0 0 100%;
  }
}
.styles_filterInput__0ZBme {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_seeMore__nIo_i {
  text-align: center;
  color: var(--primaryColor);
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  padding: 8px 0;
  cursor: pointer;
  height: 32px;
}
.styles_memberInfo__RUpkm {
  display: flex;
  width: 85%;
}
.styles_searchInput__owKEW {
  padding: 0 8px !important;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  background: transparent;
}
.styles_searchInput__owKEW,
.styles_searchInput__owKEW input {
  border-radius: 25px !important;
}
.styles_searchInput__owKEW::placeholder {
  color: var(--fourthLevelText);
}
.styles_searchInput__owKEW .ant-input-prefix {
  margin-left: 8px;
}
.styles_memberEditor___YhUA {
  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___YhUA .styles_searchField__XuvLY {
  padding: 8px;
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 8px;
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc::-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___YhUA .styles_displayList__KpZLc:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5 {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_memberEditor___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5 .styles_itemName__pcxlp {
  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___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5 .styles_iconCheck__7A7GA {
  display: flex;
  align-items: center;
}
@media (any-hover: hover) {
  .styles_memberEditor___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5:hover {
    background: var(--rowSelectedBg);
    position: relative;
  }
  .styles_memberEditor___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5:hover::before {
    content: " ";
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 32px;
    background: var(--rowSelectedBg);
    z-index: 20;
  }
  .styles_memberEditor___YhUA .styles_displayList__KpZLc .styles_displayListItem__9XvU5:hover:after {
    content: " ";
    display: block;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
    height: 32px;
    background: var(--rowSelectedBg);
  }
}
.styles_memberEditor___YhUA .styles_noResult__kYbPX {
  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__WPHz1 {
  background: var(--lowestBg);
}
.styles_bg__WPHz1::before {
  content: " ";
  display: block;
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 30px;
  background: var(--lowestBg);
}
.styles_bg__WPHz1:after {
  content: " ";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
  height: 30px;
  background: var(--lowestBg);
}
.styles_shareHide__59Ltd {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.styles_loading__APLs8 {
  position: relative !important;
  background-color: transparent !important;
  overflow: hidden;
}
.styles_inviteMember__rO6w_ {
  color: var(--secondLevelText);
  font-size: 11px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
}
.styles_inviteMember__rO6w_ svg {
  vertical-align: -0.125em;
  margin-right: 4px;
}
.styles_inviteMember__rO6w_:hover {
  background: var(--rowSelectedBg);
}
@media screen and (max-width: 767.98px) {
  .styles_seeMore__nIo_i {
    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__McQeE {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__5RIJ9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Uuj0p ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Uuj0p ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Uuj0p ul::-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__Uuj0p ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Uuj0p li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Uuj0p .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Uuj0p .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Uuj0p .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Uuj0p .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Ccgd2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__5Vwsa {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__NLQ_8 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__NLQ_8 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__NLQ_8 .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__NLQ_8 .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__NLQ_8 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__NLQ_8 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__NLQ_8 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__NLQ_8 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__NLQ_8 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__NLQ_8 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__NLQ_8 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__NLQ_8 .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__NLQ_8 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__NLQ_8 .editBgColor::before,
.style_tree__NLQ_8 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__NLQ_8 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__NLQ_8 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__NLQ_8 .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__NLQ_8 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__NLQ_8 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__NLQ_8 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__NLQ_8 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__NLQ_8 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__NLQ_8 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Oz8e_ .ant-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__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Oz8e_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__f62jK .ant-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__f62jK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__f62jK .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__f62jK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__f62jK .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__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__f62jK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__A3O_C::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__A3O_C::-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__A3O_C:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__7L5K8::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__7L5K8::-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__7L5K8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__T_Mef {
  position: relative;
  width: 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__WEY6f {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__WEY6f {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__WEY6f {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__WEY6f {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__WEY6f {
    flex: 0 0 100%;
  }
}
.style_filterInput__N_Ow5 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_optionsEditor__hwwNi {
  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__zcK8a {
    font-size: 12px;
    line-height: 20px;
  }
}

.style_iconDelete__RnB_6 {
  cursor: pointer;
  height: 16px;
  margin-left: 4px;
}
.style_displayBox__gn1Tq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.style_displayBox__gn1Tq.style_option__Htf3i > div {
  flex-wrap: nowrap !important;
  align-self: auto;
}
.style_displayBox__gn1Tq .style_content__mqct6 {
  flex: 1;
  display: flex;
  overflow: hidden;
  margin-right: 5px;
}
.style_displayBox__gn1Tq .style_content__mqct6 .style_items__vtrQZ {
  background: #fedfd7;
  border-radius: 10px;
  padding: 3px 10px;
  margin-right: 10px;
  flex-shrink: 0;
}
.style_displayBox__gn1Tq .style_iconArrow__eOoCj {
  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__ggMyK {
  display: flex;
  align-items: center;
  color: var(--textCommonTertiary);
  padding-left: 8px;
  min-width: 100px;
  height: 40px;
}
.style_formWorkdocEditor__Gb0uK {
  position: relative;
}
.style_formWorkdocEditor__Gb0uK .style_status__ya4jJ {
  position: absolute;
  right: 12px;
  top: 8px;
}
.style_formWorkdocEditor__Gb0uK .style_status__ya4jJ .style_connecting__7AgWB {
  color: var(--warningColor);
}
.style_formWorkdocEditor__Gb0uK .style_status__ya4jJ .style_disconnected___f0X3 {
  color: var(--errorColor);
}
.style_formWorkdocEditor__Gb0uK .editor {
  min-height: 128px;
  max-height: 560px;
  overflow: auto;
}
.style_formWorkdocEditor__Gb0uK .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__MOgZK .ant-radio-wrapper {
  white-space: unset;
}
.style_optionEditor__MOgZK .ant-radio-wrapper,
.style_optionEditor__MOgZK .ant-checkbox-wrapper {
  display: flex;
}
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio-wrapper,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-checkbox-wrapper,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio-input,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-checkbox-input {
  cursor: default;
}
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-checkbox-wrapper:hover :not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background-color: var(--shadowColor);
}
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio-wrapper:hover .ant-radio,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio:hover .ant-radio-inner,
.style_optionEditor__MOgZK.style_disabled__VgW9H .ant-radio-input:focus + .ant-radio-inner {
  border-color: #d9d9d9;
}
.style_optionEditor__MOgZK.style_empty__kJ69j {
  color: var(--thirdLevelText);
}
.style_optionEditor__MOgZK .style_optionItemWrapper__qRBw1 {
  margin-top: 16px;
}
.style_optionEditor__MOgZK .style_optionItemWrapper__qRBw1:first-child {
  margin-top: 0;
}
.style_addBtn__RQ3TK .style_inner__RGWmw {
  vertical-align: middle;
}
.style_addBtn__RQ3TK .style_addIcon__NYB5y {
  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__fl0fl {
  width: 100%;
}
.style_formFieldContainer__fl0fl .attachmentPreviewItem {
  z-index: var(--formAttachment);
}
.style_formFieldContainer__fl0fl .textEditorInput,
.style_formFieldContainer__fl0fl .numberEditorInput {
  min-height: 40px;
}
.style_formField__F3Rk9 {
  margin-bottom: 40px;
}
.style_formField__F3Rk9[data-hasError="true"] .style_title__RK_41 {
  color: var(--red_500);
}
.style_formField__F3Rk9[data-hasError="true"] .style_displayItem__vv32_ {
  box-shadow: 0px 0px 0px 1px var(--red_500);
}
.style_formField__F3Rk9:hover .style_title__RK_41 > .style_buttonsGroup__UNKoT {
  display: flex;
}
.style_formField__F3Rk9 .style_title__RK_41 {
  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__F3Rk9 .style_title__RK_41[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__F3Rk9 .style_title__RK_41 .style_indexClass__4_Ig5 {
  margin-right: 8px;
  font-family: "fieldIndexFamily";
  font-size: 24px;
  font-feature-settings: "init";
  font-variant: none;
}
.style_formField__F3Rk9 .style_title__RK_41 .style_titleText__Crv5Y {
  white-space: pre-wrap;
  word-break: break-word;
}
.style_formField__F3Rk9 .style_title__RK_41 .style_buttonsGroup__UNKoT {
  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__F3Rk9 .style_title__RK_41 .style_buttonsGroup__UNKoT.style_touchDevice__0E93C {
  background: var(--defaultBg);
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding-left: 16px;
  position: inherit;
}
.style_formField__F3Rk9 .style_errorMsg__WscJ2 {
  font-size: 14px;
  color: var(--red_500);
  padding: 8px 0;
  margin-top: -16px;
}
.style_formField__F3Rk9 .style_fieldDesc__MEjnG {
  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__F3Rk9 .style_showMore__duGLy,
.style_formField__F3Rk9 .style_showLess__jA1E4 {
  margin-bottom: 8px;
}
.style_formField__F3Rk9 .style_showMore__duGLy > span,
.style_formField__F3Rk9 .style_showLess__jA1E4 > span {
  font-size: 12px;
}
.style_displayItem__vv32_ {
  width: 100%;
  min-height: 40px;
  background: var(--lowestBg);
  border-radius: 4px;
}
.style_displayItem__vv32_ > div {
  outline: none;
  box-shadow: none;
}
.style_displayItem__vv32_.style_editable__lejjG {
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .style_displayItem__vv32_.style_editable__lejjG input,
  .style_displayItem__vv32_.style_editable__lejjG textarea {
    transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
    border-radius: 4px;
  }
  .style_displayItem__vv32_.style_editable__lejjG:hover,
  .style_displayItem__vv32_.style_editable__lejjG > input:hover,
  .style_displayItem__vv32_.style_editable__lejjG > textarea:hover {
    box-shadow: 0px 0px 0px 1px var(--fc5);
  }
  .style_displayItem__vv32_.style_editable__lejjG:focus-within,
  .style_displayItem__vv32_.style_editable__lejjG > input:focus,
  .style_displayItem__vv32_.style_editable__lejjG textarea:focus {
    box-shadow: 0px 0px 0px 1px var(--primaryColor);
    background-color: var(--defaultBg);
  }
}
.style_displayItem__vv32_.style_disable__i3Mdi {
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .style_displayItem__vv32_.style_disable__i3Mdi input,
  .style_displayItem__vv32_.style_disable__i3Mdi textarea {
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
  }
  .style_displayItem__vv32_.style_disable__i3Mdi:hover,
  .style_displayItem__vv32_.style_disable__i3Mdi > input:hover,
  .style_displayItem__vv32_.style_disable__i3Mdi > textarea:hover {
    box-shadow: 0px 0px 0px 1px var(--fc5);
  }
}
.style_displayItem__vv32_.style_invalid__hRnRk {
  border: 1px solid var(--text-negative);
}
.style_displayItem__vv32_.style_needPosition__mKA9B {
  position: relative;
}
.style_displayItem__vv32_.style_active__on3lb {
  background: var(--defaultBg);
  box-shadow: 0px 0px 0px 1px var(--primaryColor) !important;
}
.style_displayItem__vv32_.style_autoFit__NBAeY {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.style_displayItem__vv32_.style_displayItemMobile__OE7Q_ {
  padding: 0 16px 0 6px;
  min-height: 48px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.style_displayItem__vv32_.style_displayItemMobile__OE7Q_ > div {
  outline: none;
  box-shadow: none;
}
.style_addBtn__Ou4_G {
  background-color: var(--shadowColor);
  cursor: default;
}
.style_addBtn__Ou4_G:active {
  background-color: var(--shadowColor);
}
.style_addBtn__Ou4_G .style_inner__Tr_Xq {
  display: flex;
  align-items: center;
}
.style_addBtn__Ou4_G .style_addIcon__t5wjf {
  margin-right: 5px;
}
.style_formFormula__0w4bD {
  display: flex !important;
  align-items: center;
  min-height: 40px;
}
.style_formFormula__0w4bD .cellText {
  padding-top: 0;
}
.style_formWorkdoc__owewH {
  min-height: 40px;
}
.style_formLookup__Vk4Sj > div {
  line-height: 32px;
  font-size: 13px;
}
.style_lookupOption__I0bh3 {
  padding: 4px 3px;
  transition: none !important;
}
.style_lookupOption__I0bh3 .optionCellContainer {
  flex-wrap: wrap;
}
.style_formFieldItem__4rOVq .optionCellContainer {
  flex-wrap: wrap;
  padding-top: 7px;
  padding-bottom: 7px;
}
.style_formFieldItem__4rOVq .createWorkdoc {
  height: 40px;
  padding-top: 0;
}
.style_formFieldItem__4rOVq .cascaderContainer {
  background: var(--lowestBg) !important;
}
.style_formFieldItem__4rOVq .cascaderContainer .ant-select-selector .ant-select-selection-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px !important;
}
.style_formCellNumber__sdUAw {
  padding: 0 10px !important;
  line-height: 40px !important;
}
.style_formLookUpFieldEmpty__D1zty {
  color: var(--fc1);
  padding: 4px 8px;
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .style_needPosition__mKA9B .ant-drawer-inline,
  .style_formFieldItem__4rOVq .ant-drawer-inline {
    position: fixed !important;
  }
  .style_needPosition__mKA9B .cascaderContainer,
  .style_formFieldItem__4rOVq .cascaderContainer {
    padding: 0 16px 0 6px;
    min-height: 40px;
    display: flex;
    align-items: center;
  }
}

.styles_datasourceSelect__ARnZ0 {
  width: 100%;
  margin-bottom: 0;
}
.styles_datasourceSelect__ARnZ0 .styles_placeholder___U4sF {
  color: var(--textCommonQuaternary);
}
.styles_viewSelectInner__0iiv1 {
  width: 100%;
}
.styles_datasourceDropdownList__ykHbo {
  display: none;
}

.styles_viewSelect__0AaA7 {
  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
**/
.styles_antiEllipsis__bxD68 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__UGRmU {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__9mNpp ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__9mNpp ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__9mNpp ul::-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__9mNpp ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__9mNpp li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__9mNpp .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__9mNpp .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__9mNpp .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__9mNpp .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__YZgO4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__brTdZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__8t8R9 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__8t8R9 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__8t8R9 .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__8t8R9 .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__8t8R9 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__8t8R9 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__8t8R9 .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__8t8R9 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__8t8R9 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__8t8R9 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__8t8R9 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__8t8R9 .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__8t8R9 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__8t8R9 .editBgColor::before,
.styles_tree__8t8R9 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__8t8R9 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__8t8R9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__8t8R9 .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__8t8R9 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__8t8R9 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__8t8R9 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__8t8R9 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__8t8R9 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__8t8R9 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__7MM16 .ant-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__7MM16 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__7MM16 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__7MM16 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__z0mSA .ant-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__z0mSA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__z0mSA .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__z0mSA .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__z0mSA .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__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__z0mSA .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__UiniO::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__UiniO::-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__UiniO:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__6YsBp::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__6YsBp::-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__6YsBp:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard___iiKW {
  position: relative;
  width: 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__ZPMjH {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__ZPMjH {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__ZPMjH {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__ZPMjH {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__ZPMjH {
    flex: 0 0 100%;
  }
}
.styles_filterInput__DyQCS {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_typeSelect__yAWxc {
  width: 240px;
  padding: 8px 0 16px;
  display: flex;
  flex-direction: column;
}
.styles_typeSelect__yAWxc h1 {
  font-size: 16px;
  color: var(--firstLevelText);
  margin-bottom: 8px;
  padding: 0 16px;
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z {
  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__yAWxc .styles_typeSelectItem__ff43Z .styles_icon__Wc4lA {
  display: flex;
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z .styles_desc__R7VCj {
  padding-left: 8px;
  box-sizing: border-box;
  text-align: center;
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z .styles_title__Ooxrj {
  word-break: keep-all;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z .styles_beta__SFppC {
  margin-left: auto;
  font-size: 12px;
  color: var(--rainbowPurple5);
  background-color: var(--rainbowPurple2);
  border-radius: 4px;
  padding: 2px 6px;
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z .styles_new__gstGt {
  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__yAWxc .styles_typeSelectItem__ff43Z:hover {
    background-color: var(--bgBglessHover);
  }
  .styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z:active {
    background-color: var(--bgBglessActive);
  }
}
.styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z.styles_active__QPv_f {
  color: var(--textBrandDefault);
  background-color: var(--bgBrandLightDefault);
}
.styles_fieldIcon__guurx {
  width: 38px;
  height: 38px;
}
.styles_tip__6dTni {
  width: 240px;
  background: var(--fc1);
  color: var(--static-black);
  padding: 8px;
  border-radius: 4px;
}
.styles_tip__6dTni h3 {
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--defaultBg);
}
.styles_tip__6dTni p {
  color: rgba(var(--defaultBg-rgb), 70%);
  font-size: 12px;
  margin-bottom: 0;
}
.styles_last1MarginBottom0__u6XK2:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last2MarginBottom0___sKTb:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last2MarginBottom0___sKTb:nth-last-child(2) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__iJ5Gy:nth-last-child(1) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__iJ5Gy:nth-last-child(2) {
  margin-bottom: 0;
}
.styles_last3MarginBottom0__iJ5Gy:nth-last-child(3) {
  margin-bottom: 0;
}
.styles_searchInput__fJBmH {
  margin: 0 16px 16px;
}
.styles_noSearchTip__n9cS_ {
  color: var(--thirdLevelText);
  font-size: 14px;
  text-align: center;
  margin-top: 50%;
}
.styles_fieldDisplayList__iPysl:first-child {
  margin-bottom: 16px;
}
.styles_fieldDisplayList__iPysl h2 {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 4px;
  padding-left: 8px;
}
.styles_fieldDisplayList__iPysl main {
  margin-top: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
}
.styles_scroll__u_rq5 {
  flex: 1;
  overflow-y: auto;
  padding: 0 8px;
}
@media screen and (max-width: 767.98px) {
  .styles_typeSelect__yAWxc {
    width: 100%;
    height: 100%;
  }
  .styles_typeSelect__yAWxc h1 {
    font-size: 18px;
    font-weight: bold;
  }
  .styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z {
    border: none;
  }
  .styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z.styles_active__QPv_f {
    background-color: var(--primaryColor);
    color: var(--defaultBg);
    font-size: 13px;
  }
  .styles_typeSelect__yAWxc .styles_typeSelectItem__ff43Z.styles_active__QPv_f svg {
    fill: var(--defaultBg);
  }
}
.styles_scrollShadow__xQbyi {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  height: 20px;
  background: var(--bgGradientVertical);
  pointer-events: none;
}

.styles_cascaderRulesModal__HwA8W .ant-modal-header {
  padding-bottom: 16px;
}
.styles_cascaderRulesModal__HwA8W .ant-modal-body {
  padding-top: 16px;
}
.styles_cascaderRulesModal__HwA8W .ant-modal-footer {
  padding-bottom: 24px;
}
.styles_modalTitle__fxiM4 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.styles_modalTitle__fxiM4 svg {
  vertical-align: -0.125em;
}
.styles_cascaderRulesContainer__nYf8I {
  display: flex;
  flex-direction: column;
}
.styles_tipRow__mQhAu {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
  color: var(--textCommonSecondary);
}
.styles_tipRow__mQhAu a {
  text-decoration: underline;
}
.styles_tipRow__mQhAu a:hover {
  text-decoration: underline;
}
.styles_refreshButton__paIa0 {
  justify-content: flex-end !important;
  min-width: 132px;
  padding: 0 !important;
}
.styles_loadingContainer__1AKJv {
  align-items: center;
  justify-content: center;
}
.styles_fieldSelectsContainer__OopKQ {
  border: 1px solid var(--borderCommonDefault);
  border-radius: 4px;
  display: flex;
  flex-grow: 1;
  height: 360px;
}
.styles_fieldSelectCol__xPVfr {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100px;
}
.styles_fieldSelect__GPN9V {
  align-items: center;
  border-bottom: 1px solid var(--borderCommonDefault);
  border-right: 1px solid var(--borderCommonDefault);
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.styles_select__ByNWQ {
  cursor: pointer;
  flex-grow: 1;
  max-width: calc(100% - 32px);
}
.styles_fullWidth__nWhsz {
  max-width: 100%;
}
.styles_deleteButton__8KCRJ {
  margin-left: 8px;
  color: var(--textCommonTertiary) !important;
}
.styles_fieldPreview__bKuLp {
  border-right: 1px solid var(--borderCommonDefault);
  flex-grow: 1;
  overflow-y: auto;
  padding: 8px;
}
.styles_buttonAddWrapper__QmdcV {
  border-bottom: 1px solid var(--borderCommonDefault);
  height: 57px;
  line-height: 57px;
}
.styles_buttonAdd__158Yn {
  margin: 0 2px;
}
.styles_previewOption__cS_MG {
  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__cS_MG.styles_isLeaf__UU4Uj {
  cursor: default;
}
.styles_previewOption__cS_MG > span {
  color: var(--primaryColor);
}
.styles_previewOption__cS_MG > span:first-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_previewOption__cS_MG svg {
  fill: var(--textBrandDefault);
  min-width: 20px;
}
.styles_previewOptionUnselected__NRSai {
  background-color: transparent;
}
.styles_previewOptionUnselected__NRSai > span {
  color: unset;
}
.styles_previewOptionUnselected__NRSai:not(.styles_isLeaf__UU4Uj):hover {
  background-color: var(--bgBglessHover);
}
.styles_previewOptionUnselected__NRSai:not(.styles_isLeaf__UU4Uj):active {
  background-color: var(--bgBglessActive);
}
.styles_previewOptionUnselected__NRSai.styles_isLeaf__UU4Uj:hover {
  background-color: var(--bgBglessHover);
}
.styles_previewOptionUnselected__NRSai.styles_previewOption__cS_MG {
  color: var(--textCommonPrimary);
}
.styles_previewOptionUnselected__NRSai.styles_previewOption__cS_MG svg {
  fill: var(--textCommonTertiary);
}
.styles_cancelButton__WAbfe {
  border: none;
  box-shadow: none;
}

.styles_sectionTitleWithTip__SR0ux {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.styles_error__ED31N {
  color: var(--errorColor);
}
.styles_datasourceSelectRow__L0999 {
  gap: 16px;
  margin-bottom: 16px;
}
.styles_tip__UiCjd span {
  font-size: 12px;
}
.styles_cascaderRulesShow__g4bE8 {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--borderCommonDefault);
  padding: 8px;
  border-radius: 4px;
}
.styles_cascaderRulesShow__g4bE8 .styles_rulesText__BlI2u {
  width: 220px;
  color: var(--textCommonPrimary);
}
.styles_rulesButton__kcbuU {
  color: #949494 !important;
  pointer-events: inherit !important;
}
.styles_rulesButtonText__WyTkK {
  color: var(--fc1);
}

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

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_treeItemRoot__TdyYw,
.style_treeItemRoot__TdyYw .style_group__j8qJa {
  list-style: none;
  padding: 0;
  margin: 0;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l {
  width: 100%;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  cursor: pointer;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_iconContainer__EoO0F {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_iconContainer__EoO0F .style_icon__8POsc {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 2px;
}
@media (any-hover: hover) {
  .style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_iconContainer__EoO0F .style_icon__8POsc:hover {
    background: var(--shadowColor);
  }
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_iconContainer__EoO0F .style_icon__8POsc .style_spin__mMJJ8 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_iconContainer__EoO0F .style_icon__8POsc svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
  transform: rotate(0deg);
  transition: transform 500ms ease;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_label__RSzPa {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  height: 100%;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_label__RSzPa::before {
  display: none;
  content: "\0020";
  position: absolute;
  left: 5px;
  right: 0;
  border-top: 2px var(--primaryColor) solid;
  z-index: 1;
  pointer-events: none;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l .style_label__RSzPa::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) {
  .style_treeItemRoot__TdyYw .style_treeItem__pvL3l:hover {
    border-radius: 4px;
    background: var(--fill0);
  }
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l:active {
  background: var(--fill1);
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_expanded__PL5mT .style_iconContainer__EoO0F svg {
  transform: rotate(90deg);
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_selected__EQFrD {
  background: var(--primaryLight);
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_selected__EQFrD + .style_group__j8qJa {
  background: var(--fill0);
  border-radius: 0 0 4px 4px;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_selected__EQFrD.style_expanded__PL5mT {
  border-radius: 4px 4px 0 0;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_disabled__tcXle {
  background: transparent;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragNodeHighlight__Y8784 {
  background: var(--defaultBg);
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_parentHighlight__x7HTH {
  border-color: var(--primaryColor);
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_draggable__cQrRd .style_label__RSzPa {
  cursor: pointer;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragging__TnRv1 .style_label__RSzPa {
  cursor: grabbing;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragOverGapTop__ReyA0 .style_label__RSzPa::before {
  display: block;
  top: -3px;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragOverGapTop__ReyA0 .style_label__RSzPa::after {
  display: block;
  top: -5px;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragOverGapBottom__EGzVt .style_label__RSzPa::before {
  display: block;
  bottom: -3px;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragOverGapBottom__EGzVt .style_label__RSzPa::after {
  display: block;
  bottom: -5px;
}
.style_treeItemRoot__TdyYw .style_treeItem__pvL3l.style_dragOver__h6T4o {
  border-color: var(--primaryColor);
}

.style_empty__Lsw4X {
  margin: 45% auto 0;
  padding: 0 8px;
  text-align: center;
  max-width: 234px;
}
.style_empty__Lsw4X .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_container__Xq6ee .style_content__DZK61 {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: var(--fc3);
}
.style_container__Xq6ee .style_left__pcjLf {
  margin-right: 4px;
}
.style_container__Xq6ee .style_right__vruWL {
  flex: 1;
  overflow: hidden;
}
.style_container__Xq6ee .style_btnGroup__CZUDy {
  padding-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.style_container__Xq6ee .style_content__DZK61.style_indent__7V3li {
  padding-left: 20px;
}
.style_container__Xq6ee .style_content__DZK61.style_accent__8BBsG {
  color: var(--fc1);
}
.style_container__Xq6ee .style_title__vBexw {
  font-size: 14px;
  font-weight: bold;
  color: var(--fc1);
  padding-bottom: 4px;
}
.style_container__Xq6ee .ant-popover-inner {
  padding: 16px;
}
.style_container__Xq6ee .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
**/
.style_inputBorderColor__grpjZ:hover,
.style_inputBorderColor__grpjZ:active,
.style_inputBorderColor__grpjZ:focus {
  border-color: var(--primaryColor) !important;
}
.style_inputError__GYCgv {
  border: 1px solid var(--errorColor) !important;
}
.style_inputError__GYCgv:hover,
.style_inputError__GYCgv:active,
.style_inputError__GYCgv:focus {
  border-color: var(--errorColor) !important;
}

/**
* This file corresponds to the UI design specification, and the theme-related variables are defined
* Font color starts with fc
**/
/**
* Commonly used variables
**/
/*
* TabBar Commonly Used
**/
.style_antiEllipsis__ZaAlu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__UMHG0 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__NiCIA ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__NiCIA ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__NiCIA ul::-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__NiCIA ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__NiCIA li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__NiCIA .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__NiCIA .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__NiCIA .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__NiCIA .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__g1Yxm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__uBRdx {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__kJJ5N .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__kJJ5N .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__kJJ5N .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__kJJ5N .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__kJJ5N .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__kJJ5N .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__kJJ5N .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__kJJ5N .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__kJJ5N .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__kJJ5N .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__kJJ5N .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__kJJ5N .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__kJJ5N .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__kJJ5N .editBgColor::before,
.style_tree__kJJ5N .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__kJJ5N .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__kJJ5N .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__kJJ5N .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__kJJ5N .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__kJJ5N .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__kJJ5N .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__kJJ5N .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__kJJ5N .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__kJJ5N .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__xLyc7 .ant-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__xLyc7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__xLyc7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__xLyc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__w5Cfq .ant-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__w5Cfq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__w5Cfq .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__w5Cfq .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__w5Cfq .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__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__w5Cfq .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__J5Fl9::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__J5Fl9::-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__J5Fl9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__vg9YY::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__vg9YY::-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__vg9YY:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__0tDea {
  position: relative;
  width: 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__udr8_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__udr8_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__udr8_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__udr8_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__udr8_ {
    flex: 0 0 100%;
  }
}
.style_filterInput__jnJ3F {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_nodeItemWrapper__IqsIM {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.style_nodeItemWrapper__IqsIM.style_nodeItemHover__4ZCGy:hover .style_state__sJxIq {
  display: none;
}
.style_nodeItemWrapper__IqsIM.style_nodeItemHover__4ZCGy:hover .style_operation__L1lMm {
  display: flex;
}
.style_nodeItemWrapper__IqsIM.style_nodeMobile__LkG8b .style_state__sJxIq {
  display: none;
}
.style_nodeItemWrapper__IqsIM.style_nodeMobile__LkG8b .style_operation__L1lMm {
  display: flex;
}
.style_nodeItemWrapper__IqsIM.style_nodeMobileActive__RgZ4Z .style_state__sJxIq {
  display: inherit;
}
.style_nodeItemWrapper__IqsIM .style_nodeIcon__CI9JW {
  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__IqsIM .style_nodeIcon__CI9JW:hover {
    background: var(--shadowColor);
  }
}
.style_nodeItemWrapper__IqsIM .style_nodeIcon__CI9JW.style_disabled__s2mZg {
  background: transparent;
  cursor: default;
}
.style_nodeItemWrapper__IqsIM .style_nodeIcon__CI9JW svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
  color: var(--fourthLevelText);
}
.style_nodeItemWrapper__IqsIM .style_content__Uc47f {
  width: 0;
  margin-left: 4px;
  flex: 1;
  height: 100%;
  line-height: 36px;
  color: var(--fc1);
}
.style_nodeItemWrapper__IqsIM .style_content__Uc47f .style_nodeName__5YX_v {
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}
.style_nodeItemWrapper__IqsIM .style_state__sJxIq {
  flex-shrink: 0;
}
.style_nodeItemWrapper__IqsIM .style_state__sJxIq > div {
  display: flex;
  align-items: center;
}
.style_nodeItemWrapper__IqsIM .style_state__sJxIq svg {
  width: 16px;
  height: 16px;
  fill: var(--fourthLevelText);
}
.style_nodeItemWrapper__IqsIM .style_operation__L1lMm {
  flex-shrink: 0;
  display: none;
}
.style_nodeItemWrapper__IqsIM .style_operation__L1lMm > div {
  display: flex;
  align-items: center;
}
.style_nodeItemWrapper__IqsIM .style_operation__L1lMm svg {
  width: 16px;
  height: 16px;
  fill: var(--thirdLevelText);
}
.style_actived__DD1Gm .style_nodeIcon__CI9JW svg {
  fill: var(--primaryColor);
  color: var(--primaryColor);
}
.style_actived__DD1Gm .style_content__Uc47f {
  color: var(--primaryColor) !important;
  font-weight: bold;
}
.style_deleteTitle__begK_ {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.style_deleteNodeName__u9Efx {
  display: inline;
}
@media screen and (max-width: 767.98px) {
  .style_nodeItemWrapper__IqsIM .style_nodeIcon__CI9JW {
    pointer-events: none;
  }
  .style_deleteTitle__begK_ {
    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__s94XB {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__MYUgG {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__IC3ng ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__IC3ng ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__IC3ng ul::-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__IC3ng ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__IC3ng li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__IC3ng .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__IC3ng .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__IC3ng .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__IC3ng .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Ih9Kk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__NHIjZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__RieCk .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__RieCk .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__RieCk .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__RieCk .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__RieCk .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__RieCk .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__RieCk .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__RieCk .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__RieCk .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__RieCk .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__RieCk .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__RieCk .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__RieCk .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__RieCk .editBgColor::before,
.style_tree__RieCk .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__RieCk .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__RieCk .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__RieCk .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__RieCk .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__RieCk .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__RieCk .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__RieCk .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__RieCk .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__RieCk .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__LKbc7 .ant-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__LKbc7 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__LKbc7 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__LKbc7 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__yQuWt .ant-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__yQuWt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__yQuWt .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__yQuWt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yQuWt .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__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__yQuWt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__kqQZn::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__kqQZn::-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__kqQZn:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__IQ8vJ::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__IQ8vJ::-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__IQ8vJ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__F03Pb {
  position: relative;
  width: 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__aRdDy {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__aRdDy {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__aRdDy {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__aRdDy {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__aRdDy {
    flex: 0 0 100%;
  }
}
.style_filterInput__TApr_ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_tree__RieCk .style_emptyNodes__Edg1t {
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: var(--fourthLevelText);
  text-align: center;
}
.style_tree__RieCk .style_errorTip__lraZ6 {
  cursor: pointer;
  color: var(--fc3);
}
.style_tree__RieCk .treeItem {
  height: 40px;
}
.style_tree__RieCk .treeItem.operationBg {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_tree__RieCk .treeItem.selected {
  border-radius: 4px;
}
.style_permissionSetBtn__z9i7A {
  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__EP9tr {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__TsdDq {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__E8L6i ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__E8L6i ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__E8L6i ul::-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__E8L6i ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__E8L6i li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__E8L6i .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__E8L6i .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__E8L6i .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__E8L6i .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__MwIrW {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__lHzEM {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__IFKCT .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__IFKCT .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__IFKCT .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__IFKCT .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__IFKCT .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__IFKCT .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__IFKCT .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__IFKCT .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__IFKCT .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__IFKCT .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__IFKCT .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__IFKCT .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__IFKCT .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__IFKCT .editBgColor::before,
.styles_tree__IFKCT .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__IFKCT .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__IFKCT .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__IFKCT .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__IFKCT .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__IFKCT .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__IFKCT .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__IFKCT .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__IFKCT .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__IFKCT .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__fX4fs .ant-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__fX4fs .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__fX4fs .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__fX4fs .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__DqRIR .ant-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__DqRIR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__DqRIR .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__DqRIR .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DqRIR .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__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__DqRIR .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__cQj0Y::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__cQj0Y::-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__cQj0Y:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__8ie6t::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__8ie6t::-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__8ie6t:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__vlrge {
  position: relative;
  width: 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__7Gi0F {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__7Gi0F {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__7Gi0F {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__7Gi0F {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__7Gi0F {
    flex: 0 0 100%;
  }
}
.styles_filterInput___HPJL {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_viewSelectPanel__fbL3l {
  width: 280px;
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ {
  padding: 0 8px;
  max-height: 280px;
  overflow-x: auto;
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ::-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__fbL3l .styles_viewSelect__dqdgZ:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ .styles_viewSelectItem__Tbrcw {
  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__fbL3l .styles_viewSelect__dqdgZ .styles_viewSelectItem__Tbrcw:hover {
  background-color: var(--rowSelectedBg);
}
.styles_viewSelectPanel__fbL3l .styles_viewSelect__dqdgZ .styles_viewSelectItem__Tbrcw svg {
  margin-right: 3px;
  vertical-align: -0.125em;
}
.styles_text__tJK03 {
  color: var(--thirdLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_text__tJK03.styles_active__EzXza {
  color: var(--primaryColor);
}
.styles_modalFooter__kPDzl {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_modalFooter__kPDzl .styles_left__zKaby,
.styles_modalFooter__kPDzl .styles_right__GlFtv {
  display: flex;
}
.styles_modalFooter__kPDzl .styles_left__zKaby .styles_button__RMlHP {
  margin-left: 8px;
}
.styles_modelBody__Gg4A5 .styles_desc__D2v2Y {
  margin-bottom: 24px;
  padding: 0 24px;
  line-height: 20px;
  font-size: 14px;
  color: var(--secondLevelText);
}
.styles_modelBody__Gg4A5 .styles_searchField__Zpa29 {
  margin: 0 32px;
}
.styles_modelBody__Gg4A5 .styles_fieldListWrapper___IG9_ {
  height: 224px;
  overflow: auto;
  margin-bottom: 20px;
}
.styles_modelBody__Gg4A5 .styles_fieldListWrapper___IG9_ .styles_fieldList__u9vDO {
  padding: 0 24px;
}
.styles_noResult__wVs0W {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: var(--secondLevelText);
}
.styles_fieldItem__jdFHE {
  display: flex;
  padding: 0 8px;
  height: 32px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}
.styles_fieldItem__jdFHE .styles_fieldIconAndTitle__HIclf {
  display: flex;
  align-items: center;
}
.styles_fieldItem__jdFHE:hover {
  background: var(--rowSelectedBg);
  position: relative;
}
.styles_fieldItem__jdFHE .styles_iconType__p2Npi {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.styles_fieldItem__jdFHE .styles_fieldName___IJLe {
  width: 245px;
  color: var(--secondLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_selectedFieldList__bvnzI {
  max-height: 132px;
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  overflow-x: hidden;
}
.styles_selectedFiledItem__8z7HS {
  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__8z7HS .styles_selectedFieldIconAndTitle__KzCDl {
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.styles_selectedFiledItem__8z7HS .styles_iconType__p2Npi {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.styles_selectedFiledItem__8z7HS .styles_fieldName___IJLe {
  max-width: 245px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_editField__g4Ttg {
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}
.styles_editField__g4Ttg .styles_editBtn__Zohn9 {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_editField__g4Ttg .styles_editBtn__Zohn9 svg {
  fill: var(--thirdLevelText) !important;
}
.styles_editField__g4Ttg .styles_editBtn__Zohn9 .styles_editText__ggH20 {
  margin-left: 3px;
  font-size: 13px;
}
@media screen and (max-width: 767.98px) {
  .styles_flowBox__goYyr {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .styles_fieldListWrapper___IG9_ {
    flex: 1;
    overflow: auto;
    min-height: 240px;
  }
  .styles_fieldItem__jdFHE {
    height: 48px;
    font-size: 14px;
  }
  .styles_fieldItem__jdFHE .ant-switch {
    min-width: 34px;
  }
  .styles_btnGroup__Yc862 {
    display: flex;
    justify-content: space-between;
  }
  .styles_btnGroup__Yc862 button:first-child {
    margin-right: 12px;
  }
  .styles_btnGroup__Yc862 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__9u814 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__qFuUc {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__W4nwy ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__W4nwy ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__W4nwy ul::-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__W4nwy ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__W4nwy li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__W4nwy .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__W4nwy .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__W4nwy .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__W4nwy .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__Dd77y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__FO__w {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__jlqin .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__jlqin .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__jlqin .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__jlqin .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__jlqin .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__jlqin .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__jlqin .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__jlqin .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__jlqin .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__jlqin .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__jlqin .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__jlqin .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__jlqin .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__jlqin .editBgColor::before,
.styles_tree__jlqin .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__jlqin .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__jlqin .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__jlqin .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__jlqin .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__jlqin .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__jlqin .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__jlqin .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__jlqin .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__jlqin .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__63JJv .ant-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__63JJv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__63JJv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__63JJv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__jtR1O .ant-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__jtR1O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__jtR1O .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__jtR1O .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__jtR1O .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__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__jtR1O .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__L0YOx::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__L0YOx::-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__L0YOx:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__qA7xz::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__qA7xz::-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__qA7xz:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__TkjAX {
  position: relative;
  width: 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__fDnvi {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__fDnvi {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__fDnvi {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__fDnvi {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__fDnvi {
    flex: 0 0 100%;
  }
}
.styles_filterInput__BBq8F {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.styles_searchPanel__v8qX_ {
  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__v8qX_ .styles_iconNarrow__6LltH {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.styles_searchPanel__v8qX_ .styles_searchPanelTitle__jYTL_ {
  height: 22px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  padding: 0 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__v8qX_ .styles_searchResult__OnkPa {
  height: 544px;
  padding: 8px 0;
  overflow: auto;
}
.styles_searchPanel__v8qX_ .styles_searchResult__OnkPa::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_searchPanel__v8qX_ .styles_searchResult__OnkPa::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_searchPanel__v8qX_ .styles_searchResult__OnkPa::-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__v8qX_ .styles_searchResult__OnkPa:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_searchPanel__v8qX_ .styles_searchResult__OnkPa .styles_nodeTitle__qNL9y {
  font-size: 12px;
  color: var(--thirdLevelText);
  padding: 8px 24px;
  margin-bottom: 0px;
}
.styles_searchPanel__v8qX_ .styles_searchEmpty__vzlfB {
  margin-top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_searchPanel__v8qX_ .styles_searchEmpty__vzlfB .styles_emptyImage__GhxXZ {
  height: 150px;
  margin-bottom: 16px;
}
.styles_searchPanel__v8qX_ .styles_searchEmpty__vzlfB .styles_emptyText__op1jy {
  font-size: 13px;
  color: var(--thirdLevelText);
}
.styles_searchPanel__v8qX_ .styles_searchEmpty__vzlfB .styles_emptyText__op1jy span {
  max-width: 260px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__v8qX_ .styles_folderContent__aS00T {
  height: 494px;
  padding-bottom: 24px;
  overflow: auto;
}
.styles_searchPanel__v8qX_ .styles_folderContent__aS00T::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_searchPanel__v8qX_ .styles_folderContent__aS00T::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_searchPanel__v8qX_ .styles_folderContent__aS00T::-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__v8qX_ .styles_folderContent__aS00T:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_searchPanel__v8qX_ .styles_breadCrumb__R_S8A {
  margin-top: 8px;
  padding: 6px 24px;
}
.styles_searchPanel__v8qX_ .styles_breadCrumb__R_S8A .ant-breadcrumb {
  white-space: nowrap;
  line-height: 1;
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px;
  padding: 0 24px;
  cursor: pointer;
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t:hover,
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t.styles_active__eqmnT {
  background-color: var(--rowSelectedBg);
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t.styles_disable__rYrMf svg {
  fill: var(--shadowColor);
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t.styles_disable__rYrMf .styles_text__BLwAu {
  width: auto;
  max-width: calc(100% - 93px);
  padding-right: 8px;
  color: var(--shadowColor);
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t svg {
  vertical-align: middle;
  font-size: 15px;
  fill: var(--fourthLevelText);
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t svg.styles_leftIcon__TJ3xu {
  margin-right: 10px;
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t svg.styles_rightIcon__yuq07 {
  font-size: 12px;
  margin-left: 10px;
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t .styles_text__BLwAu {
  width: calc(100% - 58px);
  display: inline-block;
  vertical-align: middle;
  color: var(--firstLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_searchPanel__v8qX_ .styles_nodeContainer__l482t .styles_budget__MNa_N {
  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__v8qX_ .styles_loading__AL_k1 {
  position: absolute;
  top: 100px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.styles_searchPanel__v8qX_ .styles_emptyFolder__mfqUt img {
  display: block;
  height: 150px;
  margin: 72px auto 16px;
}
.styles_searchPanel__v8qX_ .styles_emptyFolder__mfqUt p {
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: center;
}
.styles_portalContainer__wQmO1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--overAntModal);
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_viewSelectPanel__I3dV9 {
  width: 280px;
  box-shadow: 0px 1px 14px 0px var(--shadowColor);
  border-radius: 4px;
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd {
  padding: 0 8px;
  max-height: 280px;
  overflow-x: auto;
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd::-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__I3dV9 .styles_viewSelect__oNVwd:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd .styles_viewSelectItem__gDmSm {
  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__I3dV9 .styles_viewSelect__oNVwd .styles_viewSelectItem__gDmSm:hover {
  background-color: var(--rowSelectedBg);
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd .styles_viewSelectItem__gDmSm.styles_viewSelectItemHighlight__gyc5L {
  color: var(--primaryColor);
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd .styles_viewSelectItem__gDmSm.styles_viewSelectItemHighlight__gyc5L svg {
  fill: var(--primaryColor);
}
.styles_viewSelectPanel__I3dV9 .styles_viewSelect__oNVwd .styles_viewSelectItem__gDmSm svg {
  margin-right: 3px;
  vertical-align: -0.125em;
}
.styles_text__BLwAu {
  color: var(--thirdLevelText);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_text__BLwAu.styles_active__eqmnT {
  color: var(--firstLevelText);
}
.styles_linkTitle__6V1Fl {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_foreignInfoBox__uN0x4 {
  height: 48px !important;
}
.styles_foreignInfoWrapper__EKFeL {
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.styles_foreignInfoWrapper__EKFeL .styles_nameWrapper__DZTLe {
  display: flex;
}
.styles_foreignInfoWrapper__EKFeL .styles_nameWrapper__DZTLe p {
  display: flex;
  align-items: center;
  line-height: 1;
}
.styles_foreignInfoWrapper__EKFeL .styles_nameWrapper__DZTLe p > span {
  margin-right: 4px;
}
.styles_foreignInfoWrapper__EKFeL .styles_foreignFieldNameWrapper__hhIcu {
  font-size: 12px;
  color: var(--fc3);
  display: flex;
  align-items: center;
  max-width: 90%;
  margin-top: 4px;
}
.styles_foreignInfoWrapper__EKFeL .styles_foreignField__tfvKb {
  display: inline-block;
}
.styles_selectView__e4NB_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_selectView__e4NB_ .styles_tooltipContainer__9YmT9 {
  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_antiEllipsis__zx_Mv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__bUrEE {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__EiMNY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__EiMNY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__EiMNY ul::-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__EiMNY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__EiMNY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__EiMNY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__EiMNY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__EiMNY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__EiMNY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__TrV3Z {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__wNJI9 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__ETy_W .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__ETy_W .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__ETy_W .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__ETy_W .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__ETy_W .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__ETy_W .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__ETy_W .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__ETy_W .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__ETy_W .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__ETy_W .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__ETy_W .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__ETy_W .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__ETy_W .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__ETy_W .editBgColor::before,
.style_tree__ETy_W .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__ETy_W .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__ETy_W .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__ETy_W .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__ETy_W .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__ETy_W .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__ETy_W .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__ETy_W .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__ETy_W .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__ETy_W .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__eeurv .ant-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__eeurv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__eeurv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__eeurv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__vh66Y .ant-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__vh66Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__vh66Y .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__vh66Y .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__vh66Y .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__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__vh66Y .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__521YK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__521YK::-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__521YK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__wXlH2::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__wXlH2::-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__wXlH2:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__s5es_ {
  position: relative;
  width: 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__lQc_L {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__lQc_L {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__lQc_L {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__lQc_L {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__lQc_L {
    flex: 0 0 100%;
  }
}
.style_filterInput__hjbGL {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_section__LKBkq {
  margin-bottom: 16px;
}
.style_section__LKBkq .style_sectionTitle__WTaN2 {
  font-size: 13px;
  color: var(--thirdLevelText);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.style_section__LKBkq .style_sectionInfo__m9Cz_ {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
}
.style_section__LKBkq .style_sectionInfo__m9Cz_ .style_text__JUXIT {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_section__LKBkq .style_sectionInfo__m9Cz_ .style_arrow__0VXdh {
  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__HeeVz {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__ZL_D9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__8Apiv ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__8Apiv ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__8Apiv ul::-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__8Apiv ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__8Apiv li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__8Apiv .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__8Apiv .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__8Apiv .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__8Apiv .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__mCnIN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__HMDTl {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__U1IEb .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__U1IEb .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__U1IEb .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__U1IEb .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__U1IEb .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__U1IEb .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__U1IEb .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__U1IEb .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__U1IEb .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__U1IEb .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__U1IEb .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__U1IEb .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__U1IEb .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__U1IEb .editBgColor::before,
.style_tree__U1IEb .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__U1IEb .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__U1IEb .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__U1IEb .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__U1IEb .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__U1IEb .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__U1IEb .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__U1IEb .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__U1IEb .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__U1IEb .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__cgjXr .ant-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__cgjXr .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__cgjXr .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__cgjXr .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__nrwIo .ant-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__nrwIo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__nrwIo .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__nrwIo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nrwIo .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__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__nrwIo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__1I34u::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__1I34u::-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__1I34u:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__TG7tf::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__TG7tf::-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__TG7tf:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__873_Q {
  position: relative;
  width: 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__GYQc3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__GYQc3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__GYQc3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__GYQc3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__GYQc3 {
    flex: 0 0 100%;
  }
}
.style_filterInput__Tj_7x {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_con__PyjtP {
  width: 80px;
  height: 40px;
  line-height: 40px !important;
  background: var(--lowestBg) !important;
  border-radius: 4px;
  margin-right: 8px !important;
}
.style_con__PyjtP > div {
  height: 40px !important;
  line-height: 40px !important;
}
.style_con__PyjtP .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__jc1xu {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__MLIQY {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__79lTc ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__79lTc ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__79lTc ul::-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__79lTc ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__79lTc li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__79lTc .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__79lTc .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__79lTc .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__79lTc .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__qC2Wm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__Xbe_w {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__DKDuV .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__DKDuV .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__DKDuV .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__DKDuV .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__DKDuV .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__DKDuV .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__DKDuV .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__DKDuV .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__DKDuV .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__DKDuV .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__DKDuV .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__DKDuV .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__DKDuV .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__DKDuV .editBgColor::before,
.style_tree__DKDuV .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__DKDuV .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__DKDuV .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__DKDuV .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__DKDuV .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__DKDuV .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__DKDuV .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__DKDuV .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__DKDuV .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__DKDuV .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__H_dmT .ant-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__H_dmT .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__H_dmT .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__H_dmT .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__mYFYb .ant-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__mYFYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__mYFYb .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__mYFYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__mYFYb .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__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__mYFYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__uDnz1::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__uDnz1::-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__uDnz1:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__YGhOM::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__YGhOM::-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__YGhOM:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__Jxuyk {
  position: relative;
  width: 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__VDFpO {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__VDFpO {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__VDFpO {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__VDFpO {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__VDFpO {
    flex: 0 0 100%;
  }
}
.style_filterInput__pe2cR {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_filterValue__nSZeB {
  flex: 1;
  width: 0;
  height: 40px;
  margin-right: 8px;
}
.style_filterValue__nSZeB input {
  color: var(--textCommonPrimary);
}
.style_filterValue__nSZeB .style_inputContainer__eVLxW {
  height: 100%;
}
.style_filterValue__nSZeB .style_inputContainer__eVLxW .style_input__HnHCv {
  border: none;
  background: var(--lowestBg);
  height: 100%;
  flex: 1;
  width: 100%;
}
.style_filterValue__nSZeB .style_inputContainer__eVLxW .style_input__HnHCv:hover,
.style_filterValue__nSZeB .style_inputContainer__eVLxW .style_input__HnHCv:focus {
  outline: none;
  border: none;
}
@media screen and (max-width: 767.98px) {
  .style_filterValue__nSZeB {
    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__Py9qI {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__vJklA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__0Ns5m ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__0Ns5m ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__0Ns5m ul::-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__0Ns5m ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__0Ns5m li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__0Ns5m .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__0Ns5m .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__0Ns5m .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__0Ns5m .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__md8XZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QEuVd {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__3WDlj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__3WDlj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__3WDlj .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__3WDlj .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__3WDlj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__3WDlj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__3WDlj .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__3WDlj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__3WDlj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__3WDlj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__3WDlj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__3WDlj .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__3WDlj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__3WDlj .editBgColor::before,
.style_tree__3WDlj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__3WDlj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__3WDlj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__3WDlj .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__3WDlj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__3WDlj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__3WDlj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__3WDlj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__3WDlj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__3WDlj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__okw7u .ant-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__okw7u .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__okw7u .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__okw7u .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__msznn .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__msznn .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__msznn .ant-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__msznn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__msznn .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__msznn .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__msznn .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__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__msznn .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__lYsN5::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__lYsN5::-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__lYsN5:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__4AGqW::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__4AGqW::-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__4AGqW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__76f9P {
  position: relative;
  width: 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__B40PE {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__B40PE {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__B40PE {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__B40PE {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__B40PE {
    flex: 0 0 100%;
  }
}
.style_filterInput__07b0s {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_fieldMaskJunction__waBk8 {
  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__JD1Fu {
  padding-top: 2px;
}
.style_fieldMaskConditionItem__5qSPu {
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767.98px) {
  .style_fieldMaskJunction__waBk8 {
    background: none;
    align-self: start;
    margin-bottom: 4px;
  }
  .style_fieldMaskConditionItem__5qSPu {
    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__Xj_IO {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__tJWWl {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__iCE71 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__iCE71 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__iCE71 ul::-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__iCE71 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__iCE71 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__iCE71 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__iCE71 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__iCE71 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__iCE71 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__N6Mj8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg___4D9p {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Ad__0 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Ad__0 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Ad__0 .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__Ad__0 .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__Ad__0 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Ad__0 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Ad__0 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Ad__0 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Ad__0 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Ad__0 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Ad__0 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Ad__0 .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__Ad__0 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Ad__0 .editBgColor::before,
.style_tree__Ad__0 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Ad__0 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Ad__0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Ad__0 .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__Ad__0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Ad__0 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Ad__0 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Ad__0 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Ad__0 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Ad__0 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__Ogubu .ant-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__Ogubu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Ogubu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__Ogubu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__bDsYQ .ant-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__bDsYQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__bDsYQ .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__bDsYQ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bDsYQ .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__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__bDsYQ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__2gNAm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__2gNAm::-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__2gNAm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ETs15::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ETs15::-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__ETs15:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__IHFMR {
  position: relative;
  width: 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__i5tR3 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__i5tR3 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__i5tR3 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__i5tR3 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__i5tR3 {
    flex: 0 0 100%;
  }
}
.style_filterInput__Fxp8x {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_viewFieldMask__JRFtC {
  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__JRFtC .style_addNewButton__KnaeL {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content;
  color: var(--secondLevelText);
}
.style_viewFieldMask__JRFtC .style_addNewButton__KnaeL.style_disabled__52_Bn {
  color: var(--textCommonDisabled) !important;
  cursor: not-allowed;
}
.style_viewFieldMask__JRFtC .style_addNewButton__KnaeL.style_disabled__52_Bn svg {
  fill: var(--textCommonDisabled) !important;
}
.style_viewFieldMask__JRFtC .style_addNewButton__KnaeL.style_disabled__52_Bn > * {
  opacity: 0.5;
}
.style_viewFieldMask__JRFtC .style_addNewButton__KnaeL .style_iconAdd__nkaFJ {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
@media (any-hover: hover) {
  .style_viewFieldMask__JRFtC .style_addNewButton__KnaeL:hover {
    color: var(--primaryColor);
  }
  .style_viewFieldMask__JRFtC .style_addNewButton__KnaeL:hover svg {
    fill: var(--primaryColor);
  }
}
@media screen and (max-width: 767.98px) {
  .style_viewFieldMask__JRFtC {
    width: 100%;
    height: 100%;
    box-shadow: none;
    padding: 0;
    background: var(--defaultBg);
    min-width: unset;
  }
  .style_addNewButton__KnaeL {
    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__KnaeL span {
    margin-right: 8px;
  }
  .style_addNewButton__KnaeL:active {
    color: var(--primaryColor);
  }
  .style_addNewButton__KnaeL:active svg {
    fill: var(--primaryColor);
  }
}
.style_scrollShadow__GRVes {
  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_contextmenuItem__jevdd {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  cursor: pointer;
}
.style_contextmenuItem__jevdd.disabled .style_name__7kM5I {
  color: var(--fc3);
  cursor: not-allowed;
}
.style_contextmenuItem__jevdd:hover {
  background: var(--rowSelectedBg);
  border-radius: 4px;
}
.style_contextmenuItem__jevdd svg {
  fill: var(--thirdLevelText);
  margin-right: 4px;
}
.style_contextmenuItem__jevdd .style_arrow__7KTXO {
  width: 10px;
  height: 10px;
  fill: var(--thirdLevelText);
}
.style_contextmenuItem__jevdd .style_name__7kM5I {
  color: var(--firstLevelText);
  font-size: 13px;
}
.style_contextmenuItem__jevdd .style_shortcutKey__1mKVo {
  flex: 1;
  color: var(--thirdLevelText);
  font-size: 13px;
  text-align: right;
  text-transform: capitalize;
}
.style_contextmenuDivider__d8Zrt {
  height: 9px;
  background: var(--lineColor);
  padding: 4px 16px;
  background-clip: content-box;
  pointer-events: none;
}
@media screen and (max-width: 767.98px) {
  .style_contextmenuItem__jevdd {
    padding: 0 40px 0 24px;
  }
  .style_contextmenuItem__jevdd:hover {
    background: transparent;
  }
  .style_contextmenuItem__jevdd svg {
    margin-right: 8px;
  }
  .style_contextmenuItem__jevdd .style_name__7kM5I {
    height: 100%;
    flex: 1;
  }
  .style_contextmenuItem__jevdd .style_shortcutKey__1mKVo {
    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__orV_G {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__wsNeL {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__n0Ytu ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__n0Ytu ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__n0Ytu ul::-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__n0Ytu ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__n0Ytu li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__n0Ytu .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__n0Ytu .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__n0Ytu .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__n0Ytu .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__WGNPL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__MQC3K {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__W_E22 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__W_E22 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__W_E22 .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__W_E22 .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__W_E22 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__W_E22 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__W_E22 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__W_E22 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__W_E22 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__W_E22 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__W_E22 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__W_E22 .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__W_E22 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__W_E22 .editBgColor::before,
.style_tree__W_E22 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__W_E22 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__W_E22 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__W_E22 .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__W_E22 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__W_E22 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__W_E22 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__W_E22 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__W_E22 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__W_E22 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__lSYa2 .ant-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__lSYa2 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__lSYa2 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__lSYa2 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__60pNE .ant-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__60pNE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__60pNE .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__60pNE .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__60pNE .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__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__60pNE .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__yxNFK::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__yxNFK::-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__yxNFK:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__PMelR::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__PMelR::-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__PMelR:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__OACvI {
  position: relative;
  width: 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_I92 {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__s_I92 {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__s_I92 {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__s_I92 {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__s_I92 {
    flex: 0 0 100%;
  }
}
.style_filterInput__3ko6q {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_mobileContextMenu__d6gsD .ant-drawer-body > div {
  max-height: calc(100vh - 118px);
}
.style_mobileContextMenu__d6gsD .style_group__H8bfo {
  background: var(--defaultBg);
  border-radius: 8px;
}
.style_mobileContextMenu__d6gsD .style_group__H8bfo:not(:nth-child(1)) {
  margin-top: 16px;
}
.style_mobileContextMenu__d6gsD .style_group__H8bfo .style_item__MuM3b {
  height: 48px;
  line-height: 48px;
}
.style_mobileContextMenu__d6gsD .style_group__H8bfo .style_item__MuM3b.style_warn__aKjuO div {
  color: var(--errorColor);
}
.style_mobileContextMenu__d6gsD .style_group__H8bfo .style_item__MuM3b.style_warn__aKjuO svg {
  fill: var(--errorColor);
}
@media screen and (min-width: 768px) {
  .style_mobileContextMenu__d6gsD .style_group__H8bfo .style_item__MuM3b:not(:last-child) > div {
    position: relative;
  }
  .style_mobileContextMenu__d6gsD .style_group__H8bfo .style_item__MuM3b: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__d6gsD .ant-drawer-content {
  background: var(--lowestBg);
}
@media screen and (max-width: 768px) {
  .style_mobileContextMenu__d6gsD .style_group__H8bfo:not(:nth-child(1)) {
    margin-top: 0;
    border-radius: unset;
    border-top: 1px solid 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__W17rW {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__JJMrA {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__d_5Nt ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__d_5Nt ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__d_5Nt ul::-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__d_5Nt ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__d_5Nt li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__d_5Nt .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__d_5Nt .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__d_5Nt .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__d_5Nt .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__M6REn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__DgDvl {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__dElol .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__dElol .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__dElol .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__dElol .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__dElol .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__dElol .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__dElol .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__dElol .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__dElol .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__dElol .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__dElol .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__dElol .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__dElol .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__dElol .editBgColor::before,
.style_tree__dElol .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__dElol .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__dElol .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__dElol .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__dElol .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__dElol .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__dElol .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__dElol .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__dElol .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__dElol .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__CNnad .ant-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__CNnad .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__CNnad .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__CNnad .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__WESSu .ant-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__WESSu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__WESSu .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__WESSu .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WESSu .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__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__WESSu .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__wHTOW::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__wHTOW::-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__wHTOW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__ub2g1::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__ub2g1::-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__ub2g1:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___jHl5 {
  position: relative;
  width: 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__64g5h {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__64g5h {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__64g5h {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__64g5h {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__64g5h {
    flex: 0 0 100%;
  }
}
.style_filterInput__p3hPD {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_spaceInfo__ZLQLk {
  width: 100%;
  height: 100%;
  padding: 24px;
  min-width: calc(1601px / 1.5);
  min-height: calc(773px / 1.5);
}
.style_spaceInfo__ZLQLk .style_left__TseqA,
.style_spaceInfo__ZLQLk .style_right__fYKqu {
  background-color: var(--defaultBg);
}
.style_spaceInfo__ZLQLk .style_left__TseqA {
  height: 100%;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.style_spaceInfo__ZLQLk .style_left__TseqA .style_spaceTitle__08LUO {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.style_spaceInfo__ZLQLk .style_left__TseqA .style_spaceTitle__08LUO svg {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.style_spaceInfo__ZLQLk .style_left__TseqA .style_spaceLevel__mt_Um {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.style_spaceInfo__ZLQLk .style_left__TseqA .style_moreMenuWrap__LDftU {
  position: absolute;
  right: 16px;
}
.style_spaceLevelTag__zkfVI {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 2px;
}
.style_spaceLevelTag__zkfVI.style_bronzeTag__4bc46 {
  background: var(--rainbowBrown1);
}
.style_spaceLevelTag__zkfVI.style_bronzeTag__4bc46 .style_text__t7r1L {
  color: var(--rainbowBrown5);
}
.style_spaceLevelTag__zkfVI.style_silverTag__FdV9j {
  background: var(--rainbowIndigo1);
}
.style_spaceLevelTag__zkfVI.style_silverTag__FdV9j .style_text__t7r1L {
  color: var(--indigo_400);
}
.style_spaceLevelTag__zkfVI.style_goldTag__A_0X8 {
  background: var(--rainbowOrange1);
}
.style_spaceLevelTag__zkfVI.style_goldTag__A_0X8 .style_text__t7r1L {
  color: var(--rainbowOrange5);
}
.style_spaceLevelTag__zkfVI.style_enterpriseTag__qc5sz {
  background: var(--rainbowIndigo1);
}
.style_spaceLevelTag__zkfVI.style_enterpriseTag__qc5sz .style_text__t7r1L {
  color: var(--rainbowIndigo5);
}
.style_spaceLevelTag__zkfVI .style_text__t7r1L {
  font-size: 12px;
}
.style_spaceLevelTag__zkfVI .style_icon__OIPKh {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  font-size: 16px;
}

.style_iconWrap__sGr_1 {
  display: inline-block;
  font-style: normal;
  color: var(--secondLevelText);
}
.style_iconWrap__sGr_1 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__kEK37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
  color: var(--black_1000);
  cursor: pointer;
}
.style_trigger__kEK37[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_placeholder__jb6YC {
  color: #999;
}
.style_triggerValue__ONasN {
  display: inline-flex;
}
.style_triggerValue__ONasN[data-with-arrow="true"] {
  margin-right: 2px;
}
.style_triggerIcon__PR7IB {
  color: var(--black_300) !important;
  transition: transform 0.3s ease-out;
}
.style_triggerIconOpen__Quiii {
  transform: rotate(180deg);
}
.style_selectPanel__JYZHW {
  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__JYZHW::-webkit-scrollbar {
  width: 0;
}
.style_selectPanel__JYZHW[data-hide="true"] {
  display: none;
}
.style_selectPanel__JYZHW li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 9px 8px;
  margin: 0;
  cursor: pointer;
  border-radius: 4px;
}
.style_selectPanel__JYZHW li:hover,
.style_selectPanel__JYZHW li[data-active="true"] {
  background: var(--defaultBg);
}

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

.style_trigger__t6jXt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.style_trigger__t6jXt:hover,
.style_trigger__t6jXt[data-active="true"] {
  background: var(--defaultBg);
}
.style_trigger__t6jXt[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.style_colorPanel__FE0W9 {
  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__FE0W9 li {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 16px;
  border-radius: 2px;
  list-style: none;
  position: relative;
}
.style_colorPanel__FE0W9 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__FE0W9 .style_none__h2nuZ {
  border: 1px solid #e8eaed;
  position: relative;
  margin-left: 0;
}
.style_colorPanel__FE0W9 .style_none__h2nuZ::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__6TEyY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  margin-right: 8px;
  cursor: pointer;
  border-radius: 4px;
}
.link_input_trigger__6TEyY:hover,
.link_input_trigger__6TEyY[data-active="true"] {
  background: var(--defaultBg);
}
.link_input_trigger__6TEyY[data-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.link_input_linkInputPanel__bcN7D {
  padding: 4px;
  background: var(--defaultBg);
  border-radius: 4px;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.link_input_linkInputPanel__bcN7D input {
  flex: 1;
}
.link_input_linkInputPanelInline__dRnFm {
  display: flex;
  align-items: center;
  width: 258px;
}
.link_input_linkInputPanelInline__dRnFm input {
  height: 32px;
  margin-right: 8px;
  background: none;
  border: none;
}
.link_input_inputGroup___sQT9 {
  margin-bottom: 16px;
}
.link_input_footer__j2GTQ {
  text-align: right;
}
.link_input_footer__j2GTQ button + button {
  margin-left: 8px;
}

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

.style_wrap__4dlGq {
  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___MK18 {
  position: relative;
  padding: 24px;
  background: var(--bgCommonLower);
  border-radius: 8px;
}
.code_codeBlock__5jd2y {
  display: block;
  font-size: 13px;
  font-family: Consolas, "SFMono-Regular", "Liberation Mono", Menlo, Courier, monospace;
}
.code_codeBlock__5jd2y .token.operator {
  background: none;
}
.code_codeWrapToolbar__g0Xfu {
  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__g0Xfu[contentEditable="false"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.code_codeWrapToolbar__g0Xfu .code_operationBtn__INvcM {
  margin-left: 8px;
  cursor: pointer;
}
.code_languageSelect__4kNcH {
  color: var(--textCommonQuaternary);
}

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

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

.style_heading__OS_Wi {
  margin: 0;
  padding: 0;
}
.style_heading1___BQ1K {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
.style_heading2__EWqXO {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
}
.style_heading3__4hoZF {
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
}
.style_heading4__pLcNv {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.style_heading5__X7ND9 {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
.style_heading6__X_G5q {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.style_imagePickerWrap__1eyfm {
  position: relative;
}
.style_imagePickerWrap__1eyfm[data-align="alignLeft"] {
  text-align: left;
}
.style_imagePickerWrap__1eyfm[data-align="alignCenter"] {
  text-align: center;
}
.style_imagePickerWrap__1eyfm[data-align="alignRight"] {
  text-align: right;
}
.style_imagePickerWrap__1eyfm .style_loadingMask__junwH {
  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__1eyfm .style_imgPicker__7xzhY {
  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__1eyfm .style_imgPicker__7xzhY:hover,
.style_imagePickerWrap__1eyfm .style_imgPicker__7xzhY[data-focused="true"] {
  box-shadow: 0 0 0 2px var(--primaryColor);
}
.style_imagePickerWrap__1eyfm .style_imgPicker__7xzhY .style_deleteBtn__Qzft2 {
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 14px;
  margin-top: -8px;
  display: none;
}
.style_imagePickerWrap__1eyfm .style_imgPicker__7xzhY:hover .style_deleteBtn__Qzft2 {
  display: inline-block;
}
.style_imagePickerWrap__1eyfm .style_imgPlaceholder__QAsrB {
  padding-left: 8px;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu {
  position: relative;
  display: inline-block;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_imageOperationMask__Cezcq {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y {
  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__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y dd {
  display: flex;
  margin: 0;
  margin-right: 4px;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y dd[data-active="true"],
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y dd:hover {
  background: var(--defaultBg);
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y dd:last-child {
  margin-right: 0;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_embedToolbar__qxj_Y .style_divider__I_qby {
  width: 1px;
  border-left: 1px solid var(--black_200);
  padding: 0;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_moveHandle__lbHGU {
  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__1eyfm .style_imageWrap__zfVyu .style_moveHandle__lbHGU[data-placement="tl"] {
  top: -8px / 2;
  left: -8px / 2;
  cursor: nwse-resize;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_moveHandle__lbHGU[data-placement="tr"] {
  top: -8px / 2;
  right: -8px / 2;
  cursor: nesw-resize;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_moveHandle__lbHGU[data-placement="bl"] {
  bottom: -8px / 2;
  left: -8px / 2;
  cursor: nesw-resize;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu .style_moveHandle__lbHGU[data-placement="br"] {
  bottom: -8px / 2;
  right: -8px / 2;
  cursor: nwse-resize;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu:hover,
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu[data-focused="true"] {
  box-shadow: 0 0 0 2px var(--primaryColor);
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu:hover .style_moveHandle__lbHGU,
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu[data-focused="true"] .style_moveHandle__lbHGU {
  opacity: 1;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu:hover .style_embedToolbar__qxj_Y {
  display: flex;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu[data-read-only="true"] .style_imageOperationMask__Cezcq {
  display: none;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu[data-read-only="true"]:hover {
  box-shadow: none;
}
.style_imagePickerWrap__1eyfm .style_imageWrap__zfVyu img {
  -webkit-user-select: none;
          user-select: none;
}
.style_imgWrapper__Cpq5w > span {
  position: unset !important;
}
.style_imgWrapper__Cpq5w .style_img__4cVq3 {
  position: relative !important;
  width: unset !important;
  height: unset !important;
}

.link_linkPanel__zCqaz {
  padding: 4px 8px;
  background: var(--defaultBg);
  border-radius: 4px;
  box-shadow: 0 0px 12px 0 rgba(26, 26, 26, 0.16);
}
.link_linkPanelInline__AaYrg {
  display: flex;
  align-items: center;
}
.link_linkPanelInline__AaYrg input {
  background: none;
  border: none;
}
.link_linkPanelInline__AaYrg .link_divider__ww4M1 {
  display: inline-block;
  height: 24px;
  width: 1px;
  margin-left: 8px;
  background-color: var(--bg-color-hover);
}
.link_linkOptBtn__lAnOt {
  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__lAnOt:hover {
  background: var(--defaultBg);
}
.link_linkInputGroup__0Tjj9 {
  margin-bottom: 16px;
}
.link_footer__B7o4N {
  text-align: right;
}
.link_footer__B7o4N button + button {
  margin-left: 8px;
}
.link_link__U_L2o {
  text-decoration: none;
  border-bottom: 1px solid;
}
.link_link__U_L2o:hover {
  text-decoration: none;
}

.list_item_listItem__oeDFR {
  line-height: 180%;
  font-size: 16px;
  margin-bottom: 8px;
  padding-left: 24px;
}
.list_item_listItem__oeDFR::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__oeDFR.list_item_ordered1__LXQyq::before {
  content: counter(ordered-1, lower-alpha) ".";
  counter-increment: ordered-1;
}
.list_item_listItem__oeDFR.list_item_ordered2__iBss5::before {
  content: counter(ordered-2, lower-roman) ".";
  counter-increment: ordered-2;
}
.list_item_listItem__oeDFR.list_item_ordered3__9m53K::before {
  content: counter(ordered-3) ".";
  counter-increment: ordered-3;
}
.list_item_listItem__oeDFR.list_item_ordered4__gINZR::before {
  content: counter(ordered-4, lower-alpha) ".";
  counter-increment: ordered-4;
}
.list_item_listItem__oeDFR.list_item_ordered5__oyyk4::before {
  content: counter(ordered-5, lower-roman) ".";
  counter-increment: ordered-5;
}
.list_item_listItem__oeDFR.list_item_ordered6__UXOaB::before {
  content: counter(ordered-6) ".";
  counter-increment: ordered-6;
}
.list_item_listItem__oeDFR.list_item_ordered7__fEV9s::before {
  content: counter(ordered-7, lower-alpha) ".";
  counter-increment: ordered-7;
}
.list_item_listItem__oeDFR.list_item_ordered8__MAy_x::before {
  content: counter(ordered-8, lower-roman) ".";
  counter-increment: ordered-8;
}
.list_item_listItem__oeDFR.list_item_ordered9__fwCYm::before {
  content: counter(ordered-9) ".";
  counter-increment: ordered-9;
}
.list_item_listItem__oeDFR.list_item_ordered10__gug15::before {
  content: counter(ordered-10, lower-alpha) ".";
  counter-increment: ordered-10;
}
ul .list_item_listItem__oeDFR[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__oeDFR::before {
  content: counter(ordered-0) ".";
  counter-increment: ordered-0;
  white-space: nowrap;
}

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

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

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

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

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

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

.style_underline__KxKes {
  text-decoration: none;
  border-bottom: 1px solid;
}
.style_code__EJxdr {
  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___IPGN {
  position: relative;
  padding: 0;
  margin: 0;
}

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

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

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

.style_wrap__KO_II {
  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__KO_II::-webkit-scrollbar {
  width: 0;
}
.style_menuWrap__YUyeA {
  min-width: 160px;
  margin: 0;
  padding: 0 8px;
}
.style_menuWrap__YUyeA dd {
  margin: 0;
}
.style_menuWrap__YUyeA .style_menuTitle___2ZAV {
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 8px;
  font-size: 12px;
  color: var(--black_400);
}
.style_menuWrap__YUyeA .style_menuGroup__4jIP1 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.style_menuWrap__YUyeA .style_menuGroup__4jIP1 .style_menuItem__arjgA {
  height: 36px;
  line-height: 36px;
  padding: 0 8px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
}
.style_menuWrap__YUyeA .style_menuGroup__4jIP1 .style_menuItem__arjgA[data-active="true"],
.style_menuWrap__YUyeA .style_menuGroup__4jIP1 .style_menuItem__arjgA:hover {
  background: var(--defaultBg);
}

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

.editor_editor__zFi3u {
  padding: 0 24px;
}
.editor_editor__zFi3u[data-has-operation="true"] {
  padding: 0 36px;
}
.editor_editor__zFi3u span[data-has-bg="true"] span[data-slate-string="true"]::selection {
  background-color: rgba(0, 0, 0, 0.1);
}
.editor_header__V02ae {
  display: flex;
  align-items: center;
  justify-content: center;
}
.editor-tooltip .ant-tooltip-inner {
  padding: 8px 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__C7khr {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__KdVBM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__eq3AC ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__eq3AC ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__eq3AC ul::-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__eq3AC ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__eq3AC li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__eq3AC .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__eq3AC .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__eq3AC .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__eq3AC .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__UsrnX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__F9uar {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__h_0v0 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__h_0v0 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__h_0v0 .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__h_0v0 .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__h_0v0 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__h_0v0 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__h_0v0 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__h_0v0 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__h_0v0 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__h_0v0 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__h_0v0 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__h_0v0 .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__h_0v0 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__h_0v0 .editBgColor::before,
.style_tree__h_0v0 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__h_0v0 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__h_0v0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__h_0v0 .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__h_0v0 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__h_0v0 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__h_0v0 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__h_0v0 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__h_0v0 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__h_0v0 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__9l2N_ .ant-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__9l2N_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__9l2N_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__9l2N_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__RCTCv .ant-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__RCTCv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__RCTCv .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__RCTCv .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RCTCv .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__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__RCTCv .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__8QJbv::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__8QJbv::-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__8QJbv:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__B5m2i::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__B5m2i::-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__B5m2i:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__IFBhu {
  position: relative;
  width: 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__AhAe_ {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__AhAe_ {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__AhAe_ {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__AhAe_ {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__AhAe_ {
    flex: 0 0 100%;
  }
}
.style_filterInput__eTWoE {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_slateEditor__mIH0N {
  border-radius: 4px;
  width: 100%;
  word-break: normal;
  word-wrap: break-word;
}
.style_slateEditor__mIH0N .DraftEditor-root {
  height: 100%;
}
.style_seeMore__uU2hL {
  text-align: center;
  color: var(--secondLevelText);
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
}
.style_loading__dEkvu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 30px;
  box-shadow: var(--shadowCommonHighest);
  background: var(--defaultBg);
}
.style_emojiWrapper__X9N9L {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
.style_emojiWrapper__X9N9L .style_emojiUser__gfO9q {
  margin-right: 4px;
  margin-bottom: 4px;
}
.style_emojiWrapper__X9N9L .style_emojiUser__gfO9q:last-child {
  margin-right: 0;
}
.style_emojiUser__gfO9q {
  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__gfO9q > span {
  padding-right: 4px;
}
.style_emojiUser__gfO9q .style_emojiToggle__dtsKA {
  cursor: pointer;
  display: flex;
}
.style_emojiUser__gfO9q .style_emojiCount__mRyqk {
  padding-right: 0;
  padding-left: 4px;
  cursor: pointer;
}
.style_wrap___SfxY {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  margin: 0 4px;
  line-height: 24px;
}
.style_wrap___SfxY .style_mention__NPJ7O,
.style_wrap___SfxY .style_link__DgiDC {
  display: inline-block;
  position: relative;
  top: 4px;
}
.style_wrap___SfxY .style_mention__NPJ7O[contentEditable="true"],
.style_wrap___SfxY .style_link__DgiDC[contentEditable="true"] {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.style_link__DgiDC a {
  -webkit-user-select: text;
          user-select: text;
  -webkit-user-drag: none;
  color: var(--primaryColor);
}
.style_link__DgiDC a:hover {
  text-decoration: underline;
}
.style_members__I4wx4 {
  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__I4wx4 .memberOptionList {
  height: calc(100% - 30px);
}
.style_members__I4wx4 .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__YymY3 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__H2Vfq {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__V9FtY ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__V9FtY ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__V9FtY ul::-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__V9FtY ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__V9FtY li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__V9FtY .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__V9FtY .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__V9FtY .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__V9FtY .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___oS7u {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__cGkVZ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__rHC9Z .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__rHC9Z .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__rHC9Z .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__rHC9Z .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__rHC9Z .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__rHC9Z .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__rHC9Z .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__rHC9Z .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__rHC9Z .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__rHC9Z .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__rHC9Z .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__rHC9Z .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__rHC9Z .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__rHC9Z .editBgColor::before,
.style_tree__rHC9Z .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__rHC9Z .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__rHC9Z .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__rHC9Z .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__rHC9Z .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__rHC9Z .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__rHC9Z .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__rHC9Z .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__rHC9Z .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__rHC9Z .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__b2jXZ .ant-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__b2jXZ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__b2jXZ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__b2jXZ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__7n_eo .ant-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__7n_eo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__7n_eo .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__7n_eo .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7n_eo .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__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__7n_eo .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__mvWmQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__mvWmQ::-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__mvWmQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__Uks17::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__Uks17::-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__Uks17:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard___6EVO {
  position: relative;
  width: 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__XiYBu {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__XiYBu {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__XiYBu {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__XiYBu {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__XiYBu {
    flex: 0 0 100%;
  }
}
.style_filterInput__oVUi1 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_reply__rteJI {
  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__rteJI.style_static__IkdQU {
  background-color: var(--fc6);
}
.style_reply__rteJI 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__fUxy6 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__kNMnC {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__b55Ip ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__b55Ip ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__b55Ip ul::-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__b55Ip ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__b55Ip li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__b55Ip .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__b55Ip .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__b55Ip .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__b55Ip .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter___rGy_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__eLTvX {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Q5k3s .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Q5k3s .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Q5k3s .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__Q5k3s .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__Q5k3s .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Q5k3s .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Q5k3s .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Q5k3s .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Q5k3s .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Q5k3s .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Q5k3s .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Q5k3s .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__Q5k3s .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Q5k3s .editBgColor::before,
.style_tree__Q5k3s .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Q5k3s .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Q5k3s .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Q5k3s .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__Q5k3s .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Q5k3s .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Q5k3s .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Q5k3s .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Q5k3s .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Q5k3s .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__rDpEC .ant-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__rDpEC .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__rDpEC .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__rDpEC .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__HAaeb .ant-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__HAaeb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__HAaeb .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__HAaeb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__HAaeb .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__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__HAaeb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__B1fr4::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__B1fr4::-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__B1fr4:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__09pav::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__09pav::-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__09pav:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__jXtl6 {
  position: relative;
  width: 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__wckms {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__wckms {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__wckms {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__wckms {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__wckms {
    flex: 0 0 100%;
  }
}
.style_filterInput___CJp9 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_comment__NT0Wg {
  width: 100%;
  background-color: var(--white);
  display: inline-block;
  border-radius: 4px;
  padding: 8px;
}
.style_comment__NT0Wg .style_content__nu_cL {
  background-color: transparent;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .style_comment__NT0Wg {
    border-radius: 8px;
    border-top-left-radius: 0;
  }
}

.styles_antiEllipsis__WJEZv {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.styles_noSelect__lR18m {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.styles_ant-select-option-common__RDmca ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.styles_ant-select-option-common__RDmca ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.styles_ant-select-option-common__RDmca ul::-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__RDmca ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.styles_ant-select-option-common__RDmca li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_ant-select-option-common__RDmca .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.styles_ant-select-option-common__RDmca .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.styles_ant-select-option-common__RDmca .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.styles_ant-select-option-common__RDmca .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.styles_flexCenter__NX6kH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.styles_inputErrorMsg__AwGFj {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.styles_tree__NNgUj .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.styles_tree__NNgUj .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.styles_tree__NNgUj .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__NNgUj .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__NNgUj .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.styles_tree__NNgUj .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.styles_tree__NNgUj .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_tree__NNgUj .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.styles_tree__NNgUj .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.styles_tree__NNgUj .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.styles_tree__NNgUj .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.styles_tree__NNgUj .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__NNgUj .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.styles_tree__NNgUj .editBgColor::before,
.styles_tree__NNgUj .nodeHover::before {
  background: var(--rowSelectedBg);
}
.styles_tree__NNgUj .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.styles_tree__NNgUj .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.styles_tree__NNgUj .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__NNgUj .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.styles_tree__NNgUj .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.styles_tree__NNgUj .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.styles_tree__NNgUj .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.styles_tree__NNgUj .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_tree__NNgUj .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_lightTree__WGqgt .ant-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__WGqgt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__WGqgt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.styles_lightTree__WGqgt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory {
  background: transparent;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-switcher,
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  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__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.styles_darkTree__XFVe_ .ant-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__XFVe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-switcher .ant-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__XFVe_ .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__XFVe_ .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__XFVe_ .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__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.styles_darkTree__XFVe_ .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.styles_scroll-bar-default__XjqjQ::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.styles_scroll-bar-default__XjqjQ::-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__XjqjQ:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_scroll-bar-small__5krl7::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.styles_scroll-bar-small__5krl7::-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__5krl7:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.styles_templateCard__gmS_k {
  position: relative;
  width: 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__17TIS {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .styles_templateCardFlexWidth__17TIS {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .styles_templateCardFlexWidth__17TIS {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .styles_templateCardFlexWidth__17TIS {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .styles_templateCardFlexWidth__17TIS {
    flex: 0 0 100%;
  }
}
.styles_filterInput__lgtxe {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  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
**/
.styles_viewContainer__08Ub7 {
  height: 100%;
}
.styles_fixedHead__FzeV1 {
  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__RL_V4 {
  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__iYkqt {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.styles_fieldTitleWrapper__iYkqt.styles_fieldTitleWithContent__R3HQs {
  padding: 0 10px;
  margin-bottom: -4px;
}
.styles_fieldMenuTrigger__aqyBA {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.styles_content__bQQNI {
  position: relative;
  background-color: var(--lowestBg);
  -webkit-user-select: none;
          user-select: none;
  overflow-y: auto;
}
.styles_fixedTitle__5nxFi {
  position: absolute;
  transition: all 0.3s;
  z-index: 1;
}
.styles_fixedTitle__5nxFi .styles_firstColumnCell__oQJdj {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
  padding-left: 24px;
}
.styles_remainingColumnsGrid__t0Mld {
  position: absolute;
  overflow-x: auto !important;
  overflow-y: initial !important;
}
.styles_cellWrapper__p1rwR {
  display: flex;
  align-items: flex-end;
  padding-top: 16px;
  height: 30px;
}
.styles_cellHolder__7LQ0i {
  border: solid 1px var(--fourthLevelText);
  height: 2px;
  width: 7px;
  border-radius: 2px;
}
.styles_cellContainer__4vs2r {
  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__7WqvH {
  padding-top: 8px;
  font-size: 16px;
}
.styles_unitValue__Slh1X {
  height: 30px;
}
.styles_numberCell__2UTvb {
  text-align: right !important;
}
.styles_innerFirstCell__PibFa {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 1;
  font-size: 16px;
  font-weight: bold;
}
.styles_cellHolderWrapper__WqBP_ {
  width: 100%;
  display: flex;
  padding-left: 12px;
  padding-top: 10px;
}
.styles_numberCellHolder____LmY {
  display: flex;
  justify-content: flex-end;
  padding-right: 12px;
}
.styles_addRecordContainer__LQiDO {
  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__LQiDO.styles_visible__8DqMB {
  transition: transform 0.3s;
  transform: translate3d(-50px, 0, 0);
}
.styles_btnWrapper__3GWpo {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.styles_btnWrapper__3GWpo:active {
  background-color: #413297;
}
.styles_viewToolsWrapper__4Avsd {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: var(--defaultBg);
  border-top: 1px solid var(--lineColor);
}
.styles_menuOpenContainer__Ba_Kb {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.styles_menuIconWrapper__M_GXV {
  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__O5co_ {
  width: 100%;
  resize: none;
  max-height: 157px;
  min-height: 73px !important;
  text-indent: 0 !important;
  padding: 6px 8px !important;
}
.styles_textarea__O5co_.styles_error__ZZ1dc {
  border-color: var(--errorColor);
}
.styles_textarea__O5co_.styles_readOnly__dG3vM {
  border: none;
  color: var(--fc1) !important;
  opacity: 1 !important;
}
.styles_count__rB5Eq {
  text-align: right;
  font-size: 12px;
  color: var(--thirdLevelText);
  margin-top: 4px;
  margin-bottom: 0;
}
.styles_count__rB5Eq.styles_error__ZZ1dc {
  color: var(--errorColor);
}
.styles_currentSearchCell__1HiKg {
  background-color: var(--orange_50) !important;
  border-radius: 4px;
}
.styles_foundMarkMobileHeadCell__b0840 {
  background-color: var(--fc16);
  width: -webkit-min-content;
  width: min-content;
  max-width: calc(100% - 8px);
  border-radius: 4px;
}
.styles_foundMarkCell__9Fyb6 {
  background-color: var(--fc16);
  width: -webkit-min-content;
  width: min-content;
  max-width: calc(100% - 8px);
  border-radius: 4px;
  height: 30px;
}
.styles_hiddenAll__me_SK {
  height: "100%";
  background-color: var(--defaultBg);
  border-radius: 8px;
}
.styles_titleCell__lsGhm {
  font-weight: bold;
}
.styles_singleBtn__uqe5B .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__jdenY {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0H09u {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__q7Luz ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__q7Luz ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__q7Luz ul::-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__q7Luz ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__q7Luz li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__q7Luz .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__q7Luz .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__q7Luz .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__q7Luz .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__zTWEh {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__WzCeN {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__aHsgy .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__aHsgy .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__aHsgy .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__aHsgy .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__aHsgy .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__aHsgy .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__aHsgy .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__aHsgy .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__aHsgy .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__aHsgy .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__aHsgy .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__aHsgy .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__aHsgy .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__aHsgy .editBgColor::before,
.style_tree__aHsgy .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__aHsgy .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__aHsgy .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__aHsgy .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__aHsgy .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__aHsgy .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__aHsgy .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__aHsgy .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__aHsgy .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__aHsgy .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__fGCxH .ant-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__fGCxH .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__fGCxH .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__fGCxH .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__BV79a .ant-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__BV79a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__BV79a .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__BV79a .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BV79a .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__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__BV79a .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__hl1L8::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__hl1L8::-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__hl1L8:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__12IvW::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__12IvW::-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__12IvW:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__v4Twv {
  position: relative;
  width: 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__EE2Pl {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__EE2Pl {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__EE2Pl {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__EE2Pl {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__EE2Pl {
    flex: 0 0 100%;
  }
}
.style_filterInput___K4nJ {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_changesetItemHeader__zLEEB {
  display: flex;
  align-items: center;
}
.style_changesetItemHeader__zLEEB svg {
  color: var(--fc3);
}
.style_changesetItemHeader__zLEEB + svg {
  margin: 0 8px;
}
.style_changesetItemHeader__zLEEB.style_inline__hmdZy {
  display: inline-flex;
}
.style_changesetItemHeader__zLEEB .style_iconType__uRPHE {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.style_changesetItemHeader__zLEEB:not(.style_old__NGZS_) {
  cursor: pointer;
}
.style_changesetItemHeader__zLEEB:not(.style_old__NGZS_):hover {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__zLEEB:not(.style_old__NGZS_):hover svg {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__zLEEB:not(.style_old__NGZS_):active {
  color: var(--deepPurple_600);
}
.style_changesetItemHeader__zLEEB:not(.style_old__NGZS_):active svg {
  color: var(--deepPurple_500);
}
.style_changesetItemHeader__zLEEB.style_old__NGZS_ {
  opacity: 0.5;
  position: relative;
}
.style_changesetItemHeader__zLEEB.style_old__NGZS_::before {
  position: absolute;
  content: "";
  border-top: 1px solid var(--thirdLevelText);
  width: 100%;
  top: 10px;
}
.style_changesetItemHeader__zLEEB .style_text__517Ze {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 63px;
}
.style_changesetItemHeader__zLEEB .style_block__bOSA1 {
  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__IQDrk {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__9KrVh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__Q7KTE ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__Q7KTE ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__Q7KTE ul::-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__Q7KTE ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__Q7KTE li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__Q7KTE .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__Q7KTE .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__Q7KTE .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__Q7KTE .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__exbE3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__nbEVP {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__MifMA .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__MifMA .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__MifMA .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__MifMA .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__MifMA .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__MifMA .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__MifMA .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__MifMA .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__MifMA .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__MifMA .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__MifMA .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__MifMA .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__MifMA .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__MifMA .editBgColor::before,
.style_tree__MifMA .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__MifMA .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__MifMA .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__MifMA .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__MifMA .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__MifMA .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__MifMA .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__MifMA .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__MifMA .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__MifMA .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__APGom .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__APGom .ant-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__APGom .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__APGom .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__APGom .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__Yp_Qz .ant-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__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__Yp_Qz .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__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Yp_Qz .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__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__Yp_Qz .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__MPR5p::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__MPR5p::-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__MPR5p:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__N6bXy::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__N6bXy::-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__N6bXy:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__z_4Is {
  position: relative;
  width: 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__yBv7p {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__yBv7p {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__yBv7p {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__yBv7p {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__yBv7p {
    flex: 0 0 100%;
  }
}
.style_filterInput__6IQdd {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_commentPopover__m6vAK .ant-popover-inner-content {
  padding: 8px 8px 4px;
}
.style_icon__Xfqbg {
  color: var(--fc3) !important;
}
.style_changesetAction__QbRHp {
  font-size: 13px;
  padding-bottom: 4px;
}
.style_changesetAction__QbRHp .workdocBtn {
  margin: 4px 2px;
  cursor: inherit;
}
.style_changesetAction__QbRHp .workdocBtn > svg {
  fill: var(--secondLevelText);
}
.style_changesetAction__QbRHp .workdocBtn > div {
  color: var(--secondLevelText) !important;
  white-space: inherit !important;
}
.style_changesetAction__QbRHp .optionCellContainer .unitMember {
  margin: 4px 2px;
  background-color: var(--lowestBg);
}
.style_changesetAction__QbRHp .optionCellContainer > div:not(.link) {
  border: 1px solid var(--static-white);
}
.style_changesetAction__QbRHp .optionCellContainer .link {
  background-color: var(--lowestBg);
}
.style_changesetAction__QbRHp .dateTimeValue {
  display: inline;
}
.style_changesetAction__QbRHp img,
.style_changesetAction__QbRHp .link:last-child,
.style_changesetAction__QbRHp .tabItem:last-child,
.style_changesetAction__QbRHp .cellDateTimeDate {
  margin-right: 0 !important;
}
.style_changesetAction__QbRHp .time {
  margin-left: 4px !important;
}
.style_changesetAction__QbRHp img:not(.image) {
  object-fit: contain;
}
.style_changesetAction__QbRHp img {
  cursor: auto !important;
  object-fit: cover;
  width: 28px;
  height: 28px;
}
.style_changesetAction__QbRHp .ratingCell > div {
  cursor: auto;
}
.style_changesetAction__QbRHp .currencyLeft {
  display: block !important;
}
.style_changesetAction__QbRHp .cellText:not(.currencyLeft) {
  display: inline !important;
}
.style_changesetAction__QbRHp .ratingCell,
.style_changesetAction__QbRHp .checkboxCell {
  display: inline !important;
  padding-top: 4px !important;
}
.style_changesetAction__QbRHp .optionCellContainer {
  display: inline-flex !important;
}
.style_changesetAction__QbRHp .attachmentContainer {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.style_changesetAction__QbRHp .emoji-mart-emoji {
  transform: scale(0.86);
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_diff__c6LPA,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_old__R3XhA,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_new__HPzL2 {
  margin: 0;
  display: inline-flex;
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_diff__c6LPA > div,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_old__R3XhA > div,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_new__HPzL2 > div {
  padding: 0 !important;
  background-color: transparent;
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_diff__c6LPA .img,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_old__R3XhA .img,
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_new__HPzL2 .img {
  border: 0;
  margin-bottom: 4px;
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_diff__c6LPA .img {
  background-color: var(--defaultBg);
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_old__R3XhA .img {
  background-color: rgba(var(--static-delete-bg-rgb), 50%);
  opacity: 0.8;
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__QbRHp .style_attachment__ciJ8d.style_new__HPzL2 .img {
  background-color: rgba(var(--static-add-bg-rgb), 0.7);
  padding: 2px;
  margin-right: 8px !important;
}
.style_changesetAction__QbRHp .style_text__mYBhX.style_old__R3XhA {
  display: inline;
}
.style_changesetAction__QbRHp .style_text__mYBhX.style_old__R3XhA > div {
  display: inline !important;
  margin-right: 8px;
}
.style_changesetAction__QbRHp .style_text__mYBhX.style_new__HPzL2 {
  display: inline;
}
.style_changesetAction__QbRHp .style_text__mYBhX.style_new__HPzL2 > div:not(.currencyLeft) {
  display: inline !important;
}
.style_changesetAction__QbRHp .style_header__peaV6 {
  position: relative;
  color: var(--secondLevelText);
  font-size: 12px;
  height: 20px;
}
.style_changesetAction__QbRHp .style_header__peaV6 .fieldTitle {
  font-size: 12px;
}
.style_changesetAction__QbRHp .style_diff__c6LPA {
  margin-bottom: 4px;
}
.style_changesetAction__QbRHp .style_diff__c6LPA > div {
  background-color: var(--defaultBg);
  flex-wrap: wrap;
  padding: 0 4px;
  white-space: inherit;
}
.style_changesetAction__QbRHp .style_old__R3XhA {
  opacity: 0.8;
}
.style_changesetAction__QbRHp .style_old__R3XhA:not(> .optionCellContainer > .unitMember) {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.style_changesetAction__QbRHp .style_old__R3XhA .optionCellContainer > div {
  opacity: 0.5;
}
.style_changesetAction__QbRHp .style_old__R3XhA .workdocBtn > div,
.style_changesetAction__QbRHp .style_old__R3XhA .unitName,
.style_changesetAction__QbRHp .style_old__R3XhA .time,
.style_changesetAction__QbRHp .style_old__R3XhA .cellDateTimeDate,
.style_changesetAction__QbRHp .style_old__R3XhA .link,
.style_changesetAction__QbRHp .style_old__R3XhA .optionText,
.style_changesetAction__QbRHp .style_old__R3XhA .cellText {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.style_changesetAction__QbRHp .style_old__R3XhA .checkboxCell > span,
.style_changesetAction__QbRHp .style_old__R3XhA .ratingCell > div {
  position: relative;
}
.style_changesetAction__QbRHp .style_old__R3XhA .checkboxCell > span::before,
.style_changesetAction__QbRHp .style_old__R3XhA .ratingCell > div::before {
  position: absolute;
  content: "";
  border-top: 1px solid var(--fc2);
  width: 100%;
  top: 8px;
  z-index: 1;
}
.style_changesetAction__QbRHp .style_old__R3XhA > 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__QbRHp .style_old__R3XhA > div > div:last-child {
  margin-right: 0;
}
.style_changesetAction__QbRHp .style_new__HPzL2 {
  margin-top: 4px;
}
.style_changesetAction__QbRHp .style_new__HPzL2 > 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__QbRHp .style_new__HPzL2 > div > div:last-child {
  margin-right: 0;
}
.style_activityItem__q7pUv {
  display: flex;
  align-self: start;
  flex-direction: column;
  padding: 16px 16px 0;
  width: 100%;
}
.style_activityHeader__nvePC {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}
.style_activityBody__8cP8O {
  width: 100%;
}
.style_emojiList__YDlyU {
  -webkit-user-select: none;
          user-select: none;
}
.style_emojiList__YDlyU > span {
  cursor: pointer;
  margin-left: 12px;
}
.style_emojiList__YDlyU > span:first-child {
  position: relative;
  margin-left: 0;
  margin-right: 12px;
}
.style_emojiList__YDlyU > 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__P5HeI {
  margin-right: 8px;
}
.style_activityHeaderRight___jEbr {
  flex: 1;
  width: calc(100% - 40px);
}
.style_activityHeaderRight___jEbr .style_nickName__WXVxK {
  font-size: 13px;
  color: var(--secondLevelText);
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.style_activityHeaderRight___jEbr .style_name__IG0wa {
  display: inline-block;
  max-width: 84px;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 2px;
}
.style_activityHeaderRight___jEbr .style_op__59e12 {
  white-space: pre-wrap;
  margin-left: 2px;
}
.style_activityHeaderRight___jEbr .style_activityInfo__jSNny {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.style_activityHeaderRight___jEbr .style_activityInfo__jSNny svg {
  cursor: pointer;
}
.style_activityHeaderRight___jEbr .style_relativeTime__MPZgl {
  font-size: 12px;
  color: var(--thirdLevelText);
  cursor: pointer;
  margin-right: 4px;
}
.style_activityHeaderRight___jEbr .style_activityAction__67W27 {
  display: flex;
  align-items: center;
}
.style_title__avvRP {
  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__y8xNF {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__0rhjM {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__CJ885 ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__CJ885 ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__CJ885 ul::-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__CJ885 ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__CJ885 li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__CJ885 .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__CJ885 .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__CJ885 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__CJ885 .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__p7n_f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__9rt5s {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__HC6mg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__HC6mg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__HC6mg .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__HC6mg .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__HC6mg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__HC6mg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__HC6mg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__HC6mg .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__HC6mg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__HC6mg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__HC6mg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__HC6mg .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__HC6mg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__HC6mg .editBgColor::before,
.style_tree__HC6mg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__HC6mg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__HC6mg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__HC6mg .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__HC6mg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__HC6mg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__HC6mg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__HC6mg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__HC6mg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__HC6mg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__fMn5q .ant-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__fMn5q .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__fMn5q .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__fMn5q .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ZKx31 .ant-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__ZKx31 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__ZKx31 .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__ZKx31 .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZKx31 .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__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ZKx31 .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__azgTm::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__azgTm::-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__azgTm:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__UNlB9::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__UNlB9::-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__UNlB9:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__dFWni {
  position: relative;
  width: 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__nJyuT {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__nJyuT {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__nJyuT {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__nJyuT {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__nJyuT {
    flex: 0 0 100%;
  }
}
.style_filterInput__6Xzb0 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_activityContainer__yToza {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
}
.style_empty__CdbBA {
  height: 100%;
}
.style_activityList___Ocbn {
  display: flex;
  flex-direction: column-reverse;
  will-change: transform;
  padding-bottom: 12px;
}
.style_activityList___Ocbn > div:first-child .activityHeaderRight {
  border: 0;
}
.style_activityList___Ocbn .style_loadTrigger__UHmlE {
  height: 1px;
}
.style_activityList___Ocbn .style_spin__H97W_ {
  margin: 8px 0;
}
.style_activityList___Ocbn .style_top__Mpv3B {
  text-align: center;
  color: var(--thirdLevelText);
  font-size: 13px;
  padding: 16px 10px 4px 10px;
  line-height: 1.4;
}
.style_activityList___Ocbn .style_top__Mpv3B .style_refresh__FQniA {
  display: inline-block;
}
.style_activityList___Ocbn .style_top__Mpv3B a {
  display: inline;
  margin-bottom: 8px;
}
.style_activityList___Ocbn .style_top__Mpv3B button {
  padding-left: 8px;
  padding-right: 8px;
}
.style_more__5bqsJ > span {
  font-size: inherit;
}
.style_spin__H97W_ {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_blankTip__BYSvx {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 12px;
}
.style_blankTip__BYSvx a {
  display: inline;
}
.style_blankTip__BYSvx img {
  margin: 0 auto;
  display: block;
  margin-bottom: 8px;
}
.style_blankTip__BYSvx div {
  width: 100%;
  text-align: center;
  color: var(--thirdLevelText);
}
@media screen and (max-width: 767.98px) {
  .style_activityContainer__yToza {
    height: 100%;
  }
  .style_activityContainer__yToza .style_allowComment__xFOr1 {
    padding-bottom: 82px;
  }
  .style_activityContainer__yToza .style_allowComment__xFOr1.style_isReply__YF_Fh {
    padding-bottom: 122px;
  }
  .style_blankTip__BYSvx {
    font-size: 13px;
  }
  .style_blankTip__BYSvx img {
    width: 240px;
    height: 180px;
  }
}
.style_loadMaxList__ebd55 {
  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__YL3g8 {
  padding-top: 16px;
}
.style_permissionNotifcationModal__YL3g8 h6 {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: var(--fc1);
  text-align: center;
}
.style_permissionNotifcationModal__YL3g8 p {
  padding: 0 16px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: var(--fc1);
}
.style_modalFooter__Dzdtl {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--fc5);
  padding-top: 7px;
  padding-bottom: 9px;
}
.style_modalFooter__Dzdtl .style_line__Yyjot {
  width: 1px;
  height: 18px;
  background-color: var(--fc5);
}
.style_modalFooter__Dzdtl 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__Zg1Y_ {
  color: var(--fc3);
}
.style_confirm__gAUFu {
  color: var(--fc0);
}
.style_know__UhmIj {
  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__Jd_BV {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__vCO8m {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__he22E ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__he22E ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__he22E ul::-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__he22E ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__he22E li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__he22E .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__he22E .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__he22E .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__he22E .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__Ir8L7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__QAH99 {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__kK8lg .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__kK8lg .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__kK8lg .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__kK8lg .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__kK8lg .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__kK8lg .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__kK8lg .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__kK8lg .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__kK8lg .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__kK8lg .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__kK8lg .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__kK8lg .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__kK8lg .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__kK8lg .editBgColor::before,
.style_tree__kK8lg .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__kK8lg .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__kK8lg .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__kK8lg .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__kK8lg .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__kK8lg .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__kK8lg .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__kK8lg .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__kK8lg .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__kK8lg .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__VyjXt .ant-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__VyjXt .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__VyjXt .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__VyjXt .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__4_wMN .ant-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__4_wMN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__4_wMN .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__4_wMN .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4_wMN .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__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__4_wMN .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__GSh7D::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__GSh7D::-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__GSh7D:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__1k90T::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__1k90T::-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__1k90T:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__OvfvB {
  position: relative;
  width: 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__4pLHt {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__4pLHt {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__4pLHt {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__4pLHt {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__4pLHt {
    flex: 0 0 100%;
  }
}
.style_filterInput__wwsW1 {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.style_commentEditWrapper__SeNsF {
  padding: 16px;
}
.style_commentEditWrapper__SeNsF .style_commentSlateEditor__QS0Pt {
  word-break: break-word;
}
.style_borderWrapper__zxni1 {
  border-radius: 4px;
  flex: 1;
  background: var(--defaultBg);
  padding-bottom: 0;
  transition: padding 0.3s;
  position: relative;
}
.style_borderWrapper__zxni1:focus {
  outline: none;
}
.style_borderWrapper__zxni1:focus-within {
  box-shadow: 0px 0px 0px 1px var(--primaryColor);
}
.style_borderWrapper__zxni1.style_focus__5zLS4 {
  padding-bottom: 40px;
}
.style_borderWrapper__zxni1.style_focus__5zLS4 .style_submitWrapper__Ey78d {
  height: 40px;
  opacity: 1;
}
.style_submitWrapper__Ey78d {
  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__Ey78d .style_shortKeyTip__1NCCF {
  font-size: 12px;
  color: var(--fourthLevelText);
  line-height: 50px;
}
.style_editor__PKqd_ {
  background: var(--defaultBg);
  max-width: 100%;
  word-break: break-all;
}
@media screen and (min-width: 767.98px) {
  .style_borderWrapper__zxni1.style_focus__5zLS4 .style_editor__PKqd_ {
    min-height: 62px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .style_commentEditWrapper__SeNsF {
    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__SeNsF .style_commentEdit__3U0O8 {
    display: flex;
  }
  .style_editor__PKqd_ {
    border-radius: 8px;
  }
  .style_borderWrapper__zxni1.style_focus__5zLS4 {
    padding-bottom: 0;
  }
  .style_submitWrapper__Ey78d {
    height: 42px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    position: relative;
    opacity: 1;
    right: 0;
    width: auto;
  }
  .style_submitWrapper__Ey78d button {
    font-size: 16px !important;
    padding-right: 0 !important;
  }
  .style_submitWrapper__Ey78d button:hover,
  .style_submitWrapper__Ey78d 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__WPe00 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__BTnnp {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common___ta8F ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common___ta8F ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common___ta8F ul::-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___ta8F ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common___ta8F li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common___ta8F .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common___ta8F .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common___ta8F .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common___ta8F .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__4k5Yt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__djQs_ {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__Mfxl4 .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__Mfxl4 .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__Mfxl4 .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__Mfxl4 .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__Mfxl4 .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__Mfxl4 .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__Mfxl4 .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__Mfxl4 .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__Mfxl4 .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__Mfxl4 .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__Mfxl4 .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__Mfxl4 .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__Mfxl4 .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__Mfxl4 .editBgColor::before,
.style_tree__Mfxl4 .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__Mfxl4 .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__Mfxl4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__Mfxl4 .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__Mfxl4 .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__Mfxl4 .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__Mfxl4 .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__Mfxl4 .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__Mfxl4 .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__Mfxl4 .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__iDYrK .ant-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__iDYrK .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__iDYrK .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__iDYrK .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__GJ3SI .ant-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__GJ3SI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__GJ3SI .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__GJ3SI .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GJ3SI .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__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__GJ3SI .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__5Sf46::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__5Sf46::-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__5Sf46:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__GOT9x::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__GOT9x::-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__GOT9x:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__ZkzPy {
  position: relative;
  width: 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__ZRBrF {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__ZRBrF {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__ZRBrF {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__ZRBrF {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__ZRBrF {
    flex: 0 0 100%;
  }
}
.style_filterInput__JzWMn {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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___Yngy button {
  margin-right: 8px;
}
.style_activitySelect__9WmNt {
  color: var(--secondLevelText);
}
.style_activitySelect__9WmNt .style_selectIcon__ng0KM {
  margin-left: 4px;
  display: flex;
  align-items: center;
}
.style_activitySelect__9WmNt .style_selectIcon__ng0KM svg {
  transition: transform 0.3s;
}
.style_activitySelect__9WmNt .style_selectIcon__ng0KM.style_open__9APXS svg {
  transform: rotate(180deg);
}
.style_activityPane__Fv57K {
  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__Fv57K .style_paneHeader__T1tQi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--borderCommonDefault);
}
.style_activityPane__Fv57K .style_paneHeader__T1tQi .style_paneTitle__Ve9ho {
  font-size: 14px;
  color: var(--firstLevelText);
  font-weight: bold;
  line-height: 22px;
}
.style_activityPane__Fv57K .style_paneHeader__T1tQi .style_paneTitle__Ve9ho a {
  display: inline-block;
}
.style_activityPane__Fv57K .style_paneHeader__T1tQi .optionLabel,
.style_activityPane__Fv57K .style_paneHeader__T1tQi .placeholder {
  font-size: 14px;
  color: var(--secondLevelText);
}
.style_activityPane__Fv57K .style_panelBottom__MSwGA {
  position: relative;
  width: 100%;
}
.style_dividerLine__ZRhJu {
  background: var(--borderCommonDefault);
  height: 1px;
  width: calc(100% - 48px);
  margin: 0 24px 0;
}
@media screen and (min-width: 767.98px) {
  .style_paneHeader__T1tQi {
    padding: 9px 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .style_dividerLine__ZRhJu {
    display: none;
  }
  .style_listContent__Sp71K {
    background-color: var(--defaultBg) !important;
  }
  .style_listContent__Sp71K > div > div {
    border: 0;
    line-height: 32px;
    height: auto;
  }
  .style_activityPane__Fv57K {
    border-radius: 0;
    flex-shrink: 0;
    max-width: 100%;
    padding-top: 44px;
    width: 100%;
  }
  .style_activityPane__Fv57K .style_paneHeader__T1tQi {
    line-height: 40px;
    padding: 0 24px;
  }
  .style_activityPane__Fv57K .style_paneTitle__Ve9ho {
    display: none;
  }
}

.styles_expandCascader__VU96w {
  width: 100%;
}

.style_antiEllipsis__48lE2 {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
  -webkit-line-clamp: initial;
}
/**
 * opacity: 0% - 100%
 */
.style_noSelect__AYTre {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.style_ant-select-option-common__dmmuA ul::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.style_ant-select-option-common__dmmuA ul::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.style_ant-select-option-common__dmmuA ul::-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__dmmuA ul:hover::-webkit-scrollbar-thumb {
  background-color: rgba(191, 193, 203, 0.5);
}
.style_ant-select-option-common__dmmuA li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_ant-select-option-common__dmmuA .ant-select-dropdown-menu-item-selected {
  color: var(--primaryColor);
  font-weight: normal;
}
.style_ant-select-option-common__dmmuA .ant-select-dropdown-menu-item-selected svg {
  fill: var(--primaryColor);
}
.style_ant-select-option-common__dmmuA .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--rowSelectedBg);
}
.style_ant-select-option-common__dmmuA .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background: none;
}
.style_flexCenter__g6eD1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.style_inputErrorMsg__kodtn {
  height: 14px;
  font-size: 10px;
  margin: 4px 0 6px 0;
  color: var(--errorColor);
}
.style_tree__jfN_F .ant-tree-treenode-selected .ant-tree-node-content-wrapper::before {
  background: none !important;
}
.style_tree__jfN_F .drag-over .ant-tree-node-content-wrapper {
  background: none !important;
  opacity: 1 !important;
  color: var(--firstLevelText) !important;
}
.style_tree__jfN_F .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__jfN_F .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__jfN_F .ant-tree-switcher .ant-tree-switcher-icon:hover {
  background-color: var(--shadowColor);
}
.style_tree__jfN_F .ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg {
  transform: rotate(0deg) !important;
}
.style_tree__jfN_F .ant-tree-indent-unit {
  width: 16px !important;
}
.style_tree__jfN_F .ant-tree-node-content-wrapper {
  width: calc(100% - 28px);
  height: 40px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative;
  display: flex;
}
.style_tree__jfN_F .ant-tree-node-content-wrapper::before {
  height: 40px !important;
  transform: translateY(-2px);
  transition: none !important;
  left: 0 !important;
}
.style_tree__jfN_F .ant-tree-node-content-wrapper:hover::before {
  left: -200px !important;
  background: var(--rowSelectedBg) !important;
}
.style_tree__jfN_F .ant-tree-node-content-wrapper.ant-tree-node-selected:before {
  left: 0 !important;
  background: none !important;
}
.style_tree__jfN_F .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__jfN_F .ant-tree-node-content-wrapper .ant-tree-title {
  display: inline-block;
  width: calc(100% - 20px);
  height: 100%;
  line-height: 36px;
}
.style_tree__jfN_F .editBgColor::before,
.style_tree__jfN_F .nodeHover::before {
  background: var(--rowSelectedBg);
}
.style_tree__jfN_F .ant-tree-treenode-selected::before {
  background-color: var(--rowSelectedBg);
}
.style_tree__jfN_F .drag-over-gap-top > .ant-tree-node-content-wrapper::after,
.style_tree__jfN_F .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__jfN_F .drag-over-gap-top > .ant-tree-node-content-wrapper::after {
  top: 0;
  left: 0;
  transform: translate(-5px, -4px);
}
.style_tree__jfN_F .drag-over-gap-bottom > .ant-tree-node-content-wrapper::after {
  bottom: 0;
  left: 0;
  transform: translate(-5px, 4px);
}
.style_tree__jfN_F .drag-over.floder::before {
  border: 2px solid var(--primaryColor);
}
.style_tree__jfN_F .ant-tree-treenode-disabled {
  padding: 0 !important;
  pointer-events: none;
}
.style_tree__jfN_F .moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.style_tree__jfN_F .emoji-mart-emoji {
  display: flex;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--defaultBg);
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  background: rgba(var(--staticWhite0-rgb), 20%);
  border-radius: 8px;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_lightTree__ELBYY .ant-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__ELBYY .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__ELBYY .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-switcher-icon svg {
  margin-top: 5px;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--staticWhite0) !important;
  border-radius: 8px;
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher .ant-tree-switcher-icon svg {
  fill: var(--firstLevelText);
}
.style_lightTree__ELBYY .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory {
  background: transparent;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-switcher,
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  width: 16px !important;
  height: 40px;
  line-height: 40px;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-switcher {
  fill: var(--blackBlue_50);
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-iconEle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-iconEle svg {
  width: 16px;
  height: 16px;
  vertical-align: -0.125em;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-iconEle .emoji-mart-emoji {
  position: relative;
  display: 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__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode {
  padding: 0;
  border-radius: 8px;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode svg {
  fill: var(--inactiveColor);
  color: var(--inactiveColor);
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  height: 40px !important;
  border-radius: 8px;
  transition: none;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode:hover {
  background-color: var(--bgBglessHover);
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  border-radius: 8px;
  background-color: transparent !important;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-indent-unit {
  width: 16px !important;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper,
.style_darkTree__ybqYb .ant-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__ybqYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper {
  display: flex;
  padding-left: 4px;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-title {
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-switcher {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  color: var(--inactiveColor);
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-switcher .ant-tree-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__ybqYb .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__ybqYb .ant-tree.ant-tree-directory .ant-tree-node-content-wrapper:hover::before {
  border-radius: 8px;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected {
  color: var(--firstLevelText) !important;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--bgBglessActive) !important;
  border-radius: 8px;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ybqYb .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__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-iconEle svg,
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected > .ant-tree-switcher-icon svg {
  fill: var(--menuSelectedItemTextColor) !important;
  color: var(--menuSelectedItemTextColor) !important;
}
.style_darkTree__ybqYb .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-selected > .ant-tree-title {
  color: var(--menuSelectedItemTextColor);
}
.style_scroll-bar-default__FakI3::-webkit-scrollbar {
  background: transparent;
  width: 14px !important;
  height: 14px !important;
}
.style_scroll-bar-default__FakI3::-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__FakI3:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_scroll-bar-small__hmOfs::-webkit-scrollbar {
  background: transparent;
  width: 8px !important;
  height: 8px !important;
}
.style_scroll-bar-small__hmOfs::-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__hmOfs:hover::-webkit-scrollbar-thumb {
  background-color: var(--bgScrollbarDefault);
}
.style_templateCard__JVQxQ {
  position: relative;
  width: 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__eSt_O {
  padding: 0 6px 12px;
  flex: 0 0 20%;
  width: 0;
}
@media screen and (max-width: 1900px) {
  .style_templateCardFlexWidth__eSt_O {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 1360px) {
  .style_templateCardFlexWidth__eSt_O {
    flex: 0 0 33.3%;
  }
}
@media screen and (max-width: 1120px) {
  .style_templateCardFlexWidth__eSt_O {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 860px) {
  .style_templateCardFlexWidth__eSt_O {
    flex: 0 0 100%;
  }
}
.style_filterInput__dXqcF {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  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_overlay__jQNm3 {
  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__jQNm3 {
    top: 0;
    font-size: 14px;
    border-radius: 8px;
    padding-left: 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_trigger__XOJ43 {
  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__XOJ43:focus,
.style_trigger__XOJ43:hover {
  background-color: rgba(var(--defaultBg-rgb), 30%) !important;
}
.style_moreToolItem__kRVfQ {
  display: flex;
  height: 44px;
  align-items: center;
  padding: 0 16px;
}
.style_moreToolItem__kRVfQ:active {
  background-color: rgba(var(--defaultBg-rgb), 30%);
}
.style_moreToolItem__kRVfQ .style_moreToolBtn__QQuLe {
  font-size: 16px;
  padding: 0;
}
.style_moreToolItem__kRVfQ svg {
  margin-right: 4px;
  fill: currentColor;
}
.style_moreToolItem__kRVfQ .style_toolName__M_O6n {
  color: var(--static-white);
  font-size: 15px;
}

/**
 * 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;
	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%);
}

.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);
}

.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 */

.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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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;
  -webkit-margin-start: 4px;
          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 {
  -webkit-margin-end: 4px;
          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;
  -webkit-padding-start: 5px;
          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 {
  -webkit-margin-end: 4px;
          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;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 8px;
          padding-inline-start: 8px;
  -webkit-padding-end: 4px;
          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 {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.ant-select-multiple .ant-select-selection-search {
  position: relative;
  max-width: 100%;
  -webkit-margin-start: 5px;
          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 {
  -webkit-margin-start: 3px;
          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) {
  -webkit-margin-end: 8px;
          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 {
  -webkit-padding-start: 2px;
          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 {
  -webkit-padding-start: 2px;
          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;
  -webkit-margin-start: 100%;
          margin-inline-start: 100%;
  -webkit-padding-start: 4px;
          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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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 {
  -webkit-margin-start: calc(0.25rem * -3);
          margin-inline-start: calc(0.25rem * -3);
  -webkit-margin-end: calc(0.25rem * 3);
          margin-inline-end: calc(0.25rem * 3);
  -webkit-border-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
}
.vk-label:is(.vk-input > *, .vk-select > *):last-child {
  -webkit-margin-start: calc(0.25rem * 3);
          margin-inline-start: calc(0.25rem * 3);
  -webkit-margin-end: calc(0.25rem * -3);
          margin-inline-end: calc(0.25rem * -3);
  -webkit-border-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
          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);
  -webkit-margin-end: 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-20 {
  z-index: 20;
}
.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--mt-1 {
  margin-top: -0.25rem;
}
.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-\[5px\] {
  margin-bottom: 5px;
}
.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-3 {
  margin-left: 0.75rem;
}
.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-\[38px\] {
  margin-right: 38px;
}
.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-\[160px\] {
  height: 160px;
}
.vk-h-\[16px\] {
  height: 16px;
}
.vk-h-\[1px\] {
  height: 1px;
}
.vk-h-\[20px\] {
  height: 20px;
}
.vk-h-\[220px\] {
  height: 220px;
}
.vk-h-\[24px\] {
  height: 24px;
}
.vk-h-\[25px\] {
  height: 25px;
}
.vk-h-\[2px\] {
  height: 2px;
}
.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-96 {
  max-height: 24rem;
}
.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-\[716px\] {
  width: 716px !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-64 {
  width: 16rem;
}
.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-\[328px\] {
  width: 328px;
}
.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-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.vk-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.vk-grid-cols-\[72px_1fr_1fr_1\.5fr_30px\] {
  grid-template-columns: 72px 1fr 1fr 1.5fr 30px;
}
.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-\[4px\] {
  border-radius: 4px;
}
.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-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}
.vk-rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.\!vk-border-\[1px\] {
  border-width: 1px !important;
}
.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 !important;
}
.vk-border-solid {
  border-style: solid;
}
.vk-border-dashed {
  border-style: dashed;
}
.vk-border-none {
  border-style: none;
}
.\!vk-border-line-light {
  border-color: var(--line-light) !important;
}
.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-danger {
  border-color: var(--danger);
}
.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-input-bg {
  background-color: var(--input-bg) !important;
}
.\!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-\[var\(--ui-kit-blackblue-100\)\] {
  background-color: var(--ui-kit-blackblue-100);
}
.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-inherit {
  background-color: inherit;
}
.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-red-300 {
  background-color: var(--ui-kit-red-300);
}
.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-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.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-from-\[\#FF0000\] {
  --tw-gradient-from: #FF0000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.vk-via-\[\#D9FF00\] {
  --tw-gradient-to: rgb(217 255 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #D9FF00 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.vk-to-\[\#4A74FF\] {
  --tw-gradient-to: #4A74FF var(--tw-gradient-to-position);
}
.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-textDangerActive {
  color: var(--textDangerActive);
}
.vk-text-warning {
  color: var(--warning);
}
.vk-text-white {
  color: var(--white);
}
.vk-line-through {
  -webkit-text-decoration-line: 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-\[0_4px_20px_rgba\(0\,0\,0\,0\.12\)\] {
  --tw-shadow: 0 4px 20px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0 4px 20px 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, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  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-h-6::before {
  content: var(--tw-content);
  height: 1.5rem;
}
.before\:vk-w-6::before {
  content: var(--tw-content);
  width: 1.5rem;
}
.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-border::before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:vk-border-solid::before {
  content: var(--tw-content);
  border-style: solid;
}
.before\:vk-border-\[\#907FF0\]::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(144 127 240 / var(--tw-border-opacity, 1));
}
.before\:vk-bg-\[var\(--color-background-secondary\)\]::before {
  content: var(--tw-content);
  background-color: var(--color-background-secondary);
}
.before\:vk-opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}
.before\:vk-opacity-100::before {
  content: var(--tw-content);
  opacity: 1;
}
.before\:vk-content-\[\"\"\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.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 {
  -webkit-text-decoration-line: underline;
          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);
}
.\[\&\>\*\]\:vk-min-w-0>* {
  min-width: 0px;
}
.\[\&\>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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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%;
  }
}
.filterInput {
  width: 100%;
  border: 1px solid var(--line-light) !important;
  background: var(--input-bg) !important;
  border-radius: 4px;
}
.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);--toast-success-text: var(--ui-kit-white);--toast-success-border: var(--success);--toast-warning-bg: var(--warning);--toast-warning-text: var(--ui-kit-black);--toast-warning-border: var(--warning);--toast-error-bg: var(--danger);--toast-error-text: var(--ui-kit-white);--toast-error-border: var(--danger)}: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);--toast-success-text: var(--ui-kit-white);--toast-success-border: var(--success);--toast-warning-bg: var(--warning);--toast-warning-text: var(--ui-kit-black);--toast-warning-border: var(--warning);--toast-error-bg: var(--danger);--toast-error-text: var(--ui-kit-white);--toast-error-border: var(--danger)}: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-menu-item-text-active: var(--text-primary-inverted);--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-dropdown-menu-item-text-active: var(--text-primary-inverted)}.ui-kit-menu{--menu-active-fg: var(--text-primary);--menu-active-bg: var(--background-secondary);margin:0;display:block}.ui-kit-dropdown-content,.ui-kit-dropdown-content--borderOnMenu{border:1px solid var(--input-border)}.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);--modal-action-sheet-radius: 16px;--modal-action-sheet-max-height: 90dvh}: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);--modal-action-sheet-radius: 16px;--modal-action-sheet-max-height: 90dvh}: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{--ui-kit-select-menu-item-text: var(--text-primary);--ui-kit-select-menu-item-bg-hover: var(--background-secondary);--ui-kit-select-menu-item-bg-active: var(--background-secondary)}:root[data-theme=dark],.dark{--ui-kit-select-menu-item-text: var(--text-primary);--ui-kit-select-menu-item-bg-hover: var(--background-secondary);--ui-kit-select-menu-item-bg-active: var(--background-secondary)}.ui-kit-menu li.ui-kit-select-option:active>*{background-color:transparent!important;color:inherit!important}.ui-kit-select-option[aria-disabled=true],.ui-kit-select-option[aria-disabled=true] *{cursor:not-allowed!important}.ui-kit-select-option[aria-disabled=true]:hover{background-color:transparent!important}: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:clip-path .3s,opacity .1s,rotate .3s,translate .3s;transition-delay:.1s;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{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: "✔︎";clip-path:none}}@media print{.ui-kit-checkbox:checked:before,.ui-kit-checkbox[aria-checked=true]:before{rotate:0deg;background-color:transparent;--tw-content: "✔︎";clip-path:none}}.ui-kit-checkbox:indeterminate:before{rotate:0deg;opacity:100%;translate:0 -35%;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-bottom-0{bottom:0}.ui-kit-left-0{left:0}.ui-kit-right-0{right:0}.ui-kit-right-4{right:1rem}.ui-kit-top-0{top:0}.ui-kit-top-4{top:1rem}.ui-kit-top-auto{top:auto}.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-8{margin-top:2rem}.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-grid{display:grid}.ui-kit-hidden{display:none}.ui-kit-aspect-square{aspect-ratio:1 / 1}.ui-kit-h-10{height:2.5rem}.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-\[100dvh\]{height:100dvh}.ui-kit-h-\[128px\]{height:128px}.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-px{height:1px}.ui-kit-h-radio{height:var(--radio-size)}.ui-kit-max-h-\[100dvh\]{max-height:100dvh}.ui-kit-max-h-\[var\(--modal-action-sheet-max-height\)\]{max-height:var(--modal-action-sheet-max-height)}.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-screen{min-height:100vh}.ui-kit-w-10{width:2.5rem}.ui-kit-w-14{width:3.5rem}.ui-kit-w-3{width:.75rem}.ui-kit-w-4{width:1rem}.ui-kit-w-48{width:12rem}.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-\[200px\]{width:200px}.ui-kit-w-\[280px\]{width:280px}.ui-kit-w-\[300px\]{width:300px}.ui-kit-w-\[320px\]{width:320px}.ui-kit-w-\[32px\]{width:32px}.ui-kit-w-\[360px\]{width:360px}.ui-kit-w-\[384px\]{width:384px}.ui-kit-w-\[400px\]{width:400px}.ui-kit-w-\[434px\]{width:434px}.ui-kit-w-\[450px\]{width:450px}.ui-kit-w-\[600px\]{width:600px}.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-radio{width:var(--radio-size)}.ui-kit-min-w-0{min-width:0px}.ui-kit-min-w-\[100px\]{min-width:100px}.ui-kit-min-w-\[140px\]{min-width:140px}.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-full{max-width:100%}.ui-kit-max-w-md{max-width:28rem}.ui-kit-flex-1{flex:1 1 0%}.ui-kit-flex-shrink-0,.ui-kit-shrink-0{flex-shrink:0}.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-modal-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.ui-kit-animate-modal-slide-up{animation:ui-kit-modal-slide-up .3s cubic-bezier(.32,.72,0,1)}@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-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-kit-resize-none{resize:none}.ui-kit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-kit-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ui-kit-flex-row{flex-direction:row}.ui-kit-flex-col{flex-direction:column}.ui-kit-flex-wrap{flex-wrap:wrap}.ui-kit-items-start{align-items:flex-start}.ui-kit-items-end{align-items:flex-end}.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-1\.5{gap:.375rem}.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-hidden{overflow:hidden}.ui-kit-overflow-y-auto{overflow-y:auto}.ui-kit-overflow-x-hidden{overflow-x:hidden}.ui-kit-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-kit-whitespace-nowrap{white-space:nowrap}.ui-kit-whitespace-pre-line{white-space:pre-line}.ui-kit-whitespace-pre-wrap{white-space:pre-wrap}.ui-kit-break-words{overflow-wrap:break-word}.ui-kit-break-all{word-break:break-all}.ui-kit-rounded-40{border-radius:var(--corner-radius-40)}.ui-kit-rounded-\[18px\]{border-radius:18px}.ui-kit-rounded-\[4px\]{border-radius:4px}.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-none{border-radius:0}.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-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.ui-kit-rounded-t-\[var\(--modal-action-sheet-radius\)\]{border-top-left-radius:var(--modal-action-sheet-radius);border-top-right-radius:var(--modal-action-sheet-radius)}.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-solid{border-style:solid}.ui-kit-border-dashed{border-style:dashed}.ui-kit-border-none{border-style:none}.\!ui-kit-border-input-error-border-color{border-color:var(--input-error-border-color)!important}.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-gray-200{border-color:var(--ui-kit-gray-200)}.ui-kit-border-gray-300{border-color:var(--ui-kit-gray-300)}.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-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-dropdown-menu-item-bgHover{background-color:var(--ui-kit-dropdown-menu-item-bg-hover)}.ui-kit-bg-gray-200{background-color:var(--ui-kit-gray-200)}.ui-kit-bg-gray-300{background-color:var(--ui-kit-gray-300)}.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-object-cover{-o-object-fit:cover;object-fit:cover}.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-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-3{padding-top:.75rem;padding-bottom:.75rem}.ui-kit-py-4{padding-top:1rem;padding-bottom:1rem}.ui-kit-py-\[10px\]{padding-top:10px;padding-bottom:10px}.ui-kit-py-\[9px\]{padding-top:9px;padding-bottom:9px}.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-pb-\[24px\]{padding-bottom:24px}.ui-kit-pl-1{padding-left:.25rem}.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-2{padding-top:.5rem}.ui-kit-pt-4{padding-top:1rem}.ui-kit-pt-\[16px\]{padding-top:16px}.ui-kit-text-center{text-align:center}.ui-kit-font-\[inherit\]{font-family:inherit}.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-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-uppercase{text-transform:uppercase}.ui-kit-italic{font-style:italic}.ui-kit-leading-4{line-height:1rem}.ui-kit-leading-relaxed{line-height:1.625}.ui-kit-tracking-wide{letter-spacing:.025em}.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-dropdown-menu-item-text{color:var(--ui-kit-dropdown-menu-item-text)}.ui-kit-text-gray-500{color:var(--ui-kit-gray-500)}.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-text-tertiary{color:var(--text-tertiary)}.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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(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)}.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-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-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.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-adjustment_outlined:before{content:""}.ui-kit-icon-administrator:before{content:""}.ui-kit-icon-advise_outlined:before{content:""}.ui-kit-icon-alarm_outlined:before{content:""}.ui-kit-icon-api_outlined:before{content:""}.ui-kit-icon-architecture_outlined:before{content:""}.ui-kit-icon-arrow_down_outlined:before{content:""}.ui-kit-icon-arrow_left_outlined:before{content:""}.ui-kit-icon-arrow_right_outlined:before{content:""}.ui-kit-icon-arrow_up_outlined:before{content:""}.ui-kit-icon-attachment_outlined:before{content:""}.ui-kit-icon-attention_outlined:before{content:""}.ui-kit-icon-autonumber_outlined:before{content:""}.ui-kit-icon-autosave_outlined:before{content:""}.ui-kit-icon-backup:before{content:""}.ui-kit-icon-bank_outlined:before{content:""}.ui-kit-icon-big_table:before{content:""}.ui-kit-icon-book:before{content:""}.ui-kit-icon-book_outlined:before{content:""}.ui-kit-icon-bulb_outlined:before{content:""}.ui-kit-icon-cascade_outlined:before{content:""}.ui-kit-icon-check:before{content:""}.ui-kit-icon-check_circle:before{content:""}.ui-kit-icon-check_circle_filled:before{content:""}.ui-kit-icon-check_circle_outlined:before{content:""}.ui-kit-icon-checkbox:before{content:""}.ui-kit-icon-chevron_double_down_outlined:before{content:""}.ui-kit-icon-chevron_double_left_outlined:before{content:""}.ui-kit-icon-chevron_double_right_outlined:before{content:""}.ui-kit-icon-chevron_double_up_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-class_outlined:before{content:""}.ui-kit-icon-clear_outlined:before{content:""}.ui-kit-icon-close_circle_outlined:before{content:""}.ui-kit-icon-collapse_2_open_outlined:before{content:""}.ui-kit-icon-collapse_2_outlined:before{content:""}.ui-kit-icon-collapse_3_open_outlined:before{content:""}.ui-kit-icon-collapse_3_outlined:before{content:""}.ui-kit-icon-collapse_open_outlined:before{content:""}.ui-kit-icon-collapse_outlined:before{content:""}.ui-kit-icon-color:before{content:""}.ui-kit-icon-comment_outlined:before{content:""}.ui-kit-icon-community_outlined:before{content:""}.ui-kit-icon-compass_outlined:before{content:""}.ui-kit-icon-conical_down_outlined:before{content:""}.ui-kit-icon-conical_left_outlined:before{content:""}.ui-kit-icon-conical_right_outlined:before{content:""}.ui-kit-icon-conical_up_outlined:before{content:""}.ui-kit-icon-connect_outlined:before{content:""}.ui-kit-icon-copy:before{content:""}.ui-kit-icon-cross:before{content:""}.ui-kit-icon-cross_circle:before{content:""}.ui-kit-icon-currency_cny_outlined:before{content:""}.ui-kit-icon-currency_usd_outlined:before{content:""}.ui-kit-icon-dashboard_outlined:before{content:""}.ui-kit-icon-datasheet_outlined:before{content:""}.ui-kit-icon-date:before{content:""}.ui-kit-icon-datepicker:before{content:""}.ui-kit-icon-department_outlined:before{content:""}.ui-kit-icon-description_outlined:before{content:""}.ui-kit-icon-desktop_outlined:before{content:""}.ui-kit-icon-disabled_outlined:before{content:""}.ui-kit-icon-download_outlined:before{content:""}.ui-kit-icon-drag:before{content:""}.ui-kit-icon-duplicate_outlined:before{content:""}.ui-kit-icon-edit:before{content:""}.ui-kit-icon-edit_outlined:before{content:""}.ui-kit-icon-email_outlined:before{content:""}.ui-kit-icon-emoji_outlined:before{content:""}.ui-kit-icon-enter_outlined:before{content:""}.ui-kit-icon-error:before{content:""}.ui-kit-icon-expand_outlined:before{content:""}.ui-kit-icon-eye:before{content:""}.ui-kit-icon-eye_close_outlined:before{content:""}.ui-kit-icon-eye_open:before{content:""}.ui-kit-icon-file_add_outlined:before{content:""}.ui-kit-icon-file_csv_outlined:before{content:""}.ui-kit-icon-file_excel_outlined:before{content:""}.ui-kit-icon-file_filled:before{content:""}.ui-kit-icon-file_outlined:before{content:""}.ui-kit-icon-file_search_outlined:before{content:""}.ui-kit-icon-file_upload:before{content:""}.ui-kit-icon-filter:before{content:""}.ui-kit-icon-folder_add_outlined:before{content:""}.ui-kit-icon-folder_down_outlined:before{content:""}.ui-kit-icon-folder_empty_outlined:before{content:""}.ui-kit-icon-folder_left_outlined:before{content:""}.ui-kit-icon-folder_normal_outlined:before{content:""}.ui-kit-icon-folder_open_outlined:before{content:""}.ui-kit-icon-folder_right_outlined:before{content:""}.ui-kit-icon-folder_up_outlined:before{content:""}.ui-kit-icon-form_add_outlined:before{content:""}.ui-kit-icon-form_outlined:before{content:""}.ui-kit-icon-formula:before{content:""}.ui-kit-icon-freeze_outlined:before{content:""}.ui-kit-icon-gallery_outlined:before{content:""}.ui-kit-icon-gantt_outlined:before{content:""}.ui-kit-icon-gift_outlined:before{content:""}.ui-kit-icon-goto:before{content:""}.ui-kit-icon-grid:before{content:""}.ui-kit-icon-grid_outlined:before{content:""}.ui-kit-icon-group_outlined:before{content:""}.ui-kit-icon-history_outlined:before{content:""}.ui-kit-icon-home_outlined:before{content:""}.ui-kit-icon-horn_outlined:before{content:""}.ui-kit-icon-image_outlined:before{content:""}.ui-kit-icon-import_outlined:before{content:""}.ui-kit-icon-info_outlined:before{content:""}.ui-kit-icon-kanban_outlined:before{content:""}.ui-kit-icon-keyboard_outlined:before{content:""}.ui-kit-icon-large_text:before{content:""}.ui-kit-icon-lightning_outline:before{content:""}.ui-kit-icon-like_outlined:before{content:""}.ui-kit-icon-link_disconnect_outlined:before{content:""}.ui-kit-icon-link_outlined:before{content:""}.ui-kit-icon-linktable_outlined:before{content:""}.ui-kit-icon-list_outlined:before{content:""}.ui-kit-icon-log_outlined:before{content:""}.ui-kit-icon-logout_outlined:before{content:""}.ui-kit-icon-manage_application_outlined:before{content:""}.ui-kit-icon-middlescreen_outlined:before{content:""}.ui-kit-icon-mirror_outlined:before{content:""}.ui-kit-icon-mobilephone_outlined:before{content:""}.ui-kit-icon-more_outlined:before{content:""}.ui-kit-icon-more_stand_outlined:before{content:""}.ui-kit-icon-mortarboard_outlined:before{content:""}.ui-kit-icon-narrow_outlined:before{content:""}.ui-kit-icon-network_connect_outlined:before{content:""}.ui-kit-icon-network_error_outlined:before{content:""}.ui-kit-icon-network_normal_outlined:before{content:""}.ui-kit-icon-newtab_outlined:before{content:""}.ui-kit-icon-notification_check_outlined:before{content:""}.ui-kit-icon-notification_outlined:before{content:""}.ui-kit-icon-number:before{content:""}.ui-kit-icon-page:before{content:""}.ui-kit-icon-pause_outlined:before{content:""}.ui-kit-icon-percent_outlined:before{content:""}.ui-kit-icon-pin_outlined:before{content:""}.ui-kit-icon-planet_outlined:before{content:""}.ui-kit-icon-play_outlined:before{content:""}.ui-kit-icon-plus:before{content:""}.ui-kit-icon-position_outlined:before{content:""}.ui-kit-icon-publish:before{content:""}.ui-kit-icon-publish_2:before{content:""}.ui-kit-icon-publish_outlined:before{content:""}.ui-kit-icon-qrcode_outlined:before{content:""}.ui-kit-icon-question_circle_filled:before{content:""}.ui-kit-icon-question_circle_outlined:before{content:""}.ui-kit-icon-question_outlined:before{content:""}.ui-kit-icon-rectangle:before{content:""}.ui-kit-icon-redo_outlined:before{content:""}.ui-kit-icon-refresh:before{content:""}.ui-kit-icon-reload_outlined:before{content:""}.ui-kit-icon-restore_outlined:before{content:""}.ui-kit-icon-roadmap_outlined:before{content:""}.ui-kit-icon-robot_outlined:before{content:""}.ui-kit-icon-rocket_outlined:before{content:""}.ui-kit-icon-rollup:before{content:""}.ui-kit-icon-rotate_outlined:before{content:""}.ui-kit-icon-rowhight_extremhigh_outlined:before{content:""}.ui-kit-icon-rowhight_high_outlined:before{content:""}.ui-kit-icon-rowhight_medium_outlined:before{content:""}.ui-kit-icon-rowhight_short_outlined:before{content:""}.ui-kit-icon-satellite_outlined:before{content:""}.ui-kit-icon-select:before{content:""}.ui-kit-icon-select_multiple_outlined:before{content:""}.ui-kit-icon-service_outlined:before{content:""}.ui-kit-icon-setting_2_outlined:before{content:""}.ui-kit-icon-setting_outlined:before{content:""}.ui-kit-icon-settings:before{content:""}.ui-kit-icon-share_outlined:before{content:""}.ui-kit-icon-shield_add_outlined:before{content:""}.ui-kit-icon-shield_check_outlined:before{content:""}.ui-kit-icon-shield_security_outlined:before{content:""}.ui-kit-icon-sidescreen_outlined:before{content:""}.ui-kit-icon-sort:before{content:""}.ui-kit-icon-sort_down_outlined:before{content:""}.ui-kit-icon-sort_up_outlined:before{content:""}.ui-kit-icon-star_2_outlined:before{content:""}.ui-kit-icon-star_cross_outlined:before{content:""}.ui-kit-icon-star_outlined:before{content:""}.ui-kit-icon-stop:before{content:""}.ui-kit-icon-stopwatch_outlined:before{content:""}.ui-kit-icon-style_outlined:before{content:""}.ui-kit-icon-subtract_circle_outlined:before{content:""}.ui-kit-icon-success:before{content:""}.ui-kit-icon-sync_off_outlined:before{content:""}.ui-kit-icon-sync_on_outlined:before{content:""}.ui-kit-icon-telephone_outlined:before{content:""}.ui-kit-icon-test_outlined:before{content:""}.ui-kit-icon-text:before{content:""}.ui-kit-icon-time_outlined:before{content:""}.ui-kit-icon-time_outlined_2:before{content:""}.ui-kit-icon-transfer_outlined:before{content:""}.ui-kit-icon-trash:before{content:""}.ui-kit-icon-triangle_down_outlined:before{content:""}.ui-kit-icon-triangle_left_outlined:before{content:""}.ui-kit-icon-triangle_right_outlined:before{content:""}.ui-kit-icon-triangle_up_outlined:before{content:""}.ui-kit-icon-undo_outlined:before{content:""}.ui-kit-icon-unpublish:before{content:""}.ui-kit-icon-unpublish_2:before{content:""}.ui-kit-icon-unpublish_outlined:before{content:""}.ui-kit-icon-up_and_down_filled:before{content:""}.ui-kit-icon-user_add_outlined:before{content:""}.ui-kit-icon-user_edit_outlined:before{content:""}.ui-kit-icon-user_group_outlined:before{content:""}.ui-kit-icon-user_outlined:before{content:""}.ui-kit-icon-verification_code_outlined:before{content:""}.ui-kit-icon-video_outlined:before{content:""}.ui-kit-icon-warn_circle_outlined:before{content:""}.ui-kit-icon-warn_circle_outlined_2:before{content:""}.ui-kit-icon-warn_outlined:before{content:""}.ui-kit-icon-web_outlined:before{content:""}.ui-kit-icon-widget_outlined:before{content:""}.ui-kit-icon-workbench_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-timing-function\:cubic-bezier\(0\,0\,0\.2\,1\)\]{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[transition\:background-color_0\.3s\,color_0\.3s\,grid-template-columns_0\.2s\]{transition:background-color .3s,color .3s,grid-template-columns .2s}.placeholder\:ui-kit-text-text-secondary::-moz-placeholder{color:var(--text-secondary)}.placeholder\:ui-kit-text-text-secondary::placeholder{color:var(--text-secondary)}.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-dropdown-menu-item-bgHover:hover{background-color:var(--ui-kit-dropdown-menu-item-bg-hover)}.hover\:ui-kit-bg-gray-100:hover{background-color:var(--ui-kit-gray-100)}.hover\:ui-kit-bg-gray-50:hover{background-color:var(--ui-kit-gray-50)}.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)!important}.focus\:ui-kit-border-action:focus{border-color:var(--action)}.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-inset-auto{inset:auto}.md\:ui-kit-left-1\/2{left:50%}.md\:ui-kit-top-1\/2{top:50%}.md\:ui-kit-h-\[calc\(100dvh-48px\)\]{height:calc(100dvh - 48px)}.md\:ui-kit-max-h-\[90dvh\]{max-height:90dvh}.md\:ui-kit-max-h-\[calc\(100dvh-48px\)\]{max-height:calc(100dvh - 48px)}.md\:ui-kit-min-h-modal-min-height{min-height:var(--modal-min-height)}.md\:ui-kit-w-\[calc\(100dvw-48px\)\]{width:calc(100dvw - 48px)}.md\:ui-kit-w-modal-l-size{width:var(--modal-l-size)}.md\:ui-kit-w-modal-m-size{width:var(--modal-m-size)}.md\:ui-kit-w-modal-s-size{width:var(--modal-s-size)}.md\:ui-kit-max-w-\[calc\(100dvw-48px\)\]{max-width:calc(100dvw - 48px)}.md\: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))}.md\: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))}.md\:ui-kit-animate-none{animation:none}.md\:ui-kit-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:ui-kit-rounded-modal-border-radius{border-radius:var(--modal-border-radius)}}@media (min-width: 1024px){.lg\:ui-kit-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.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.4f44dca3.eot);
  src: url(/_next/static/media/iconly.4f44dca3.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/iconly.7ca4b870.woff2) format("woff2"), url(/_next/static/media/iconly.a55f3c1d.woff) format("woff"), url(/_next/static/media/iconly.d9cdfd52.ttf) format("truetype"), url(/_next/static/media/iconly.3cda6c3b.svg#Iconly) format("svg");
}


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

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