@charset "UTF-8";.icons-combine {
  position: relative;
  width: 1em;
  height: 1em;
}
.icons-combine span {
  padding: 0;
}
.icons-combine .anticon {
  vertical-align: top;
  vertical-align: 9;
}
.icons-combine > span:last-child {
  position: absolute;
  transform: scale(0.6, 0.6);
  z-index: 1;
  background-color: #fff;
  border-radius: 20px;
  padding: 2px;
}
.icons-combine.icons-combine-bottomRight > .icons-combine-bottomRight {
  right: 0 !important;
}
.icons-combine.icons-combine-bottomRight > .icons-combine-bottomRight > span:last-child {
  right: -7px;
}
.icons-combine.icons-combine-bottomRight > span:last-child {
  bottom: -5px;
  right: -5px;
}
.icons-combine.icons-combine-topRight > span:last-child {
  top: -2px;
  left: -3px;
}

.anticon[data-color] {
  color: var(--custom-color);
}
.anticon[data-color]::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  --custom-color: attr(data-color);
}
.banner-popover.qrcode {
  position: relative;
}
.banner-popover.qrcode .icon {
  position: absolute;
  font-size: 28px;
  background-color: #fff;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 4px;
  margin-left: -21px;
  margin-top: -21px;
  top: 50%;
  left: 50%;
}
.banner-popover.qrcode p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  max-width: 200px;
}

.section-size-small {
  padding-bottom: 10px;
}
.section-size-small + section {
  padding-top: 0px;
}

.ui-block-item-theme-mini .box-banner .box-banner-media img {
  width: 800px;
  margin: 0 auto;
  box-shadow: none;
}

.box-banner {
  text-align: center;
  margin: 0 auto;
}
.box-banner h1 {
  max-width: 800px;
  font-size: 40px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
.box-banner h1 div {
  text-align: left;
  text-indent: 8px;
  min-width: 240px;
}
.box-banner h2 {
  max-width: 600px;
  font-size: 48px;
  margin-left: auto;
  margin-right: auto;
}
.box-banner p {
  font-size: 20px;
  margin-bottom: 96px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-block-start: 2em;
}
.box-banner .box-banner-actions a {
  display: inline-block;
  background-color: var(--main-bg-color);
  border-radius: 24px;
  font-size: 24px;
  padding: 12px 32px;
  color: #fff;
  text-decoration: none;
  transition: all 0.2s;
}
.box-banner .box-banner-actions a:hover {
  transform: scale(1.1);
}
.box-banner .box-banner-tags {
  padding-top: 12px;
  opacity: 0.5;
}
.box-banner .box-banner-tags .anticon {
  margin-right: 4px;
}
.box-banner .box-banner-tags > span {
  display: inline-block;
  padding: 0 8px;
}
.box-banner .box-banner-media {
  margin: 0 auto;
  padding-top: 72px;
}
.box-banner .box-banner-media img {
  display: block;
  border-radius: 24px;
  padding: 12px;
  width: 100%;
  border: 1px solid var(--secondary-border-color);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.box-banner-swaper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 8px;
  /* 悬停暂停轮播 */
}
.box-banner-swaper img {
  box-shadow: none;
}
.box-banner-swaper .box-banner-carousel {
  display: flex;
  width: 300%; /* 3张图片=300% */
  height: 100%;
  animation: slide 12s infinite; /* 12秒循环 */
}
.box-banner-swaper .box-banner-carousel .box-banner-slide {
  flex: 1;
  padding: 32px;
  background-size: cover;
  background-position: center;
  transition: opacity 0.5s;
}
.box-banner-swaper .box-banner-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  /* 当前激活的指示器 */
}
.box-banner-swaper .box-banner-indicators .indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.box-banner-swaper .box-banner-indicators .indicator.active {
  background: white;
}
.box-banner-swaper:hover .box-banner-carousel {
  animation-play-state: paused;
}
@keyframes slide {
  0%, 20% {
    transform: translateX(0);
  } /* 第一张 */
  33.3%, 53.3% {
    transform: translateX(-33.33%);
  } /* 第二张 */
  66.6%, 86.6% {
    transform: translateX(-66.66%);
  } /* 第三张 */
  100% {
    transform: translateX(0);
  } /* 复位 */
}.box-introduce-content {
  padding-left: 32px;
  padding-top: 64px;
  font-size: 18px;
  line-height: 1.5;
}
.box-introduce-content blockquote {
  padding: 16px;
  margin-top: 64px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 12px;
  border-left: 3px solid #ddd;
  background-color: #f9f9f9;
}
.box-introduce-content blockquote p {
  padding: 0;
  margin: 0;
}
.box-introduce-content h2 {
  margin-top: 64px;
}
.box-introduce-content table {
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  border-spacing: 0px;
  text-align: left;
  line-height: 2em;
  margin: 32px 0;
  border: 1px solid #f2f2f2;
}
.box-introduce-content table tbody tr:Hover {
  background-color: #f2f2f2;
}
.box-introduce-content table tbody tr:last-child td {
  border-bottom: none;
}
.box-introduce-content table th {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f2f2f2;
  padding-left: 16px;
}
.box-introduce-content table td {
  padding-left: 16px;
  border-bottom: 1px solid #f2f2f2;
}

.box-introduce {
  display: flex;
  align-items: center;
}
.box-introduce .box-introduce-media {
  width: 48%;
  padding-left: 5%;
}
.box-introduce .box-introduce-media img {
  width: 100%;
  border-radius: 32px;
}
.box-introduce.box-noimage .box-introduce-media {
  display: none;
}
.box-introduce.box-noimage .box-introduce-desc {
  width: 100%;
  text-align: center;
}
.box-introduce .box-introduce-desc {
  width: 52%;
  padding-left: 32px;
}
.box-introduce .box-introduce-desc p {
  font-size: 24px;
  opacity: 0.5;
}
.box-introduce .box-introduce-desc li {
  padding-bottom: 8px;
}
.box-introduce .box-introduce-desc .box-actions a {
  display: inline-block;
  color: var(--main-bg-color);
  text-decoration: none;
  font-size: 18px;
  padding: 8px 16px;
  border-radius: 32px;
}
.box-introduce.box-introduce-theme-right {
  flex-direction: row-reverse;
}
.box-introduce.box-introduce-theme-right .box-introduce-desc {
  padding-left: 0;
}.ui-avatar-merge {
  display: inline-block;
  position: relative;
}
.ui-avatar-merge .ui-sub {
  position: absolute;
  transform: scale(0.8);
  z-index: 111;
  bottom: -10px;
  right: -7px;
}
.ui-avatar-merge .ui-sub .ant-avatar {
  padding: 6px;
  border-radius: 4px 0 0 0;
}
.ui-avatar-merge .ui-sub svg path {
  stroke: #fff;
  stroke-width: 12px;
}

.ui-avatar-type-avatar {
  border: none !important;
  background-color: transparent !important;
  font-size: 52px !important;
  height: 52px !important;
  width: 52px !important;
}.block-card-item.block-card-colspan-2 .ant-list-grid .ant-col > .ant-list-item, .block-card-item.block-card-colspan-1 .ant-list-grid .ant-col > .ant-list-item, .block-card-item.block-card-colspan-3 .ant-list-grid .ant-col > .ant-list-item {
  border-radius: 32px;
}
.block-card-item.block-card-colspan-2 .ant-list-grid .ant-col > .ant-list-item, .block-card-item.block-card-colspan-1 .ant-list-grid .ant-col > .ant-list-item, .block-card-item.block-card-colspan-3 .ant-list-grid .ant-col > .ant-list-item {
  padding: 32px;
}
.block-card-item.block-card-colspan-2 .ant-list-grid .ant-col > .ant-list-item .ant-list-item-meta, .block-card-item.block-card-colspan-1 .ant-list-grid .ant-col > .ant-list-item .ant-list-item-meta, .block-card-item.block-card-colspan-3 .ant-list-grid .ant-col > .ant-list-item .ant-list-item-meta {
  align-items: flex-start !important;
}
.block-card-item.block-card-colspan-2 .ant-list-grid .ant-col > .ant-list-item.block-item-type-avatar .ant-list-item-meta-avatar .ant-avatar, .block-card-item.block-card-colspan-1 .ant-list-grid .ant-col > .ant-list-item.block-item-type-avatar .ant-list-item-meta-avatar .ant-avatar, .block-card-item.block-card-colspan-3 .ant-list-grid .ant-col > .ant-list-item.block-item-type-avatar .ant-list-item-meta-avatar .ant-avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 16px;
  color: #666 !important;
  border: 1px solid #dfdfdf;
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item {
  border-radius: 8px;
  padding: 16px;
  padding-block: 16px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 2px 4px 0 rgba(30, 30, 31, 0.0392156863);
  border: 0.5px solid var(--secondary-border-color);
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item .ant-list-item-meta {
  align-items: center;
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item.block-item-type-avatar .ant-list-item-meta-avatar .ant-avatar {
  border-radius: 12px;
  width: 64px !important;
  height: 64px !important;
  color: #666 !important;
  border: 1px solid #dfdfdf;
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item.block-item-type-image .ant-list-item-meta-avatar {
  width: 38.2%;
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item.block-item-type-image .ui-cardlist-image {
  border-radius: 8px;
  overflow: hidden;
}
.block-card-item .ant-list-grid .ant-col > .ant-list-item.block-item-type-image img {
  width: 100%;
  display: block;
}
.block-card-item .block-item-pointer {
  cursor: pointer;
}
.block-card-item.block-card-theme-border .ant-list-item {
  border: 1px solid #e8e8e8;
}
.block-card-item.block-card-theme-border .ant-list-item:Hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.089);
}
.block-card-item .ant-typography {
  text-align: center;
}
.block-card-item.block-card-layout-left .ant-typography {
  text-align: left;
}
.block-card-item.block-card-theme-section .ant-list-grid .ant-col > .ant-list-item .ant-list-item-meta {
  align-items: center;
}
.block-card-item.block-card-theme-section h2 {
  font-size: 50px;
  margin-top: 0;
}
.block-card-item.block-card-theme-section .block-card-subtitle {
  font-size: 18px;
}.ui-block-item-type-outline {
  text-align: center;
  padding: 48px;
  background: #fff;
  border-radius: 16px;
}
.ui-block-item-type-outline h1.ant-typography,
.ui-block-item-type-outline h2.ant-typography {
  padding-top: 16px;
}
.ui-block-item-type-outline .block-outline-subtitle {
  font-size: 16px;
  opacity: 0.8;
}
.ui-block-item-type-outline .ant-btn {
  border-radius: 32px;
}
.ui-block-item-type-outline .block-outline-tags {
  padding-top: 32px;
}
.ui-block-item-type-outline .block-outline-tags .ant-tag {
  border-radius: 1.6em;
  padding: 0.4em;
  font-size: 1.3em;
  opacity: 0.6;
}
.ui-block-item-type-outline .block-outline-tags .ant-tag span:not(.anticon):last-child {
  display: none;
}.ui-box-price-switch {
  background-color: #fff;
  border-radius: 32px;
  padding: 8px 16px;
  border: 0.5px solid var(--main-border-color);
  box-shadow: 0 2px 4px 0 rgba(30, 30, 31, 0.0392156863);
}
.ui-box-price-switch .ui-box-price {
  position: relative;
}
.ui-box-price-switch .ui-box-price span {
  position: absolute;
  top: 0px;
  display: block;
  width: 120px;
  text-align: center;
  left: 142px;
  font-size: 0.7em;
  color: var(--main-bg-color);
}
.ui-box-price-switch .ant-space-item:last-child {
  opacity: 0.5;
}
.ui-box-price-switch.ui-box-price-cut .ant-space-item:first-child {
  opacity: 0.5;
}
.ui-box-price-switch.ui-box-price-cut .ant-space-item:last-child {
  opacity: 1;
}

.ui-block-item-theme-backend {
  min-width: 600px;
  max-width: 1200px;
  margin: 0 auto;
}
.ui-block-item-theme-backend .all-features {
  padding-left: 32px;
  opacity: 0.9 !important;
  font-weight: 400 !important;
  font-size: 24px !important;
}

.ui-block-item .ui-box-pricing {
  background: #fff;
  padding: 32px;
  border-radius: 16px;
}
.ui-block-item.ui-block-item-type-pricing {
  position: relative;
}
.ui-block-item.ui-block-item-type-pricing .all-features {
  font-weight: initial;
}
.ui-block-item.ui-block-item-type-pricing .plan-item-free {
  background: var(--main-background-color);
  color: var(--main-bg-color);
  border-bottom: 1px solid var(--main-border-color);
}
.ui-block-item.ui-block-item-type-pricing .plan-item-pro {
  background: var(--main-bg-color);
  color: #fff;
  border-bottom: 0.5px solid var(--main-bg-border-color);
}
.ui-block-item.ui-block-item-type-pricing .plan-item-core {
  background: var(--secondary-bg-color);
  color: #fff;
  border-bottom: 0.5px solid var(--secondary--bg-border-color);
}
.ui-block-item.ui-block-item-type-pricing .ant-typography {
  text-align: center;
  z-index: 11;
  position: relative;
}
.ui-block-item.ui-block-item-type-pricing table {
  display: flex;
  flex-direction: column;
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-block-item.ui-block-item-type-pricing table td, .ui-block-item.ui-block-item-type-pricing table th, .ui-block-item.ui-block-item-type-pricing table tr {
  display: flex;
}
.ui-block-item.ui-block-item-type-pricing table td, .ui-block-item.ui-block-item-type-pricing table th {
  flex: 1 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ui-block-item.ui-block-item-type-pricing table tr {
  flex-direction: row;
  width: 100%;
}
.ui-block-item.ui-block-item-type-pricing table td:first-child,
.ui-block-item.ui-block-item-type-pricing table th:first-child {
  align-items: center;
  justify-content: space-between;
  min-width: 15.076rem;
  padding: 1.2rem 0.8rem;
  margin-right: 0.8rem;
  text-align: start;
  color: var(--main-front-color);
  border-bottom: 1px solid var(--main-border-color);
}
.ui-block-item.ui-block-item-type-pricing table th:not(:last-child),
.ui-block-item.ui-block-item-type-pricing table td:not(:last-child) {
  margin-right: 0.8rem;
}
.ui-block-item.ui-block-item-type-pricing table .plan-item {
  max-width: 7rem;
  padding: 1.2rem 0.8rem;
}
.ui-block-item.ui-block-item-type-pricing table th {
  border-radius: 12px 12px 0 0;
}
.ui-block-item.ui-block-item-type-pricing table tbody tr:last-child .plan-item {
  border-radius: 0 0 12px 12px;
}
.ui-block-item .ui-pricing-submit {
  display: flex;
  gap: 24px;
  padding: 0 80px;
  margin-bottom: 64px;
  margin-top: 32px;
}
.ui-block-item .ui-pricing-submit dl {
  flex: 1;
  border-radius: 12px;
  background-color: #fff;
  color: var(--main-front-color);
  border: 2px solid transparent;
  transition: all 0.4s;
  padding-bottom: 32px;
  position: relative;
  border-radius: 24px !important;
  box-shadow: 2.6px 4px 2.6px rgba(0, 0, 0, 0.017), 7.3px 11px 7.1px rgba(0, 0, 0, 0.025), 17.5px 26.5px 17.2px rgba(0, 0, 0, 0.033), 58px 88px 57px rgba(0, 0, 0, 0.05);
  background: url(/assets/bg-Dmjgg--Q.svg) #fff bottom right;
  margin-top: 0;
  border: 1px solid #f2f2f2;
}
.ui-block-item .ui-pricing-submit dl:Hover {
  transform: translateY(-13px);
}
.ui-block-item .ui-pricing-submit dl .ui-background-dwbg {
  right: auto;
  top: auto;
  left: -25px;
  bottom: 0;
  z-index: 0;
  transform: rotate(0deg);
}
.ui-block-item .ui-pricing-submit dl.ui-selected {
  border-color: var(--main-bg-color);
}
.ui-block-item .ui-pricing-submit dl.ui-selected::before {
  display: inline-block;
  content: "Most popular (50% off)";
  text-transform: uppercase;
  font-size: 11px;
  background-color: #fff;
  border: 2px solid var(--main-bg-color);
  padding: 4px 8px;
  border-radius: 12px;
  position: absolute;
  top: -10px;
  left: 32px;
  background-color: var(--secondary-bg-background-color);
}
.ui-block-item .ui-pricing-submit dl dt {
  text-align: center;
  margin: 32px;
  border-bottom: 1px solid var(--secondary-border-color);
  padding-bottom: 0;
}
.ui-block-item .ui-pricing-submit dl dt .price-wrapper {
  padding: 0 16px;
  margin-block-start: 24px;
  margin-block-end: 24px;
  font-size: 2em;
}
.ui-block-item .ui-pricing-submit dl dt .price-wrapper .price {
  vertical-align: bottom;
}
.ui-block-item .ui-pricing-submit dl dt .price-wrapper .price .sub {
  font-size: 0.5em;
}
.ui-block-item .ui-pricing-submit dl dt p:last-child {
  opacity: 0.6;
  height: 2em;
}
.ui-block-item .ui-pricing-submit dl dd {
  text-align: left;
  margin-inline-start: 0;
  margin: 0 32px;
  transition: border-top 0.2s;
}
.ui-block-item .ui-pricing-submit dl dd.ui-price-buy {
  padding-top: 16px;
  bottom: 0;
  padding-bottom: 8px;
}
.ui-block-item .ui-pricing-submit dl dd.ui-price-buy button {
  height: 48px;
  transition: all 0.2s;
}
.ui-block-item .ui-pricing-submit dl dd span.anticon {
  opacity: 0.6;
  cursor: help;
}
.ui-block-item .ui-pricing-submit dl dd h3 {
  font-size: 1em;
  font-weight: 400;
  justify-content: space-between;
  display: flex;
  margin: 8px 0;
}
.ui-block-item .ui-pricing-submit dl dd ul {
  list-style: none;
  padding-inline-start: 8px;
  margin-top: 0;
  opacity: 0.5;
}
.ui-block-item .ui-pricing-submit dl dd ul li {
  padding-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.ui-box-pricing-inner h1 {
  margin-top: 0;
}.box-swap > h2 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 32px;
}
.box-swap > p {
  font-size: 20px;
  max-width: 90%;
}
.box-swap .box-swap-scrollBar {
  min-height: 258px;
  padding-top: 32px;
}
.box-swap .box-swap-scrollBar .box-swap-inner {
  margin-left: -128px;
  margin-right: -128px;
  padding: 42px 128px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: scroll;
  -webkit-mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2) 4rem, #000 8rem, #000 calc(100% - 8rem), rgba(0, 0, 0, 0.2) calc(100% - 4rem), transparent);
  mask-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2) 4rem, #000 8rem, #000 calc(100% - 8rem), rgba(0, 0, 0, 0.2) calc(100% - 4rem), transparent);
  -webkit-mask-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.2) 4rem, #000 8rem, #000 calc(100% - 8rem), rgba(0, 0, 0, 0.2) calc(100% - 4rem), transparent);
  mask-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.2) 4rem, #000 8rem, #000 calc(100% - 8rem), rgba(0, 0, 0, 0.2) calc(100% - 4rem), transparent);
}
.box-swap .box-swap-scrollBar .scrollbar-item {
  flex-shrink: 0;
  border: 2px solid transparent;
  width: 270px;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  border-radius: 12px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  margin-right: 32px;
  transition: all 0.2s;
  padding: 32px;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.box-swap .box-swap-scrollBar .scrollbar-item > div span.anticon {
  font-size: 48px;
}
.box-swap .box-swap-scrollBar .scrollbar-item h2 {
  margin-bottom: 0px;
}
.box-swap .box-swap-scrollBar .scrollbar-item p {
  margin-top: 0;
  font-size: 18px;
  padding-top: 8px;
}
.box-swap .box-swap-scrollBar .scrollbar-item:Hover {
  transform: scale(1.07);
  border-color: var(--main-bg-color);
}.box-question {
  display: flex;
}
.box-question .box-question-left {
  width: 40%;
}
.box-question .box-question-left h2 {
  margin-top: 0;
  font-size: 40px;
}
.box-question .box-question-left p {
  font-size: 18px;
  opacity: 0.6;
}
.box-question .box-question-right {
  width: 60%;
  box-sizing: border-box;
  padding-left: 64px;
}
.box-question .box-question-right dl {
  border: 1px solid var(--main-border-color);
  border-radius: 12px;
  margin-top: 0;
  font-size: 18px;
  padding: 16px;
}
.box-question .box-question-right dl:hover {
  background-color: var(--main-background-color);
}
.box-question .box-question-right dl dt {
  position: relative;
  cursor: pointer;
  font-size: 20px;
}
.box-question .box-question-right dl dt .anticon {
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 6px;
  opacity: 0.6;
  font-weight: bold;
}
.box-question .box-question-right dl dd {
  display: none;
  padding-top: 12px;
  font-size: 16px;
  opacity: 0.6;
  margin: 0;
}
.box-question .box-question-right dl.open dd {
  display: block;
}.box-statistics h2 {
  opacity: 0.9;
  margin-right: 0 !important;
}
.box-statistics p {
  opacity: 0.6;
  font-size: 16px;
}
.box-statistics .extra {
  float: right;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.2s;
  font-size: 14px;
}
.box-statistics .extra:hover {
  opacity: 1;
}
.box-statistics .extra .ant-tag {
  margin-right: 0;
  border-radius: 12px;
}
.box-statistics .extra .ant-tag > span:last-child {
  margin-left: 2px;
}
.box-statistics .box-statistics-item .ant-card {
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  border: 0.5px solid var(--main-border-color);
}
.box-statistics .box-statistics-item .ant-card .ant-card-body {
  padding: 0 8px;
}
.box-statistics .box-statistics-item .ant-card .ant-card-head {
  border-bottom: none;
  min-height: 28px;
  font-weight: normal;
  text-transform: uppercase;
  opacity: 0.5;
  padding: 0 8px;
  font-size: 16px;
}
.box-statistics .box-statistics-item .ant-card .ant-card-head .ant-card-extra {
  opacity: 0.4;
}
.box-statistics .box-statistics-item .ant-card .card-body {
  height: 50px;
  position: relative;
}
.box-statistics .box-statistics-item .ant-card .card-body text {
  position: absolute;
  bottom: 0;
  opacity: 0.5;
}
.box-statistics .box-statistics-item .ant-card .card-body .ant-progress {
  margin-top: 24px;
}
.box-statistics .box-statistics-item .ant-card .card-value {
  font-size: 30px;
  line-height: 38px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.88);
}
.box-statistics .box-statistics-item .ant-card .card-footer {
  border-top: 1px solid var(--secondary-border-color);
  padding-top: 12px;
  margin-top: 12px;
  font-size: 14px;
  opacity: 0.8;
}.setting-qrcode-wrapper .anticon-qrcode {
  font-size: 18px;
  vertical-align: middle;
}

.qrcode-inner p {
  text-align: center;
  padding: 0;
  opacity: 0.3;
  margin: 0;
  font-size: 12px;
  max-width: 200px;
  line-height: 16px;
}
.qrcode-inner .anticon {
  width: 48px;
  background-color: #fff;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -30px;
  border-radius: 12px;
  font-size: 32px;
  height: 48px;
  line-height: 54px;
}.ui-block-item-type-setting {
  margin-bottom: 2em !important;
  width: 95%;
  min-width: 600px;
  max-width: 1200px;
  margin: 0 auto;
}
.ui-block-item-type-setting:first-child {
  margin-top: 2em;
}
.ui-block-item-type-setting:last-child {
  padding-bottom: 4em;
}

.box-setting {
  padding: 8px;
}
.box-setting .subscription {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.7;
  cursor: pointer;
  transition: all 0.2s;
}
.box-setting .subscription:Hover {
  opacity: 1;
}
.box-setting .subscription .ant-tag {
  transform: scale(0.8);
  margin-right: -4px;
  border-radius: 12px;
}
.box-setting .subscription .ant-tag > span:last-child {
  margin-left: 2px;
}
.box-setting > h2 {
  margin-bottom: 0px;
  padding-bottom: 6px;
  margin-top: 0px;
  opacity: 0.9;
  font-weight: 400;
}
.box-setting > p {
  margin-bottom: 8px;
  margin-top: 0px;
  opacity: 0.6;
}
.box-setting .box-setting-items {
  margin-top: 16px;
  box-shadow: 0 0 0 1px var(--secondary-border-color), 0 2px 8px rgba(12, 13, 25, 0.0196078431), 0 4px 16px rgba(12, 13, 25, 0.0196078431), 0 8px 32px rgba(12, 13, 25, 0.0196078431);
  border-radius: 12px;
}
.box-setting .box-setting-items .ant-tag {
  white-space: break-spaces;
  max-width: 333px;
}
.box-setting .box-setting-items .ant-list-item-meta .ant-list-item-meta-avatar {
  font-size: 32px;
  opacity: 0.8 !important;
}
.box-setting .box-setting-items pre {
  color: var(--main-bg-color);
  margin: 0;
}
.box-setting .box-setting-items pre span {
  margin-right: 4px;
}
.box-setting .box-setting-items pre span:last-child {
  position: relative;
  margin-right: -14px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.box-setting .box-setting-items pre span:last-child:hover {
  opacity: 1;
}
.box-setting .box-setting-items .ant-list .ant-list-item {
  padding-left: 32px;
  padding-right: 32px;
  padding: 16px 32px;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-input-suffix {
  opacity: 0.5;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-list-item-meta-avatar {
  opacity: 1;
}
.box-setting .box-setting-items .ant-list .ant-list-item .box-setting-avatar .ant-avatar {
  padding: 3px;
  border: 2px solid var(--secondary-border-color);
  transition: border-color 0.3s ease;
  cursor: pointer;
}
.box-setting .box-setting-items .ant-list .ant-list-item .box-setting-avatar .ant-avatar img {
  width: auto;
  height: 100%;
}
.box-setting .box-setting-items .ant-list .ant-list-item .box-setting-avatar .ant-avatar.box-setting-avatar-active, .box-setting .box-setting-items .ant-list .ant-list-item .box-setting-avatar .ant-avatar:hover {
  border-color: var(--main-bg-color);
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-input-lg,
.box-setting .box-setting-items .ant-list .ant-list-item .ant-select-selection-item {
  font-size: 16px;
  opacity: 0.7;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-btn-variant-outlined:disabled {
  background-color: #fdfdfd;
}
.box-setting .box-setting-items .ant-list .ant-list-item:Hover .ant-list-item-meta-description {
  opacity: 1;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-typography {
  margin-bottom: 0px;
  font-size: 16px;
  opacity: 0.7;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-list-item-meta-description {
  padding-right: 16px;
  line-height: 16px;
  max-width: 68%;
  opacity: 0.6;
  padding-top: 4px;
  transition: opacity 0.3s ease;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-list-item-meta-title {
  margin-bottom: 0;
  opacity: 0.9;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-list-item-meta {
  align-items: center;
}
.box-setting .box-setting-items .ant-list .ant-list-item .ant-select {
  min-width: 280px;
}.ui-block .ui-block-item {
  margin-bottom: 10em;
}
.ui-block .ui-block-item:last-child {
  margin-bottom: 0;
}
.ui-block .ui-block-item .block-subtitle {
  opacity: 0.6;
  font-size: 18px;
  margin-bottom: 6em;
}

.ui-classify-content-left .ui-block-item-type-statistics .ant-typography {
  margin-top: 0;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting) {
  margin-bottom: 6em;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting):last-child {
  margin-bottom: 0;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting) div.block-subtitle {
  opacity: 0.5;
  font-size: 14px;
  margin-bottom: 1.5em;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting) .ant-typography {
  margin-right: 16px;
  font-size: 20px;
  opacity: 0.8;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting) + .ui-block-item {
  position: relative;
}
.ui-classify-content-left .ui-block .ui-block-item:not(.ui-block-item-type-outline, .ui-block-item-type-setting) + .ui-block-item::before {
  content: " ";
  position: absolute;
  width: 50%;
  height: 1px;
  top: -32px;
  left: 25%;
  border-top: 1px solid var(--main-border-color);
  opacity: 0.4;
}.hoofs-sidebar-header {
  padding: 16px 0px 8px 0;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin: 0 24px;
  color: var(--main-bg-color);
  border-bottom: 0.5px solid var(--secondary-border-color);
  height: 36px;
  padding-bottom: 12px;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title {
  position: relative;
  padding-left: 36px;
  height: 100%;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-icon {
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 16px;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -25px;
  font-size: 52px;
  opacity: 1;
  transition: all 0.2s;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title p {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: var(--main-front-color);
  opacity: 0.8;
  overflow: hidden;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title > span {
  display: block;
  font-size: 12px;
  color: var(--main-front-color);
  opacity: 0.4;
  font-weight: 400;
  overflow: hidden;
  height: 16px;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold-open {
  display: none;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold-open,
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  border-radius: 3px;
  right: -8px;
  color: var(--main-front-color);
  opacity: 0.5;
  transition: all 0.2s;
  cursor: pointer;
}
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold-open:hover,
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold:hover {
  opacity: 0.7;
  background-color: var(--main-active-background-color);
}
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold-open span,
.hoofs-sidebar-header .hoofs-sidebar-header-title .hoofs-sidebar-header-fold span {
  display: inline-block;
}

.hoofs-sidebar-fold {
  width: 95px;
}
.hoofs-sidebar-fold .hoofs-sidebar-header-fold {
  display: none;
}
.hoofs-sidebar-fold dt {
  display: none;
}
.hoofs-sidebar-fold .hoofs-sidebar-header:hover .hoofs-sidebar-header-icon {
  opacity: 0;
}
.hoofs-sidebar-fold .hoofs-sidebar-header:hover .hoofs-sidebar-header-fold-open {
  right: auto !important;
  left: -8px;
  display: block !important;
}
.hoofs-sidebar-fold .hoofs-sidebar-menu-text {
  width: 0;
}
.hoofs-sidebar-fold .hoofs-sidebar-header-title > span,
.hoofs-sidebar-fold .hoofs-sidebar-header-title > p {
  display: none;
}

.hoofs-sidebar {
  width: 245px;
  height: 100%;
  color: var(--main-front-color, #333);
  font-size: 20px;
  position: relative;
  z-index: 110;
  box-sizing: border-box;
  padding: 16px;
  padding-right: 0;
  transition: all 0.2s;
}
.hoofs-sidebar .ui-sidebar-wrapper {
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--secondary-border-color);
  height: 100%;
  box-shadow: 0 2px 4px 4px rgba(30, 30, 31, 0.0292156863);
}
.hoofs-sidebar dd {
  height: 28px;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hoofs-sidebar dd .hoofs-sidebar-menu-text {
  transition: all 0.2s;
  opacity: 1;
  vertical-align: middle;
}
.hoofs-sidebar dd a.hoofs-sidebar-menu-text {
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  text-indent: 28px;
  vertical-align: middle;
  color: var(--main-front-color, #333);
}
.hoofs-sidebar dd span.anticon {
  font-size: 20px;
  vertical-align: middle;
}
.hoofs-sidebar dd[data-name=Connections]::after, .hoofs-sidebar dd[data-name=Workflows]::after {
  content: "beta";
  display: inline-block;
  color: #aaa;
  border-radius: 3px;
  padding: 4px;
  transform: scale(0.4);
  margin-top: -8px;
  margin-left: -8px;
}
.hoofs-sidebar.hoofs-sidebar-fold {
  width: 80px;
}
.hoofs-sidebar.hoofs-sidebar-fold dd:nth-child(2)::after {
  display: none;
}
.hoofs-sidebar.hoofs-sidebar-fold dd .hoofs-sidebar-menu-text {
  opacity: 0;
}
.hoofs-sidebar.hoofs-sidebar-fold dd .hoofs-sidebar-tool,
.hoofs-sidebar.hoofs-sidebar-fold dd .hoofs-sidebar-menu-text {
  display: none;
}
.hoofs-sidebar.hoofs-sidebar-fold dd:hover .hoofs-sidebar-menu-text {
  display: inline-table;
  background: #fff;
  border-radius: 4px;
  opacity: 1;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 12px;
  top: 0;
  left: 55px;
  padding: 5px 8px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.hoofs-sidebar dl {
  padding: 0 12px;
  margin-bottom: 24px;
  margin-block-start: 12px;
}
.hoofs-sidebar dl dt {
  padding-left: 8px;
  padding-bottom: 8px;
  opacity: 0.3;
  text-transform: capitalize;
}
.hoofs-sidebar dl dd {
  position: relative;
  border-radius: 8px;
  margin: 4px 0;
  padding: 6px 10px;
  margin-inline-start: 0;
  cursor: pointer;
}
.hoofs-sidebar dl dd:hover {
  background-color: var(--main-hover-background-color) !important;
}
.hoofs-sidebar dl dd.ui-select {
  background-color: var(--main-active-background-color);
  color: var(--main-focus-front-color);
}
.hoofs-sidebar dl dd .sidebar-shortcut-icon {
  padding: 0px 4px;
  border-radius: 4px;
  background-color: #4e44d7;
}
.hoofs-sidebar dl dd .hoofs-sidebar-menu-text {
  padding-left: 8px;
  text-transform: capitalize;
  overflow: hidden;
}
.hoofs-sidebar dl dd .hoofs-sidebar-tool {
  position: absolute;
  right: 8px;
  font-size: 14px;
  top: 8px;
  opacity: 0.5;
}

.hoofs-sidebar-roadmap {
  opacity: 0.6;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  padding: 16px;
  padding-right: 0;
  padding-top: 0;
}
.hoofs-sidebar-roadmap dl {
  margin-bottom: 16px;
}.former-group .former-group-hidden {
  display: none;
}
.former-group .former-group-typeMore .former-group-item-title {
  text-align: center;
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-top: 8px;
  border-bottom: none;
  opacity: 0.4;
  transition: all 0.2s;
}
.former-group .former-group-typeMore .former-group-item-title:Hover {
  opacity: 0.9;
}
.former-group .former-group-typeMore .former-group-item-title .former-group-collapse {
  display: none;
  width: 100%;
  right: 0;
  height: 100%;
  top: 0;
}
.former-group > .former-group-item {
  margin-bottom: 16px;
}
.former-group > .former-group-item .former-group-item-content {
  padding-bottom: 0;
}
.former-group > .former-group-item.former-group-type-0 {
  min-height: 34px;
}
.former-group > .former-group-item.former-group-type-0 .former-object-item {
  padding-right: 0px;
  padding-left: 0px;
}
.former-group > .former-group-item.former-group-type-0 .former-group-item-content {
  padding: 0;
  border: None;
  background-color: transparent;
}
.former-group .former-group-item-title {
  position: relative;
  line-height: 30px;
  color: #2E2E2E;
  opacity: 0.65;
  padding-left: 4px;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-user-select: none;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
.former-group .former-group-item-title > .anticon:first-child {
  margin-left: 8px;
  opacity: 0.4;
  transition: all 0.2s;
}
.former-group .former-group-item-title > .anticon:first-child:Hover {
  opacity: 1;
}
.former-group .former-group-item-title .former-group-collapse {
  width: 12px;
  height: 12px;
  display: inline-block;
  z-index: 1;
  opacity: 0.4;
  font-size: 14px;
  margin-left: 8px;
  cursor: pointer;
}
.former-group .former-group-type-9 .former-group-item-content {
  border: none;
}
.former-group .former-group-item-content {
  transition: backgroundColor 0.4s;
  height: auto;
  border: 1px dashed #f0f0f0;
  border-radius: 12px;
  padding: 16px 8px;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.former-group .former-group-item-content:last-child {
  margin-bottom: 0;
}
.former-group .former-group-item-content:Hover {
  background-color: #fcfcfc;
}
.former-group .former-group-item-content .former-group-item-content {
  padding-bottom: 0;
  padding-top: 0;
}
.former-group .former-group-item-content.former-group-item-border > .former-object-colspan-two .former-group-item-content .former-object-item {
  padding-left: 0;
  padding-right: 0;
}
.former-group .former-group-item-content.former-group-item-border > .former-object-colspan-two .former-group-item-content .former-object-item.former-object-colspan-one {
  padding-right: 16px;
}
.former-group .former-group-item-content.former-group-item-border .former-group-item-content:not(.former-group-item-border) {
  border: none;
}
.former-group .former-group-item-hidden {
  height: 0;
  padding: 0;
  display: none;
  overflow: hidden;
}.ant-picker-disabled {
  opacity: 0.6 !important;
}.former-object-item-content > .ant-space-gap-row-small {
  column-gap: 0px;
}
.former-object-item-content > .ant-space-gap-row-small > .ant-space-item:first-child {
  margin-right: -1px;
}
.former-object-item-content > .ant-space-gap-row-small > .ant-space-item:first-child > .ant-select .ant-select-selector {
  border-radius: 6px 0 0 6px;
}
.former-object-item-content > .ant-space-gap-row-small > .ant-space-item:last-child > .ant-input-number,
.former-object-item-content > .ant-space-gap-row-small > .ant-space-item:last-child > .ant-picker {
  border-radius: 0px 6px 6px 0px;
}.avatar-picker {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  text-align: center;
  border-radius: 60px;
  font-size: 130px;
  position: relative;
  cursor: pointer;
}
.avatar-picker.avatar-picker-type-avatar {
  background-color: #fafafa;
  border: 1px solid #ddd;
  font-size: 80px;
  line-height: 100px;
  color: #888;
}
.avatar-picker.avatar-picker-type-avatar > .anticon {
  vertical-align: middle;
}
.avatar-picker .avatar-preview {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #aaa;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: all 0.2s ease;
}
.avatar-picker > .anticon {
  vertical-align: top;
  display: inline-block;
}
.avatar-picker .avatar-empty {
  border: 1px solid var(--main-border-color);
  border-radius: 50%;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  font-size: 46px;
  opacity: 0.5;
  display: inline-block;
  vertical-align: top;
}

.avatar-list {
  width: 300px;
}
.avatar-list.avatar-picker-type-avatar .avatar-item {
  border: 1px solid #aaa;
  margin: 4px 8px;
  font-size: 32px;
  opacity: 0.7;
}
.avatar-list .avatar-item {
  width: 56px;
  cursor: pointer;
  height: 56px;
  border-radius: 50%;
  font-size: 48px;
  display: inline-block;
  text-align: center;
  line-height: 56px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.avatar-list .avatar-item.selected {
  border: 1px solid var(--main-bg-color);
  color: var(--main-bg-color);
}
.avatar-list .avatar-item:hover {
  transform: scale(1.1);
}.design-leaf-oneOf {
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
  cursor: pointer;
}
.design-leaf-oneOf:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  top: 50%;
  margin-top: -0.5px;
}

.design-leaf-oneOf-popover {
  min-width: 100px;
}
.design-leaf-oneOf-popover .ant-menu-inline, .design-leaf-oneOf-popover .ant-menu-vertical {
  border-right: none;
}
.design-leaf-oneOf-popover .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background: #fff;
}
.design-leaf-oneOf-popover .ant-popover-inner-content {
  padding: 4px;
}
.design-leaf-oneOf-popover .ant-menu-item-group-title {
  padding: 4px 0px;
  border-bottom: 1px solid #efefef;
  margin: 0 6px;
  font-size: 12px;
  font-weight: bold;
}
.design-leaf-oneOf-popover .ant-menu-vertical .ant-menu-item {
  line-height: 20px;
  height: 20px;
  font-size: 12px;
}
.design-leaf-oneOf-popover .ant-menu-item-group-list .ant-menu-item {
  padding: 0 8px 0 12px;
}@keyframes music-move {
  0% {
    margin-left: 0px;
  }
  33% {
    margin-left: -5px;
  }
  66% {
    margin-left: 0;
  }
  100% {
    margin-left: 5px;
  }
}
.ant-drawer .ant-drawer-close {
  margin-left: -8px;
}

.ant-drawer-title > span {
  margin-right: 8px;
}
.ant-drawer-title .ui-header {
  display: inline-block;
  vertical-align: middle;
}

.ui-tabler-former .ui-stepone {
  padding-left: 4px;
}
.ui-tabler-former .ant-drawer-header-title .ui-former-header .ant-space-item > .anticon {
  font-size: 24px;
  vertical-align: middle;
  opacity: 0.6;
}

.ui-popover-former {
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: calc(100vh - 20px);
}
.ui-popover-former .ant-popover-title {
  font-size: 16px;
  opacity: 0.6;
}
.ui-popover-former .ant-popover-title .ui-avatar-merge {
  margin-right: 4px;
}
.ui-popover-former .ant-popover-title > span {
  margin-right: 4px;
  font-size: 20px;
}
.ui-popover-former .ant-popover-inner-content {
  padding: 8px;
  position: relative;
  padding-bottom: 0px;
}
.ui-popover-former .ant-popover-inner-content .former-column-two {
  max-height: calc(100vh - 142px);
  overflow-y: auto;
}

.ui-tabler-former .ant-drawer-body .ui-former-notice {
  margin-bottom: 42px;
}
.ui-tabler-former .ant-drawer-title > span.anticon {
  font-size: 24px;
  vertical-align: bottom;
  margin-right: 4px;
}

.former-error-message {
  color: red;
  display: block;
  opacity: 0.7;
  font-size: 12px;
  transition: all 0.2s;
  padding-top: 0px;
  position: absolute;
  margin-top: -20px;
  margin-left: 0px;
  pointer-events: none;
  height: 20px;
  background-color: #fff;
}

.former-open-error {
  display: inline-block;
  position: relative;
  width: 100%;
}

.former-column-one .former-object .former-object-item {
  width: 100%;
}
.former-column-one .former-object .former-object-item.former-column-colspan-two {
  width: 100%;
}
.former-column-one .former-object .former-object-item.former-column-colspan-three {
  width: 100%;
}

.former-column-two .ui-background-dwbg,
.former-column-one .ui-background-dwbg,
.former-column-three .ui-background-dwbg {
  z-index: 0;
}

.verify-password-wrapper {
  width: 350px;
  padding: 16px;
}
.verify-password-wrapper p {
  padding-left: 0;
  opacity: 0.5;
}

.former-column-two .former-object .former-object-item {
  width: 50%;
}
.former-column-two .former-object .former-object-item.former-object-colspan-two {
  width: 100%;
}
.former-column-two .former-object .former-object-item.former-column-colspan-three {
  width: 100%;
}

.former-column-three .former-object .former-object-item {
  width: 33.33%;
}
.former-column-three .former-object .former-object-item .ant-select {
  min-width: 100%;
  max-width: 100%;
}
.former-column-three .former-object .former-object-item.former-column-colspan-two {
  width: 66.66%;
}
.former-column-three .former-object .former-object-item.former-column-colspan-three {
  width: 100%;
}

.drawer-type-small .ant-drawer-title {
  opacity: 0.8;
}
.drawer-type-small .ant-drawer-header {
  padding: 8px 12px;
}

.formar-logo-container {
  position: absolute;
  top: 48px;
  right: 20px;
  width: 100px;
  height: 100px;
  opacity: 0.1;
  font-size: 80px;
}

.ui-former-buttons {
  padding-top: 42px;
  text-align: right;
}

.ui-former .ant-input-outlined[disabled] {
  background-color: rgba(0, 0, 0, 0.01);
}
.ui-former .ant-drawer-close .anticon-close {
  transition: all 0.2s;
}
.ui-former .ant-drawer-close:hover .anticon-close {
  transform: rotate(90deg);
}.former-array {
  position: relative;
  border: 1px solid var(--main-border-color);
  min-height: 30px;
  border-radius: 12px;
  padding: 16px 8px;
}
.former-array.former-array-error {
  border-color: #ff4d4f;
}
.former-array.former-array-error:hover {
  border-color: #ff4d4f !important;
}
.former-array .former-array-content {
  max-height: 227px;
  overflow-y: auto;
}
.former-array .former-array-content .ant-select-disabled,
.former-array .former-array-content .ant-input-disabled {
  opacity: 0.9;
}
.former-array.former-array-disabled .fomre-array-item-toolbar,
.former-array.former-array-disabled .former-array-item-remove {
  display: none;
}
.former-array:Hover > .former-array-add > span {
  opacity: 0.4;
}
.former-array.former-array-nochildren .former-array-empty {
  margin-top: 0;
  border: none;
}
.former-array.former-array-nochildren:Hover {
  border-color: var(--main-bg-color);
}
.former-array .former-array-limit {
  font-size: 16px;
  text-align: center;
  color: #999;
  line-height: 35px;
}
.former-array .former-array-limit > span {
  opacity: 0.3;
}
.former-array .former-array-empty {
  font-size: 16px;
  text-align: center;
  line-height: 35px;
  color: #999;
  border-radius: 6px;
  border: 1px dashed var(--main-border-color);
  margin-top: 8px;
  cursor: pointer;
}
.former-array .former-array-empty > span {
  opacity: 0.3;
}
.former-array .former-array-empty:hover {
  border-color: var(--main-bg-color);
  color: var(--main-bg-color);
}
.former-array .former-array-item {
  position: relative;
  padding: 8px;
  padding-left: 10px;
  translate: all 0.4s;
  background: #fff;
  border-bottom: 1px dashed #eee;
  padding-left: 30px;
  margin-bottom: 4px;
  transition: all 0.2s;
  font-size: 14px;
}
.former-array .former-array-item .former-object .former-object-item .former-object-item-label {
  padding-bottom: 0;
}
.former-array .former-array-item .former-object-item:last-child,
.former-array .former-array-item .former-group-item:last-child {
  margin-bottom: 0;
}
.former-array .former-array-item .ui-scope.ui-scope-textarea,
.former-array .former-array-item .former-map {
  width: 96%;
}
.former-array .former-array-item .former-object .former-object-item.former-object-default .former-object-label-title {
  font-size: 14px;
}
.former-array .former-array-item .former-array-advanced-wrapper {
  text-align: right;
  padding-right: 6px;
  position: relative;
  top: -18px;
  margin-bottom: -22px;
  font-size: 12px;
}
.former-array .former-array-item .former-array-advanced {
  display: inline-block;
  cursor: pointer;
  margin-left: -32px;
  margin-top: -8px;
  opacity: 0.4;
}
.former-array .former-array-item .former-array-advanced.ant-popover-open, .former-array .former-array-item .former-array-advanced:hover {
  color: var(--main-bg-color);
  opacity: 1;
}
.former-array .former-array-item .former-object {
  width: calc(100% + 12px);
}
.former-array .former-array-item .fomre-array-item-toolbar {
  position: absolute;
  width: 24px;
  left: 2px;
  top: 36px;
  overflow: hidden;
  z-index: 111;
  transition: all 0.2s;
}
.former-array .former-array-item .fomre-array-item-toolbar span {
  position: relative;
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  opacity: 0;
  margin-top: -62px;
  transition: all 0.4s;
}
.former-array .former-array-item .fomre-array-item-toolbar span:Hover {
  transform: scale(1.2);
  opacity: 0.9;
  color: var(--main-bg-color);
}
.former-array .former-array-item .former-object-item {
  margin-bottom: 8px !important;
  padding-bottom: 0px;
}
.former-array .former-array-item::after {
  content: "#" attr(data-index);
  display: block;
  position: absolute;
  position: absolute;
  left: 2px;
  top: 10px;
  min-width: 14px;
  font-size: 12px;
  text-align: center;
  height: 14px;
  line-height: 14px;
  padding: 2px;
  border-radius: 3px;
  background-color: #999;
  color: #fff;
  opacity: 0.3;
}
.former-array .former-array-item:last-child {
  border-bottom: none;
}
.former-array .former-array-item:hover {
  background: #f9f9f9;
}
.former-array .former-array-item:hover > .former-array-item-remove {
  opacity: 1;
}
.former-array .former-array-item:hover > .former-array-item-remove span {
  transform: scale(1);
}
.former-array .former-array-item:hover > .fomre-array-item-toolbar span {
  margin-top: 0;
  opacity: 0.4;
}
.former-array .former-array-item:hover::after {
  background-color: #000;
}
.former-array .former-array-item:hover .former-array-advanced {
  opacity: 0.9;
}
.former-array .former-array-item .former-array-item-remove {
  position: absolute;
  top: 4px;
  right: 6px;
  translate: all 0.6;
  opacity: 0;
}
.former-array .former-array-item .former-array-item-remove span {
  font-size: 14px;
  transition: all 0.4s;
  cursor: pointer;
  color: red;
  background: #fff;
  border-radius: 6px;
  opacity: 0.5;
  transform: scale(0.5);
  transition: all 0.2s;
}
.former-array .former-array-item .former-array-item-remove span:hover {
  opacity: 1;
  transform: scale(1.2);
}
.former-array .former-array-add {
  position: absolute;
  height: 100%;
  width: 6px;
  top: 0;
  left: -1px;
  z-index: 1;
  border-left: 3px solid #d9d9d9;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.former-array .former-array-add:hover {
  border-left-color: #aaa;
}
.former-array .former-array-add:hover span {
  opacity: 1;
  transform: rotate(90deg);
}
.former-array .former-array-add span {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: -8px;
  font-size: 12px;
  opacity: 0;
  transition: all 0.4s;
  background: #fff;
  border-radius: 6px;
}.former-object .former-object-item-hidden {
  display: none !important;
}
.former-object.former-object-viewer .former-object-item .former-object-label-description {
  padding-bottom: 0;
}
.former-object .former-object-required > .former-object-item-label > .former-object-label-title {
  position: relative;
  font-weight: bold;
  /*
  &:before {
      content: "*";
      position: absolute;
      height: 12px;
      line-height: 12px;
      width: 12px;
      text-align: center;
      left: -12px;
      top: 50%;
      margin-top: -6px;
      color: red;
      opacity: .4
  }*/
}
.former-object .former-object-hidden-item {
  padding-bottom: 0 !important;
}
.former-object .former-object-label-bold .former-object-label-title {
  font-weight: bold;
}
.former-object .former-object-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  padding-bottom: 16px;
  padding-right: 12px;
  padding-left: 12px;
}
.former-object .former-object-item:has(> .former-object-item-content:empty) {
  display: none;
}
.former-object .former-object-item.former-object-default .former-object-label-title {
  font-size: 16px;
  line-height: 24px;
}
.former-object .former-object-item.former-object-item-clear {
  padding-bottom: 0;
  margin-bottom: 0;
}
.former-object .former-object-item.former-object-half-width {
  width: 50%;
}
.former-object .former-object-item.former-object-item-float-right .former-object-item-content > button,
.former-object .former-object-item.former-object-item-float-right .former-object-item-content > div {
  float: right;
}
.former-object .former-object-item.former-object-item-float-right .former-object-item-content > button {
  margin: 18px 0;
}
.former-object .former-object-item .former-object-item-content {
  position: relative;
}
.former-object .former-object-item .former-object-item-content .ui-leaf-error {
  position: absolute;
  top: -25px;
  width: 1px;
  height: 1px;
}
.former-object .former-object-item .former-object-item-content .ant-space-compact .former-label {
  margin-right: 8px;
}
.former-object .former-object-item.former-object-label-hidden .former-object-item-label {
  padding-bottom: 0;
}
.former-object .former-object-item.former-object-label-hidden .former-object-label-menu,
.former-object .former-object-item.former-object-label-hidden .former-object-label-title {
  display: none;
}
.former-object .former-object-item .former-object-label-menu:empty {
  display: none;
}
.former-object .former-object-item .former-object-label-description {
  display: block;
  padding-bottom: 0px;
  padding-top: 2px;
  color: rgba(0, 0, 0, 0.25);
  opacity: 0.6;
  line-height: 24px;
  transition: opacity 0.2s;
}
.former-object .former-object-item .former-object-label-description p {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.former-object .former-object-item .former-object-label-description:hover {
  opacity: 0.9;
}
.former-object .former-object-item:hover .former-object-item-label .anticon-exclamation-circle {
  display: inline-block;
}
.former-object .former-object-item .former-object-item-label {
  position: relative;
  color: rgba(0, 0, 0, 0.55);
  font-size: 14px;
  padding-bottom: 8px;
}
.former-object .former-object-item .former-object-item-label .ant-select {
  min-width: 40px;
}
.former-object .former-object-item .former-object-item-label .former-switch,
.former-object .former-object-item .former-object-item-label > button,
.former-object .former-object-item .former-object-item-label > input,
.former-object .former-object-item .former-object-item-label > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.former-object .former-object-item .former-object-item-label .ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #fff;
  background-color: transparent;
  cursor: pointer;
}
.former-object .former-object-item .former-object-item-label .ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector:Hover {
  border-color: var(--main-bg-color);
}
.former-object .former-object-item .former-object-item-label .ant-checkbox-inner {
  width: 12px;
  height: 12px;
}
.former-object .former-object-item .former-object-item-label .anticon-exclamation-circle {
  margin-right: 8px;
  position: relative;
  top: 1px;
  opacity: 0.3;
  margin-left: -4px;
  transition: all 0.2s;
  transform: scale(0.8);
  display: none;
  cursor: pointer;
}
.former-object .former-object-item .former-object-item-label .anticon-exclamation-circle:hover {
  opacity: 1;
}
.former-object .former-object-item .former-object-item-label .former-object-label-collapse {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: -14px;
  font-size: 12px;
  color: #ccc;
  cursor: pointer;
  -webkit-user-select: none;
}
.former-object .former-object-item .former-object-item-label button {
  opacity: 0.4;
  transition: all 0.2s;
}
.former-object .former-object-item .former-object-item-label button:hover {
  opacity: 1;
}
.former-object .former-object-item .former-object-label-title {
  display: inline-block;
  vertical-align: middle;
  padding-right: 8px;
}
.former-object .former-object-item .former-object-label-title .anticon {
  margin-right: 4px;
}
.former-object .former-object-item .former-object-label-menu {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 12px;
  height: 22px;
}
.former-object .former-object-item .former-object-label-menu .design-leaf-oneOf {
  position: absolute;
  top: 50%;
  height: 7px;
  margin-top: -3px;
}
.former-object .former-object-item .former-object-item-content > .former-object {
  padding: 16px;
  border: 1px solid var(--secondary-border-color);
  border-radius: 12px;
}
.former-object .former-object-item .former-object-item-content > .former-object .former-group-item-content .former-object-item:last-child {
  padding-bottom: 0;
}
.former-object .former-object-item .former-object-item-content .ant-space-compact {
  margin-right: 16px;
}
.former-object .former-object-item .former-object-item-content .ant-space-compact .ant-select-selector {
  cursor: pointer;
}
.former-object .former-object-item .former-object-item-content .ant-space-compact .ant-select {
  min-width: 10px;
}
.former-object .former-object-item .model-switch {
  opacity: 0.6;
}
.former-object .former-object-item .ant-switch {
  vertical-align: middle;
}
.former-object .former-object-collapse-on > .former-object-item-content {
  display: none;
}
.former-object .former-object-align-inline > .former-object-item-label,
.former-object .former-object-align-inline > .former-object-item-content {
  display: inline-block;
}
.former-object .former-object-label-indent > .former-object-item-label {
  padding-left: 1rem;
}
.former-object .former-object-content-indent > .former-object-item-content {
  padding-left: 1rem;
}

.ant-spin-container > .former-object:last-child > .former-group:last-child > .former-group-item:last-child {
  margin-bottom: 0;
}
.ant-spin-container > .former-object:last-child > .former-group:last-child > .former-group-item:last-child > .former-group-item-content > .former-object-item:last-child {
  margin-bottom: 0;
}.ant-input-outlined[disabled] {
  background-color: rgba(0, 0, 0, 0.01);
}.former-switch {
  display: inline-block;
  position: relative;
  top: -1px;
}
.former-switch .ant-switch-small {
  min-width: 35px;
}
.former-switch.former-size-default {
  height: 32px;
  line-height: 32px;
}
.former-switch button {
  margin-right: 4px;
}
.former-switch .ui-placeholoder {
  opacity: 0.6;
  vertical-align: middle;
}.ant-input-number {
  min-width: 60px;
}

.ant-input-number-affix-wrapper {
  width: 108px;
}
.ant-input-number-affix-wrapper .ant-input-number {
  min-width: 80px;
}
.ant-input-number-affix-wrapper .ant-input-number-suffix {
  opacity: 0.5;
  position: absolute;
}.former-radio-block {
  display: block;
  margin-left: -2px;
  margin-right: -2px;
  text-align: justify;
}
.former-radio-block .former-radio-block-item {
  transition: all 0.2s;
  display: inline-block;
  margin: 0px 5px;
  border: 1px solid #d9d9d9;
  height: 90px;
  width: 90px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  text-align: center;
  font-size: 13px;
  overflow: hidden;
  background: #fcfcfc;
}
.former-radio-block .former-radio-block-item:Hover {
  border-color: var(--main-bg-color);
  color: var(--main-bg-color);
}
.former-radio-block .former-radio-block-item.former-radio-viewer {
  cursor: default;
}
.former-radio-block .former-radio-block-item.former-radio-disabled {
  cursor: not-allowed;
}
.former-radio-block .former-radio-block-item .anticon {
  font-size: 32px;
  margin-top: 16px;
}
.former-radio-block .former-radio-block-item .ui-text {
  display: block;
  text-align: center;
  padding-top: 8px;
}
.former-radio-block .former-radio-block-item .former-radio-block-right {
  position: absolute;
  font-size: 12px;
  top: -16px;
  left: -2px;
  color: #fff;
  z-index: 2;
  line-height: 12px;
  transform: scale(0.8);
}
.former-radio-block .former-radio-block-item .former-radio-block-right .anticon {
  font-size: 12px;
}
.former-radio-block .former-radio-block-item img {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: none;
}
.former-radio-block .former-radio-block-item.former-radio-block-current {
  border-color: var(--main-bg-color);
  color: var(--main-bg-color);
}
.former-radio-block .former-radio-block-item.former-radio-block-current:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  z-index: 1;
  border-top: 7px solid var(--main-bg-color);
  border-left: 7px solid var(--main-bg-color);
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
}

.former-radio-button {
  display: inline-block;
  border-radius: 4px;
}
.former-radio-button.former-radio-solid label.ui-selected {
  background-color: #fff;
  border-color: var(--main-bg-color);
  color: var(--main-bg-color);
}
.former-radio-button.former-radio-solid label:hover {
  color: var(--main-bg-color);
}
.former-radio-button.former-radio-small label {
  line-height: 22px;
  padding: 0 4px;
}
.former-radio-button label {
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #d9d9d9;
  border-left-width: 0;
  background-color: #fff;
}
.former-radio-button label:hover {
  color: var(--main-bg-color);
}
.former-radio-button label.ui-selected {
  background-color: var(--main-bg-color);
  border-color: var(--main-bg-color);
  color: #fff;
}
.former-radio-button label.ui-selected.ui-viewer {
  background-color: var(--main-bg-color);
  border-color: var(--main-bg-color);
  color: var(--main-front-color);
  line-height: 16px;
  padding: 2px 4px;
}
.former-radio-button label:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 1px;
}
.former-radio-button label:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.former-radio-card {
  padding-top: 8px;
}
.former-radio-card .ant-avatar.ant-avatar-square {
  border-radius: 12px;
}
.former-radio-card .ant-list-item {
  border: 1px solid var(--main-border-color);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s;
}
.former-radio-card .ant-list-item.ui-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.former-radio-card .ant-list-item .former-radio-block-right {
  color: var(--main-bg-color);
  font-size: 32px;
  font-weight: bold;
  width: 32px;
  display: inline-block;
}
.former-radio-card .ant-list-item .former-radio-block-right:empty {
  display: none;
}
.former-radio-card .ant-list-item .ant-list-item-meta-title {
  margin-top: -3px !important;
  position: relative;
}
.former-radio-card .ant-list-item.ui-selected {
  border: 1px solid var(--main-bg-border-color);
  border-block-end: 1px solid var(--main-bg-border-color) !important;
  background-color: var(--main-background-color);
}
.former-radio-card .ant-list-item:not(.ui-disabled):hover {
  transform: scale(1.01);
  max-width: calc(100% + 10px);
  z-index: 11;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.036);
  background-color: var(--main-background-color);
}
.former-radio-card.ant-list-split .ant-list-item:last-child {
  border-block-end: 1px solid var(--main-border-color);
  margin-bottom: 0;
}.former-map {
  position: relative;
  border: 1px solid #d9d9d9;
  min-height: 30px;
  border-radius: 6px;
}
.former-map.former-map-error {
  border-color: #ff4d4f;
}
.former-map.former-map-error:hover {
  border-color: #ff4d4f !important;
}
.former-map:not(.former-map-disabled):Hover {
  border-color: var(--main-bg-color);
}
.former-map:not(.former-map-disabled):Hover > .former-map-add > span {
  opacity: 1;
}
.former-map:not(.former-map-disabled):Hover .former-map-empty {
  color: #888;
}
.former-map:not(.former-map-disabled):Hover .former-map-add {
  border-color: var(--secondary-bg-color);
}
.former-map .former-map-empty {
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  color: #aaa;
  border-radius: 6px;
  cursor: pointer;
}
.former-map .former-map-empty.former-map-disabled {
  cursor: default;
}
.former-map .former-map-empty:not(.former-map-disabled):hover {
  color: var(--main-bg-color);
}
.former-map .former-map-item {
  position: relative;
  padding: 8px;
  padding-left: 10px;
  translate: all 0.4s;
  border-radius: 6px;
  border-bottom: 1px dashed #eee;
}
.former-map .former-map-item .ui-scope {
  height: 24px;
}
.former-map .former-map-item .ui-scope .ui-scope-inner {
  height: 28px;
  padding: 2px 8px;
  padding-left: 22px;
}
.former-map .former-map-item .ui-scope .ui-scope-prefix > span.anticon {
  top: 6px;
}
.former-map .former-map-item .number {
  display: inline-block;
  position: absolute;
  left: 8px;
  font-style: italic;
  opacity: 0.3;
  top: 50%;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  font-size: 12px;
}
.former-map .former-map-item .former-map-item-right,
.former-map .former-map-item .former-map-item-left {
  width: 50%;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 14px;
}
.former-map .former-map-item .former-map-item-right > span:first-child,
.former-map .former-map-item .former-map-item-left > span:first-child {
  opacity: 0.5;
}
.former-map .former-map-item .former-map-item-left {
  padding-right: 4px;
}
.former-map .former-map-item .former-map-item-left .ui-scope-inner {
  padding-left: 8px;
}
.former-map .former-map-item .former-map-item-right {
  padding-left: 4px;
}
.former-map .former-map-item .former-map-item-right .ant-select-single {
  height: 28px;
}
.former-map .former-map-item .former-map-item-right .ant-select {
  width: 100%;
}
.former-map .former-map-item:last-child {
  border-bottom: none;
}
.former-map .former-map-item:hover {
  background: #f9f9f9;
}
.former-map .former-map-item:hover > .former-map-item-remove {
  display: block;
  opacity: 1;
}
.former-map .former-map-item .former-map-item-remove {
  position: absolute;
  top: 50%;
  height: 16px;
  margin-top: -8px;
  right: -10px;
  display: none;
  transition: all 0.2s;
  opacity: 0;
}
.former-map .former-map-item .former-map-item-remove span {
  font-size: 16px;
  transition: all 0.4s;
  cursor: pointer;
  color: red;
  background: #fff;
  border-radius: 6px;
}
.former-map .former-map-item .former-map-item-remove span:hover {
  transform: rotate(180deg);
  opacity: 1;
}
.former-map .former-map-add {
  position: absolute;
  height: 100%;
  width: 6px;
  top: 0;
  left: 0px;
  z-index: 1;
  border-left: 3px solid #d9d9d9;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.former-map .former-map-add:hover span {
  opacity: 1;
  transform: rotate(90deg);
}
.former-map .former-map-add span {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: -10px;
  font-size: 16px;
  opacity: 0;
  transition: all 0.4s;
  background: #fff;
  border-radius: 6px;
}.former-table {
  border-top: 1px solid #f2f2f2;
  position: relative;
  border-radius: 8px;
}
.former-table .table-former-footer {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-indent: -100000;
  color: transparent;
}
.former-table.former-table-error .ant-table {
  border: 1px solid red;
}
.former-table pre {
  margin: 0;
}
.former-table .former-first-col {
  color: #1890ff;
  cursor: pointer;
  opacity: 0.8;
}
.former-table .former-first-col:hover {
  text-decoration: underline;
  opacity: 1;
}
.former-table .ant-table-thead > tr > th::before {
  display: none !important;
}
.former-table .ant-table-cell p {
  margin: 0;
}
.former-table .ant-table-cell .former-radio-button {
  height: 18px;
  line-height: 18px;
}
.former-table .ant-table-cell .former-radio-button label {
  line-height: 18px;
  height: 18px;
}
.former-table .ant-table-cell .ant-btn.ant-btn-sm {
  height: 14px;
  font-size: 12px;
}
.former-table .ant-table-cell .ant-radio-button-wrapper {
  height: 18px;
  padding-inline: 3px;
  padding-block: 0;
  line-height: 18px;
  font-size: 12px;
}
.former-table .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin-top: 8px;
}
.former-table .ant-table-wrapper .ant-table.ant-table-small .ant-table-footer {
  padding: 0;
  margin-top: -1px;
  opacity: 0.5;
  transition: all 0.2s;
}
.former-table .ant-table-wrapper .ant-table.ant-table-small .ant-table-footer:hover {
  opacity: 0.7;
  background: #f8f8f8;
}
.former-table table {
  border-color: none;
}
.former-table .ui-former-add {
  border-radius: 3px;
  border: 1px solid #f2f2f2;
  cursor: pointer;
  text-align: center;
  padding: 8px;
  display: block;
}
.former-table .ant-pagination .ant-pagination-item-active {
  border-color: transparent;
}
.former-table colgroup col {
  max-width: 200px;
}
.former-table .former-table-add {
  color: #ccc;
  transition: all 0.2s;
  display: none;
}
.former-table .former-table-add:hover {
  color: #333;
}
.former-table:hover .former-table-add {
  display: block;
}
.former-table .ant-table-small .ant-table-thead > tr > th {
  font-size: 12px;
  color: #333;
  white-space: nowrap;
}
.former-table tbody td {
  vertical-align: top;
  max-width: 200px;
  font-size: 12px;
}
.former-table .ant-table-expanded-row-fixed {
  margin: 0;
}
.former-table .ant-empty-normal {
  margin-block: 8px;
}

.former-table-menu {
  list-style: none;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}
.former-table-menu li {
  cursor: pointer;
}
.former-table-menu li span {
  color: red;
}
.former-table-menu li:Hover {
  color: #1890ff;
}.ui-former-condition {
  border-radius: 12px;
  padding: 8px;
  padding-left: 0;
}
.ui-former-condition .ui-regular-tuple {
  margin-bottom: 16px;
  position: relative;
}
.ui-former-condition .ui-regular-tuple.ui-regular-hide-left .ui-scope:first-child,
.ui-former-condition .ui-regular-tuple.ui-regular-hide-left .ant-input:first-child {
  padding: 0;
  border: none;
}
.ui-former-condition .ui-regular-tuple.ui-regular-hide-left .ant-select .ant-select-selector {
  border-radius: 6px 0 0 6px;
}
.ui-former-condition .ui-regular-tuple.ui-regular-hide-right:not(.ui-conditioin-hascase) .ant-select .ant-select-selector {
  border-radius: 0px 6px 6px 0;
}
.ui-former-condition .ui-regular-tuple.ui-regular-hide-right.ui-conditioin-hascase button {
  border-radius: 0px 6px 6px 0;
}
.ui-former-condition .ui-regular-tuple.ui-regular-hide-right .ant-input:last-child {
  padding: 0;
  border: none;
}
.ui-former-condition .ui-regular-tuple > .anticon {
  position: absolute;
  right: 4px;
  top: -16px;
  color: red;
  opacity: 0;
  transition: all 0.2s;
}
.ui-former-condition .ui-regular-tuple > .anticon:hover {
  opacity: 0.9 !important;
  transform: scale(1.2);
}
.ui-former-condition .ui-regular-tuple:hover > .anticon {
  opacity: 0.3;
}
.ui-former-condition .ui-regular-tuple .ant-space-compact .ant-select {
  max-width: none !important;
  min-width: 0 !important;
}
.ui-former-condition .ui-regular-tuple .ant-space-compact .ui-scope:first-child .ui-scope-inner {
  border-radius: 6px 0 0 6px;
}
.ui-former-condition .ui-regular-tuple.ui-conditioin-hascase .ant-select {
  width: 38px !important;
  padding-right: 0px;
}
.ui-former-condition .ui-regular-tuple .ant-select-arrow {
  display: none;
}
.ui-former-condition .ui-regular-tuple button {
  border-left: none;
  width: 10px;
  font-size: 12px;
  padding-left: 4px;
}
.ui-former-condition .ui-regular-tuple button.case-insensitive span {
  opacity: 1;
}
.ui-former-condition .ui-regular-tuple button span {
  margin-top: -8px;
  opacity: 0.3;
}
.ui-former-condition .ui-regular-tuple .ant-select-selection-item span {
  font-size: 20px;
  vertical-align: middle;
}
.ui-former-condition .ui-regular-tuple .ant-select-selection-item > span:last-child {
  display: none;
}
.ui-former-condition .ui-regular-logic {
  margin-bottom: 16px;
  border: 1px solid var(--main-border-color);
  padding: 16px;
  padding-left: 24px;
  border-radius: 12px;
  border-left-color: #aaa;
  border-right-color: #aaa;
  position: relative;
  background-color: #fff;
  transition: background-color 0.2s;
}
.ui-former-condition .ui-regular-logic > div > div:last-child {
  margin-bottom: 8px;
}
.ui-former-condition .ui-regular-logic .ui-condition-remove {
  width: 16px;
  height: 16px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  transition: all 0.2s;
  opacity: 0.3;
  color: red;
  opacity: 0;
  cursor: pointer;
}
.ui-former-condition .ui-regular-logic .ui-condition-remove:hover {
  opacity: 0.9 !important;
  transform: scale(1.2);
}
.ui-former-condition .ui-regular-logic .ui-condition-toolbar {
  bottom: -20px;
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
}
.ui-former-condition .ui-regular-logic .ui-condition-toolbar:hover .ant-space-compact {
  opacity: 1;
}
.ui-former-condition .ui-regular-logic .ui-condition-toolbar .ant-space-compact {
  position: absolute;
  left: 50%;
  width: 120px;
  bottom: 3px;
  opacity: 0;
  transition: all 0.2s;
  margin-left: -60px;
}
.ui-former-condition .ui-regular-logic .ui-condition-toolbar .ant-btn {
  width: 60px;
  text-align: center;
  font-size: 12px;
  height: 24px;
  padding: 4px;
}
.ui-former-condition .ui-regular-logic .ui-condition-toolbar .ant-btn span:not(.ant-btn-icon) {
  margin-left: -6px;
}
.ui-former-condition .ui-regular-logic.ui-regular-logic-hover {
  background-color: #fafafa;
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}
.ui-former-condition .ui-regular-logic.ui-regular-logic-hover > .ui-condition-remove {
  opacity: 0.3;
}
.ui-former-condition .ui-regular-logic.ui-regular-logic-hover > .ui-condition-toolbar .ant-space-compact {
  opacity: 1;
}
.ui-former-condition .ui-regular-logic::after {
  position: absolute;
  content: " ";
  border: 1px solid #aaa;
  background-color: #fff;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  left: -6px;
  top: 50%;
  margin-top: -5px;
  border-right: none;
  border-top: none;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless {
  position: absolute;
  opacity: 0.5;
  left: -18px;
  z-index: 11;
  top: 50%;
  margin-top: -11px;
  min-width: 40px !important;
  max-width: 45px !important;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless:Hover {
  opacity: 0.9;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless .ant-select-selection-item {
  padding-inline-end: 0px !important;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless .ant-select-selection-item > span:not(.anticon) {
  display: none;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless .ant-select-selector {
  padding: 0;
  padding-left: 20px;
}
.ui-former-condition .ui-regular-logic > .ant-select-borderless .ant-select-arrow {
  transform: scale(0.7);
  left: -8px;
  display: none;
}.ui-former-text {
  outline: none;
}
.pre-former-wrapper {
  border: 1px solid #ddd;
  background-color: #fafafa;
  border-radius: 6px;
  white-space: pre-wrap; /* 允许换行 */
  word-wrap: break-word; /* 兼容旧浏览器 */
  word-break: break-all;
  overflow-wrap: break-word;
  max-height: 140px;
  overflow: auto;
  padding: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
}.former-object-item .ant-select {
  min-width: 50%;
  max-width: 100%;
}

.design-former-select-remarks {
  color: #ccc;
  padding-left: 8px;
  font-weight: 100;
}

.ant-tooltip-inner > span.anticon,
.ant-select-item-option-content > span.anticon {
  margin-right: 8px;
  border: 1px solid var(--main-border-color);
  border-radius: 3px;
  background-color: var(--main-background-color);
}

.ant-select-outlined.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector {
  background: rgba(0, 0, 0, 0.01);
}

.ant-select-item,
.ant-select-selection-item {
  font-size: 12px;
}
.ant-select-item .ui-label-name,
.ant-select-selection-item .ui-label-name {
  width: 10px;
  height: 10px;
  margin-right: 2px;
  display: inline-block;
}.former-tags-popup .rc-virtual-list-holder-inner {
  display: block !important;
}
.former-tags-popup .rc-virtual-list-holder-inner .ant-select-item-option-state,
.former-tags-popup .rc-virtual-list-holder-inner .ant-select-item-option-content {
  display: inline-block !important;
  vertical-align: middle;
  font-size: 13px;
}
.former-tags-popup .rc-virtual-list-holder-inner .ant-select-item {
  display: inline-block !important;
  padding: 0px 8px;
  margin: 4px;
  min-height: 24px;
}

.former-tags-wrapper {
  width: 100%;
}
.former-tags-wrapper .ant-select {
  min-width: 60%;
}.former-label {
  line-height: 24px;
}
.former-label .ant-tag {
  line-height: 16px;
}
.former-label + span .former-label {
  padding-left: 8px;
}

.ui-label-empty {
  color: #333;
  opacity: 0.5;
}.ui-link {
  display: inline-block;
  width: 100%;
}
.ui-link:hover a {
  text-decoration: underline;
}
.ui-link a {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  text-overflow: ellipsis;
}
.ui-link span {
  margin-right: 4px;
}.former-icons-input {
  max-width: 200px;
}

.ui-empty {
  opacity: 0.5;
}

.former-icons-wrapper {
  width: 450px;
  height: 60vh;
}
.former-icons-wrapper .ui-icon-selected {
  color: #4096ff;
  border-color: #4096ff;
}
.former-icons-wrapper button {
  transform: scale(1) perspective(0) translateZ(0);
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
}
.former-icons-wrapper button:hover {
  transform: scale(1.21);
}
.former-icons-wrapper .ant-input-search {
  width: 120px;
  margin-bottom: 8px;
}
.former-icons-wrapper .ant-space-item {
  display: inline-block;
}
.former-icons-wrapper .ant-tabs .ant-tabs-nav {
  margin-bottom: 0;
}
.former-icons-wrapper .ant-tabs.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 2px 0;
}
.former-icons-wrapper .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin: 0 0 0 16px;
}
.former-icons-wrapper .ant-collapse {
  height: calc(100% - 38px);
  padding-top: 8px;
  overflow-y: auto;
}
.former-icons-wrapper .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 4px 0;
}
.former-icons-wrapper .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-block: 0px;
}
.former-icons-wrapper .ant-collapse .ant-collapse-content > .ant-collapse-content-box {
  padding: 0px;
}
.former-icons-wrapper .ant-collapse .ant-collapse-content > .ant-collapse-content-box button {
  margin: 2px;
}.former-more {
  display: inline-block;
  cursor: pointer;
}
.former-more:hover {
  color: #1890ff;
}.former-code-wraper .ant-drawer-body {
  padding: 1px;
}
.former-code-wraper .ant-drawer-header {
  padding: 8px;
}
.former-code-wraper .react-monaco-editor-container {
  opacity: 0.9;
}
.former-code-wraper .former-code-tool {
  position: absolute;
  height: 40px;
  top: 0px;
  right: 0px;
  width: 100%;
  line-height: 40px;
  padding-right: 8px;
  text-align: right;
}
.former-code-wraper .former-code-tool i {
  cursor: pointer;
}

.former-code {
  height: 50px;
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  opacity: 0.6;
  border: 1px solid #ccc;
}
.former-code .former-code-number {
  position: absolute;
  width: 12px;
  height: 100%;
  top: -1px;
  padding-top: 1px;
  padding-bottom: 1px;
  left: -1px;
  background: rgba(30, 30, 30, 0.9);
}
.former-code p {
  margin-left: 12px;
  height: 100%;
  overflow: hidden;
  color: #d4d4d4;
  padding: 4px;
}.ui-former-color-view {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  vertical-align: middle;
}

.ui-former-color-viewtext {
  display: inline-block;
  vertical-align: middle;
  padding-left: 4px;
}.ui-former-notice {
  border: 1px solid var(--main-border-color);
  border-radius: 12px;
  border-left: 4px solid var(--main-border-color);
  padding: 16px;
  background: #fff;
  color: #333;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
}
.ui-former-notice > span {
  margin-inline-end: 8px;
  display: block;
  flex-shrink: 0;
}
.ui-former-notice > p {
  flex: 1 0;
  width: 0;
  margin: 4px 0;
  opacity: 0.7\5 ;
}
.ui-former-notice > ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
}

.former-group-item:not(.former-group-type-0) .former-object-item-content > .ui-former-notice {
  background: #fff !important;
  border-left-width: 1px;
}.ui-smartpage-article {
  height: 100%;
}
.ui-smartpage-article .ant-typography {
  margin: 0;
}
.ui-smartpage-article .ant-typography .ant-avatar {
  margin-right: 8px;
}
.ui-smartpage-article .former-group .former-group-item-content {
  border: 1px solid #f1f1f1;
}
.ui-smartpage-article .ui-smartpage-article-des {
  padding-left: 40px;
  font-size: 12px;
  color: #ccc;
  padding-top: 4px;
  padding-right: 16px;
}
.ui-smartpage-article .ui-smartpage-article-des a {
  display: block;
}
.ui-smartpage-article .ui-smartpage-article-des a:hover {
  text-decoration: underline;
}
.ui-smartpage-article .ui-smartpage-article-des .anticon {
  margin-right: 2px;
}
.ui-smartpage-article .ui-smartpage-article-des > span:first-child {
  padding-left: 0px !important;
}
.ui-smartpage-article .ui-smartpage-article-des .ui-sp-des-ct {
  padding-left: 16px;
}
.ui-smartpage-article .ui-smartpage-article-title {
  position: relative;
  margin: 0px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f2f2f2;
}
.ui-smartpage-article .ui-smartpage-article-title .ant-typography {
  opacity: 0.8;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar {
  position: absolute;
  top: 0;
  right: 16px;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar .ant-btn:not(.ant-btn-icon-only) > .ant-btn-icon:not(:last-child) {
  margin-inline-end: 2px;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar .ant-btn-primary:not([disabled]) {
  background: #fff;
  border: 1px solid #1677ff;
  color: #1677ff;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar .ant-space-compact {
  display: inline;
  margin-left: 8px;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar span > .ant-space {
  margin-right: 0;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar span > .ant-space .ant-space-item:last-child {
  margin-right: -8px;
}
.ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar span > .ant-space .ant-space-item:first-child {
  margin-right: 0px !important;
}
.ui-smartpage-article .ui-smartpage-article-title button.ui-former-cancel {
  display: none;
}
.ui-smartpage-article .ui-smartpage-article-content {
  padding: 8px 0;
  box-sizing: border-box;
  height: calc(100% - 64px);
  overflow-y: auto;
  padding-top: 12px;
  padding-right: 16px;
}
.ui-smartpage-article .ui-smartpage-article-content .ant-alert {
  border-radius: 4px;
  background: #fdfdfd;
  border-color: #eee;
  border-left-width: 4px;
  margin: 16px 0;
  opacity: 0.7;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-smartpage-wrapper {
  min-height: 100px;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-former-content {
  padding-right: 8px;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content {
  font-size: 14px;
  padding: 16px;
  border: 1px dashed #f0f0f0;
  border-radius: 5px;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content pre {
  opacity: 0.8;
  white-space: pre-wrap;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content ol, .ui-smartpage-article .ui-smartpage-article-content .ui-article-content ul {
  padding-inline-start: 2em;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content > *:first-child {
  margin-top: 0;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content > *:last-child {
  margin-bottom: 0;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content h1 {
  opacity: 0.7;
  font-size: 24px;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content h2 {
  opacity: 0.7;
  font-size: 20px;
}
.ui-smartpage-article .ui-smartpage-article-content .ui-article-content h3 {
  opacity: 0.7;
  font-size: 18px;
}.ui-classify-panel .ui-mircotable {
  height: 100%;
  overflow: auto;
}
.ui-classify-panel .ui-mircotable .infinite-scroll-component__outerdiv .infinite-scroll-component {
  padding: 0px;
}
.ui-classify-panel .ant-tabs-top > .ant-tabs-nav::before {
  display: none;
}
.ui-classify-panel .ui-extra {
  position: absolute;
  top: 4px;
  right: 0px;
}
.ui-classify-panel > .ui-header {
  padding: 16px 0px;
  font-size: 24px;
  padding-top: 4px;
  position: relative;
  line-height: 24px;
  border-bottom: 1px solid var(--secondary-border-color);
}
.ui-classify-panel > .ui-header::after {
  content: " ";
  position: absolute;
  width: 28px;
  height: 2px;
  left: 0;
  bottom: -2px;
  background-color: var(--main-bg-color);
}
.ui-classify-panel > .ui-header .ui-title {
  text-transform: capitalize;
}
.ui-classify-panel > .ui-header .ui-title span.des {
  text-transform: none;
  font-size: 16px;
  vertical-align: bottom;
  color: var(--main-front-color);
  opacity: 0.6;
  padding-left: 16px;
  line-height: 16px;
}
.ui-classify-panel > .ui-header .ui-title span.des p {
  display: inline;
  padding: 0;
  margin: 0;
}
.ui-classify-panel > .ui-header .ui-title span.anticon {
  opacity: 0.5;
  margin-right: 8px;
  font-size: 28px;
}
.ui-classify-panel .ui-label span:not(.anticon) {
  background: #ddd;
  border-radius: 3px;
  margin-left: 4px;
  font-size: 12px;
  color: #888;
  padding: 0 2px;
  transform: scale(0.5);
}
.ui-classify-panel .ui-label span.anticon {
  margin-right: 4px;
}
.ui-classify-panel .ant-tabs-nav-list {
  padding-left: 0px;
}
.ui-classify-panel .ant-tabs-extra-content {
  padding-right: 0px;
  text-align: right;
}
.ui-classify-panel .ant-tabs-extra-content .ant-input-group-wrapper {
  max-width: 140px;
}
.ui-classify-panel .ant-tabs-nav {
  margin-bottom: 0;
}
.ui-classify-panel .ant-tabs-top {
  padding-top: 16px;
}
.ui-classify-panel .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar {
  height: 4px;
}
.ui-classify-panel .ant-tabs-top .ant-tabs-ink-bar {
  display: none;
}
.ui-classify-panel .ant-tabs-tab {
  padding: 0px 12px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 16px;
  box-shadow: 0 2px 4px 0 rgba(30, 30, 31, 0.0392156863);
}
.ui-classify-panel .ant-tabs-tab .anticon {
  opacity: 0.3;
  margin-left: -4px;
}
.ui-classify-panel .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 0px;
}
.ui-classify-panel .ant-tabs-tab.ant-tabs-tab-active {
  background-color: var(--main-bg-color);
  border-radius: 12px;
}
.ui-classify-panel .ant-tabs-tab.ant-tabs-tab-active .anticon {
  opacity: 1;
}
.ui-classify-panel .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff !important;
}
.ui-classify-panel .ant-tabs-content-holder {
  padding: 0;
}.Resizer {
  background: #e0e2ec;
  opacity: 0.9;
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}

.Resizer:hover {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.Resizer.horizontal {
  height: 7px;
  margin: -3px 0;
  border-top: 3px solid rgba(255, 255, 255, 0);
  border-bottom: 3px solid rgba(255, 255, 255, 0);
  cursor: row-resize;
  width: 100%;
}

.Resizer.horizontal:hover {
  border-top: 3px solid rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

.Resizer.vertical {
  width: 7px;
  margin: 0 -3px;
  border-left: 3px solid rgba(255, 255, 255, 0);
  border-right: 3px solid rgba(255, 255, 255, 0);
  cursor: col-resize;
}

.Resizer.vertical:hover {
  border-left: 3px solid rgba(0, 0, 0, 0.2);
  border-right: 3px solid rgba(0, 0, 0, 0.2);
}

.Resizer.disabled {
  cursor: not-allowed;
}

.Resizer.disabled:hover {
  border-color: transparent;
}

.Pane {
  height: 100%;
  overflow: hidden;
}
.Pane.horizontal {
  max-height: 100%;
  overflow: hidden;
}
.Pane.vertical {
  max-width: 100%;
  overflow: hidden;
}.ui-folder-fomer {
  max-width: 200px;
}

.ui-folder-wraper {
  position: relative;
  height: 100%;
  margin: 0;
  z-index: 0;
}
.ui-folder-wraper .Pane:hover > .ui-filter-expand {
  left: 0;
}
.ui-folder-wraper .Pane:hover > .ui-filter-expand > span:last-child {
  opacity: 1;
}
.ui-folder-wraper .Pane:hover > .ui-filter-expand > span:first-child {
  opacity: 0;
}
.ui-folder-wraper .ui-filter-expand {
  position: absolute;
  top: 16px;
  height: 16px;
  width: 16px;
  border-radius: 0 15px 15px 0;
  background: #edeff3;
  padding: 3px 4px;
  font-size: 16px;
  left: -3px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-left: none;
  opacity: 0.3;
  transition: all 0.2s;
}
.ui-folder-wraper .ui-filter-expand > span {
  position: absolute;
  transition: all 0.2s;
}
.ui-folder-wraper .ui-filter-expand > span:last-child {
  opacity: 0;
}
.ui-folder-wraper .ui-filter-expand:hover {
  opacity: 1;
}
.ui-folder-wraper .ui-filter-expand:hover > span:last-child {
  opacity: 1;
}
.ui-folder-wraper .ui-filter-expand:hover > span:first-child {
  opacity: 0;
}
.ui-folder-wraper .ui-folder-body {
  height: 100%;
}
.ui-folder-wraper.ui-folder-mode-filter .ui-filter-folder .ui-filter-folder-title {
  font-size: 16px;
}
.ui-folder-wraper .ant-empty-image {
  margin-top: 64px;
  opacity: 0.4;
}
.ui-folder-wraper .ui-filter-folder {
  padding: 16px;
  box-sizing: border-box;
  height: calc(100% - 32px);
  background-color: #fff;
  margin-left: 8px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-right: 1px solid var(--secondary-border-color);
  position: relative;
}
.ui-folder-wraper .ui-filter-folder::after {
  content: " ";
  width: 1px;
  background: var(--secondary-border-color);
  height: 100%;
  right: 0px;
  top: 0;
  z-index: 1;
  position: absolute;
  display: block;
  opacity: 0.1;
}
.ui-folder-wraper .ui-filter-folder .ant-input-suffix {
  color: #ddd;
}
.ui-folder-wraper .ui-filter-folder .ant-input-outlined {
  border-color: #f1f1f1;
}
.ui-folder-wraper .ui-filter-folder .ui-filter-folder-title {
  font-size: 20px;
  text-transform: uppercase;
  color: var(--main-front-color);
  margin-bottom: 16px;
  padding-bottom: 9px;
  padding-top: 0px;
  position: relative;
  opacity: 0.7;
  top: -10px;
}
.ui-folder-wraper .ui-filter-folder .ui-filter-folder-title span {
  margin-right: 8px;
  font-size: 28px;
  opacity: 0.5;
}
.ui-folder-wraper .ui-filter-folder .ui-filter-folder-title::after {
  content: " ";
  position: absolute;
  height: 2px;
  width: 32px;
  background-color: var(--main-bg-color);
  left: 0;
  bottom: -2px;
}
.ui-folder-wraper .ui-filter-folder dl {
  font-size: 16px;
  padding-bottom: 16px;
  margin-top: 20px;
}
.ui-folder-wraper .ui-filter-folder dl.ui-has-child {
  border-bottom: 1px dashed #ddd;
}
.ui-folder-wraper .ui-filter-folder dl dt {
  overflow: hidden;
  padding-bottom: 8px;
}
.ui-folder-wraper .ui-filter-folder dl dt span.title {
  text-transform: uppercase;
  opacity: 0.4;
}
.ui-folder-wraper .ui-filter-folder dl dt .ant-btn {
  float: right;
  border: none;
  background: none;
}
.ui-folder-wraper .ui-filter-folder dl dt .ant-btn:hover {
  background: #fff;
}
.ui-folder-wraper .ui-filter-folder dl dd {
  margin-left: 0;
  opacity: 0.8;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  overflow: hidden;
}
.ui-folder-wraper .ui-filter-folder dl dd:hover {
  background: rgba(0, 0, 0, 0.086);
}
.ui-folder-wraper .ui-filter-folder dl dd .ui-title {
  padding-left: 8px;
  text-transform: capitalize;
}
.ui-folder-wraper .ui-filter-folder dl dd.ui-select {
  color: var(--main-bg-color);
}
.ui-folder-wraper .ui-filter-folder dl dd .anticon {
  position: relative;
}
.ui-folder-wraper .ui-filter-folder dl dd .anticon::after {
  content: " ";
  position: absolute;
  background: rgba(0, 0, 0, 0);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.ui-folder-wraper .ui-filter-folder dl dd .anticon-close {
  float: right;
  display: none;
  position: relative;
  font-size: 12px;
  margin-top: 4px;
  transition: all 0.2s;
}
.ui-folder-wraper .ui-filter-folder dl dd .anticon-close:hover {
  color: red;
  transform: rotate(90deg);
}
.ui-folder-wraper .ui-filter-folder dl dd .ui-total {
  font-size: 12px;
  float: right;
  background: #fff;
  display: inline-block;
  border-radius: 3px;
  padding: 0 4px;
  margin-top: 2px;
}
.ui-folder-wraper .ui-filter-folder dl.ui-folder-more {
  margin-top: 16px;
}
.ui-folder-wraper .ui-filter-folder dl.ui-folder-more dd:not(.ui-select):hover .ui-total {
  display: none;
}
.ui-folder-wraper .ui-filter-folder dl.ui-folder-more dd:not(.ui-select):hover .anticon-close {
  display: inline-block;
  margin-bottom: -3px;
}

.ui-folder-popover.ant-popover .ant-popover-title {
  opacity: 0.6;
  padding-bottom: 8px;
  text-transform: capitalize;
}
.ui-folder-popover .ant-popover-arrow,
.ui-folder-popover .ant-popover-content {
  margin-left: -8px;
}
.ui-folder-popover .ui-folder-fomer {
  min-width: 250px;
}
.ui-folder-popover .ui-folder-fomer.ui-error .folder {
  color: red;
  opacity: 1;
}
.ui-folder-popover .ui-folder-fomer.ui-error .folder input {
  border: 1px solid red;
}
.ui-folder-popover .ui-folder-fomer .ui-content {
  padding-bottom: 8px;
}
.ui-folder-popover .ui-folder-fomer .ui-right {
  text-align: right;
  padding-top: 16px;
}
.ui-folder-popover .ui-folder-fomer .ui-right button {
  text-transform: capitalize;
}
.ui-folder-popover .ui-folder-fomer .ui-label {
  font-size: 12px;
  opacity: 0.5;
  text-transform: capitalize;
}.ui-smartpage-drawer .ui-smartpage-wrapper .ui-folder-body {
  padding: 24px;
  overflow-y: auto;
}
.ui-smartpage-drawer .ui-folder-wraper .ui-filter-folder {
  background-color: #fff;
}

.ui-flownode-config .ui-label-empty {
  display: none;
}

.ui-smartpage-article-toolbar .tabler-batch-add .icons-combine-bottomRight > span:last-child {
  background-color: #fff;
}
.ui-smartpage-article-toolbar .tabler-batch-add:Hover .icons-combine-bottomRight > span:last-child {
  background-color: #fff;
  opacity: 1;
}

.ui-smartpage-popover {
  min-width: 450px;
  padding-top: 10px;
  padding-bottom: 10px;
  max-height: calc(100vh - 20px);
}
.ui-smartpage-popover .ant-popover-inner-content {
  padding: 8px;
  padding-bottom: 0;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  min-height: 260px;
}
.ui-smartpage-popover .ant-popover-inner-content .ui-former-notice {
  padding: 12px 16px;
  opacity: 0.8;
  background: #fafafa;
}
.ui-smartpage-popover .ant-popover-title {
  opacity: 0.7;
  border-bottom: 1px solid var(--main-inverse-border-color, rgba(5, 5, 5, 0.06));
  padding-bottom: 8px;
  font-size: 16px;
}
.ui-smartpage-popover .ant-popover-title .ui-former-header > .anticon {
  font-size: 24px;
  vertical-align: bottom;
}
.ui-smartpage-popover .ant-popover-title .ui-former-header > .ant-avatar-circle,
.ui-smartpage-popover .ant-popover-title .ui-former-header > .ant-space-item:first-child {
  margin-right: 8px;
}
.ui-smartpage-popover .ant-popover-title .ant-popover-title {
  position: relative;
}
.ui-smartpage-popover .ant-popover-title .ui-header {
  padding-left: 4px;
  display: inline-block;
}
.ui-smartpage-popover .ant-popover-title .ui-header .ui-choose {
  cursor: pointer;
}
.ui-smartpage-popover .ant-popover-title .ui-header .ant-space-item:Hover .ui-choose {
  color: var(--main-bg-color);
}
.ui-smartpage-popover .ant-popover-title .ui-header .ui-steptwo.ui-disabeld {
  color: #ccc;
}
.ui-smartpage-popover .ant-popover-title .ui-avatar-merge .ui-sub {
  bottom: -8px;
  right: -4px;
}
.ui-smartpage-popover .ant-popover-title .ui-avatar-merge .ui-sub .ant-avatar {
  color: #bbb;
  font-size: 12px !important;
}
.ui-smartpage-popover .ant-popover-title .icons-combine > span:last-child {
  position: absolute;
  background-color: #fff;
  right: -8px;
  font-size: 12px;
}
.ui-smartpage-popover .ui-former-buttons {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px dashed var(--secondary-bg-color);
}
.ui-smartpage-popover .ui-smartpage-wrapper {
  min-height: 200px;
}
.ui-smartpage-popover .former-object-item-content .ui-former-notice {
  margin-bottom: 0;
}

.ui-smartpage-popover-wrapper {
  display: inline-block;
}

.ui-smartpage-wrapper {
  height: 100%;
  min-height: 420px;
}
.ui-smartpage-wrapper .ui-mircotable-wrapper {
  height: 100%;
}
.ui-smartpage-wrapper .ui-mircotable .ant-divider-horizontal.ant-divider-with-text {
  margin: 32px;
}
.ui-smartpage-wrapper .ant-list-item .ant-list-item-meta-avatar {
  opacity: 0.8;
  transition: all 0.2s;
}
.ui-smartpage-wrapper .ant-list-item:hover .ant-list-item-meta-avatar {
  opacity: 1;
}
.ui-smartpage-wrapper .ant-tabs-extra-content .ant-space-item .ant-select {
  min-width: 100px;
}
.ui-smartpage-wrapper .ui-classify-notabtitle .ant-tabs-nav-list {
  display: none;
}
.ui-smartpage-wrapper .ant-table-title {
  display: none;
}
.ui-smartpage-wrapper .tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-content {
  border-color: #f0f0f0;
}
.ui-smartpage-wrapper .ui-former-notice {
  margin-bottom: 16px;
}
.ui-smartpage-wrapper .Resizer {
  background-color: transparent;
}
.ui-smartpage-wrapper .ui-classify-wrapper {
  padding: 0 24px;
  height: 100%;
  overflow: hidden;
}
.ui-smartpage-wrapper .ant-tabs-extra-content .ant-switch {
  opacity: 0.5;
}
.ui-smartpage-wrapper .ui-mircotable {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 0 16px;
  width: calc(100% + 32px);
  margin-left: -16px;
}
.ui-smartpage-wrapper .ui-mircotable .ant-list {
  padding-top: 0px;
}
.ui-smartpage-wrapper .ant-table-title {
  min-height: 16px;
}
.ui-smartpage-wrapper > .ant-spin-nested-loading {
  height: 100%;
}
.ui-smartpage-wrapper > .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ui-smartpage-wrapper .ui-classify-content-wrapper {
  height: calc(100% - 141px);
  margin-top: 16px;
}
.ui-smartpage-wrapper.ui-smartpage-layout-page .ui-classify-content-wrapper {
  height: calc(100% - 104px);
  margin-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-smartpage-wrapper.ui-smartpage-layout-page .ui-classify-content-left .ui-block {
  background-color: #fff;
  border-radius: 16px;
}
.ui-smartpage-wrapper .ui-classify-panel .ui-header {
  margin-top: 14px;
}
.ui-smartpage-wrapper .ui-classify-noheader .ui-classify-content-wrapper {
  height: 100%;
}
.ui-smartpage-wrapper .ui-classify-noheader .ui-classify-panel .ui-header {
  display: none;
}
.ui-smartpage-wrapper .ant-list-item-meta-description .ui-meta-description-wrapper {
  white-space: nowrap;
  overflow: hidden;
  max-width: 78%;
  vertical-align: middle;
  display: inline-block;
}
.ui-smartpage-wrapper .ant-list-item-meta-description .ui-createdat-wrapper {
  padding-left: 16px;
  opacity: 0.4;
  vertical-align: middle;
}

.ui-background-dwbg {
  position: absolute;
  top: -30px;
  right: 0;
  transform: rotate(-90deg);
  z-index: -1;
  opacity: 0.5;
}

.ui-background-dw {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  opacity: 0.7;
  background-image: linear-gradient(to top, var(--main-background-color) 20%, var(--main-background-color) 80%);
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.ui-background-dw .parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.ui-background-dw .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 10s;
}
.ui-background-dw .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 16s;
}
.ui-background-dw .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 19s;
}
.ui-background-dw .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 26s;
}
.ui-background-dw svg {
  border-radius: 0 0 16px 16px;
}

.ui-classify-content-left {
  width: 100%;
  float: left;
  transition: all 0.2s;
  height: 100%;
  position: relative;
}
.ui-classify-content-left > .ui-mircotable-wrapper {
  height: 100%;
}
.ui-classify-content-left > .tabler-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ui-classify-content-right {
  overflow: hidden;
  padding: 0px 8px;
  padding-right: 0;
  padding-left: 16px;
  height: calc(100% - 5px);
  display: none;
}
.ui-classify-content-right > div {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  box-sizing: border-box;
  height: 100%;
  padding-right: 0px;
  background-color: #fff;
}

.ui-classify-optional-mode .ui-classify-content-wrapper > .ui-classify-content-left {
  width: 38.2%;
}
.ui-classify-optional-mode .ui-classify-content-wrapper > .ui-classify-content-left .ant-list-item-action {
  display: none;
  opacity: 0;
  transition: all 0.3s;
}
.ui-classify-optional-mode .ui-classify-content-wrapper > .ui-classify-content-left .ui-meta-description-wrapper {
  width: 100%;
}
.ui-classify-optional-mode .ui-classify-content-wrapper > .ui-classify-content-left .ui-createdat-wrapper {
  position: absolute;
  top: 4px;
  right: 10px;
  font-size: 12px;
}
.ui-classify-optional-mode .ui-classify-content-wrapper > .ui-classify-content-right {
  display: block;
}

.ant-drawer-body .ui-smartpage-wrapper .ui-classify-wrapper {
  padding: 0;
  margin-top: -8px;
}

.ui-smartpage-group {
  padding: 24px;
  box-sizing: content-box;
  height: calc(100vh - 48px);
}
.ui-smartpage-group .ui-classify-content-type-blocks {
  background-color: #fff;
  border-radius: 16px;
}
.ui-smartpage-group .ui-classify-content-type-blocks > .ui-classify-content-left {
  padding-top: 48px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
.ui-smartpage-group .ui-block {
  padding: 0px 0px;
}
.ui-smartpage-group .ui-classify-panel {
  height: 100%;
}
.ui-smartpage-group .ant-tabs-tabpane {
  padding-top: 16px;
}
.ui-smartpage-group .ui-classify-panel .ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-btn {
  text-transform: inherit;
}
.ui-smartpage-group .ui-searchbar {
  position: absolute;
  top: -24px;
  right: 0px;
}
.ui-smartpage-group .ui-former-notice {
  margin-bottom: 32px;
}
.ui-smartpage-group .ui-classify-content-right {
  padding-top: 0;
}
.ui-smartpage-group .ant-tabs-content-holder {
  height: 100%;
}
.ui-smartpage-group .ant-tabs-content-holder .ui-toolbar-ref {
  position: absolute;
  top: -94px;
  right: 0;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content {
  height: 100%;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane {
  height: 100%;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ui-classify-group-wrapper {
  height: 100%;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ui-classify-group-wrapper .ant-table {
  border-radius: 12px;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ui-classify-group-wrapper .ant-table-title {
  display: none;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ui-classify-group-wrapper .ui-classify-content-wrapper {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-smartpage-group .ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane .ui-classify-group-wrapper .ui-classify-content-wrapper .ui-mircotable {
  padding: 8px;
}
.ui-smartpage-group .ant-tabs {
  height: calc(100% - 42px);
}

.tabler-batch-add button:hover .icons-combine-bottomRight > span:last-child {
  background-color: var(--main-bg-color);
  opacity: 0.7;
}
.tabler-batch-add .icons-combine-bottomRight {
  font-size: 16px;
}
.tabler-batch-add .icons-combine-bottomRight > span:last-child {
  right: -8px;
  bottom: -6px;
  transform: scale(0.5, 0.5);
  background-color: var(--main-bg-color);
}.ant-dropdown .ant-dropdown-menu-item .icons-combine-bottomRight {
  margin-right: 8px;
}

.ui-smart-drawer .ant-drawer-body {
  overflow: hidden;
}
.ui-smart-drawer .ant-spin-nested-loading {
  height: 100%;
}
.ui-smart-drawer .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.ui-smart-drawer .ui-toolbar {
  opacity: 0.5;
}
.ui-smart-drawer .ant-list-item-meta .ant-list-item-meta-title {
  font-size: 14px !important;
  opacity: 0.8;
  margin-block-end: 0px !important;
}
.ui-smart-drawer .ant-list-item-meta .ant-list-item-meta-title .ui-subtitle {
  font-size: 12px;
}
.ui-smart-drawer .ui-classify-panel .ant-tabs-tab {
  padding: 2px 8px;
  font-size: 14px;
}
.ui-smart-drawer .ui-classify-panel .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 4px;
}
.ui-smart-drawer .ui-former-notice {
  padding: 8px;
  margin-bottom: 16px;
}
.ui-smart-drawer .ui-mircotable.ui-mircotable-card .ant-list .ant-list-item {
  padding: 12px;
  padding-bottom: 8px;
  cursor: pointer;
}
.ui-smart-drawer .ui-mircotable.ui-mircotable-card .ant-list .ant-list-item .ant-list-item-meta-avatar {
  margin-inline-end: 8px;
}
.ui-smart-drawer .ui-mircotable.ui-mircotable-card .ant-list .ant-list-item .ant-list-item-meta {
  margin-block-end: 8px;
}
.ui-smart-drawer .ui-mircotable-mode-pick .ui-mircotable .ui-mircotable-avatar {
  padding-left: 0;
}
.ui-smart-drawer .ui-mircotable-mode-pick .ui-mircotable.ui-mircotable-card .ant-list-item-meta-description .ui-meta-description-wrapper {
  -webkit-line-clamp: 2;
  height: 32px;
  line-height: 16px;
}
.ui-smart-drawer .ui-mircotable-mode-pick .ui-mircotable.ui-mircotable-card .ant-list-item-action {
  padding-top: 8px;
}
.ui-smart-drawer .ui-smartpage-wrapper .ui-classify-wrapper {
  margin-top: 0;
}
.ui-smart-drawer .ui-classify-panel {
  padding-left: 4px;
}
.ui-smart-drawer .ui-smartpage-wrapper {
  height: calc(100% - 54px);
  overflow: hidden;
  min-height: 200px;
}
.ui-smart-drawer .ui-smartpage-wrapper .ui-mircotable {
  padding: 4px 19px;
}
.ui-smart-drawer .ui-smartpage-wrapper .ui-classify-content-wrapper {
  height: calc(100% - 32px);
  margin-top: 8px;
}
.ui-smart-drawer .ui-mircotable .ui-block-item-type-outline {
  height: calc(100% - 150px);
}
.ui-smart-drawer .ui-classify-panel .ant-tabs-top {
  padding-top: 0;
}
.ui-smart-drawer .ui-classify-panel > .ui-header {
  display: none;
}
.tabler-coloumns-actions .ant-dropdown-menu-item {
  color: #1890ff;
}

.former-object-item-content p {
  padding: 0;
  margin: 0;
}

.ui-former .ui-disabeld {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.ui-former .ui-choose {
  cursor: pointer;
}
.ui-former .ui-choose .anticon {
  opacity: 0.7;
  margin-left: 2px;
  vertical-align: middle;
  font-size: 12px;
}
.ui-former .ui-choose:Hover {
  color: var(--main-bg-color);
}
.ui-former .ui-header .anticon-right {
  opacity: 0.5;
  font-size: 12px;
  margin: 0 8px;
}

.tabler-wrapper {
  position: relative;
  z-index: 111;
  overflow: hidden;
}
.tabler-wrapper .former-radio-button label.ui-selected {
  background: var(--main-bg-color);
  border-color: var(--main-hover-background-color);
  color: #fff;
}
.tabler-wrapper .ui-tabler-selected-summary {
  position: absolute;
  margin-top: -40px;
  opacity: 0.5;
}
.tabler-wrapper .ui-tabler-selected-summary.ui-tabler-nopagebar {
  margin-top: 16px;
  position: relative;
}
.tabler-wrapper .tabler-cell-first {
  color: var(--main-bg-color);
  cursor: pointer;
  opacity: 0.8;
}
.tabler-wrapper .tabler-cell-first:hover {
  text-decoration: underline;
  opacity: 1;
}
.tabler-wrapper .ant-pagination-item {
  display: none;
}
.tabler-wrapper .ant-pagination-prev {
  margin-right: 8px !important;
}
.tabler-wrapper .ant-pagination-prev.ant-pagination-disabled button {
  opacity: 0.3;
  cursor: not-allowed;
}
.tabler-wrapper .ant-pagination-next {
  margin-left: 8px !important;
}
.tabler-wrapper .ant-pagination-next.ant-pagination-disabled button {
  opacity: 0.3;
  cursor: not-allowed;
}
.tabler-wrapper .tabler-batch-selected {
  position: relative;
  width: 50%;
  overflow: hidden;
  float: left;
  padding-bottom: 8px;
  margin-top: -40px;
  height: 25px;
  opacity: 0.6;
}
.tabler-wrapper .tabler-batch-selected:empty {
  display: none;
}
.tabler-wrapper .ui-tabler-selected {
  color: var(--main-bg-color);
  position: relative;
}
.tabler-wrapper .ui-tabler-selected > td:first-child:before {
  content: "";
  position: absolute;
  border: 6px dashed transparent;
  border-left-color: var(--main-bg-color);
  border-top-color: var(--main-bg-color);
  left: 0;
  top: 0;
}
.tabler-wrapper.tabler-wrapper-multilineEdit .ant-pagination {
  display: none;
}
.tabler-wrapper .ant-table.ant-table-middle .ant-table-thead > tr > th,
.tabler-wrapper .ant-table.ant-table-middle .ant-table-tbody > tr > td {
  padding: 9px 8px;
  height: 41px;
}
.tabler-wrapper .ant-table.ant-table-middle .ant-table-thead > tr > th .tabler-cell-wraper,
.tabler-wrapper .ant-table.ant-table-middle .ant-table-tbody > tr > td .tabler-cell-wraper {
  display: inline-block;
  line-height: 22px;
}
.tabler-wrapper .ant-table.ant-table-large .ant-table-thead > tr > th,
.tabler-wrapper .ant-table.ant-table-large .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.tabler-wrapper .ant-pagination-options-size-changer.ant-select {
  margin-right: 0;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-content {
  border: 1px solid #eee;
  border-radius: 4px;
  border-bottom: none;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .react-resizable {
  position: relative;
  background-clip: padding-box;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .react-resizable-handle {
  position: absolute;
  right: -3px;
  bottom: 0;
  z-index: 1;
  width: 6px;
  height: 100%;
  cursor: col-resize;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .tabler-batch-info {
  color: #ccc;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .tabler-batch-info b {
  display: inline-block;
  padding: 0 4px;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-input-search-icon::before {
  display: none;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-title {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  font-size: 14px;
  padding-top: 0px;
  border: 1px solid transparent;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-title .ant-divider-vertical {
  margin-left: 16px;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .tabler-operate {
  float: right;
  color: #888;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .tabler-operate .tabler-batch-action {
  display: inline-block;
  cursor: pointer;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .tabler-operate .tabler-batch-add {
  display: inline-block;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell .design-tabler-cell-icon {
  color: #ccc;
  padding-left: 8px;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell p {
  margin: 0;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell .former-radio-button {
  height: 18px;
  line-height: 18px;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell .former-radio-button label {
  line-height: 18px;
  height: 18px;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell .ant-space-item .ant-dropdown-trigger {
  color: #999;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell .ant-space-item .ant-dropdown-trigger > span:first-child {
  display: none;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell:not(:last-child) .ant-space-item button {
  padding: 0;
}
.tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-cell:not(:last-child) .ant-space-item button > span + .anticon {
  margin-left: 1px;
}

.infinite-scroll-component {
  overflow: inherit !important;
}

div.tabler-filter-dropdownList .ant-select-item {
  font-size: 12px;
}

.tabler-filter-dropdown {
  padding: 8px;
  min-width: 200px;
  font-size: 12px;
}
.tabler-filter-dropdown h3 {
  color: #999;
}
.tabler-filter-dropdown .tabler-filter-buttons {
  text-align: right;
  padding-top: 12px;
}
.tabler-filter-dropdown .tabler-filter-buttons button {
  margin-left: 8px;
  font-size: 12px;
}
.tabler-filter-dropdown div.input-group-search {
  width: 60px;
  font-size: 12px;
}
.tabler-filter-dropdown div.input-group-search.ant-select-single.ant-select-show-arrow .ant-select-selection-item {
  padding-right: 0;
}
.tabler-filter-dropdown div.input-group-search .ant-select-arrow {
  right: 6px;
}
.tabler-filter-dropdown div.input-group-search div.ant-select-selector {
  padding-left: 5px;
  padding-right: 4px;
  border-radius: 0 2px 2px 0;
}
.tabler-filter-dropdown .filter-input-first {
  font-size: 12px;
}
.tabler-filter-dropdown .filter-input-first .ant-select-selector {
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.tabler-filter-dropdown .input-group:not(.input-group-range) .filter-input-first {
  width: 180px;
}
.tabler-filter-dropdown .input-group:not(.input-group-range) .filter-input-first .ant-select-selector {
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.tabler-filter-dropdown .input-group:not(.input-group-range) .filter-input-last {
  width: 150px;
}
.tabler-filter-dropdown .input-group.input-group-range .filter-input-first,
.tabler-filter-dropdown .input-group.input-group-range .filter-input-last {
  float: left;
  width: 100px;
}
.tabler-filter-dropdown .input-group.input-group-range .input-split {
  width: 15px;
  background-color: #fff;
  color: #ccc;
  padding-left: 0;
  padding-right: 0;
}
.tabler-filter-dropdown .input-group.input-group-range .filter-input-first .ant-select-selector {
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.tabler-filter-dropdown .input-group.input-group-range .filter-input-last {
  font-size: 12px;
}
.tabler-filter-dropdown .input-group.input-group-range .filter-input-last .ant-select-selector {
  border-radius: 0;
  border-left: none;
  border-right: none;
}

@keyframes listDestsory {
  0% {
    opacity: 1;
    transform: scale(1);
    margin-bottom: 0;
  }
  30% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 0;
    transform: scale(0.1);
    margin-bottom: -64px;
  }
}
.ui-mircotable-scrollTop {
  position: relative;
}
.ui-mircotable-scrollTop::before {
  display: block;
  content: " ";
  position: absolute;
  height: 8px;
  width: 100%;
  z-index: 12;
  top: -10px;
  left: 0;
  background-color: transparent;
  border-bottom: 0.5px solid rgb(240, 240, 245);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 6px 6px 0px;
}

.ui-mircatable-type-info .ant-list-item .ant-list-item-meta {
  padding-bottom: 4px !important;
}
.ui-mircatable-type-info .ant-list-item.ui-tabler-item-selected {
  opacity: 1;
  background: #fff !important;
}
.ui-mircatable-type-info .ant-list-item .ui-mrcotable-content {
  opacity: 0.4;
}
.ui-mircatable-type-info .ui-mircotable.ui-mircotable-horizontal .ant-list-items .ant-list-item {
  border: none;
  border-bottom: 1px dashed var(--secondary-border-color);
}
.ui-mircatable-type-info .ui-meta-description-wrapper {
  max-width: 100% !important;
}
.ui-mircatable-type-info .ant-list-item-meta-title {
  display: none !important;
}
.ui-mircatable-type-info .ant-list-item-meta {
  display: inline-block;
  max-width: 80% !important;
}
.ui-mircatable-type-info .ui-mrcotable-content {
  display: inline-block;
  max-width: 30%;
  padding-right: 10px;
  opacity: 0.8;
}

.ui-mircotable {
  position: relative;
  height: 100%;
}
.ui-mircotable .ui-label-empty {
  display: none;
}
.ui-mircotable .ui-text {
  display: inline;
}
.ui-mircotable .ui-block {
  height: 100%;
}
.ui-mircotable .ant-tag {
  line-height: 16px;
  color: #aaa;
  font-weight: 400;
  font-size: 12px;
  transform: scale(0.8);
  margin-left: -8px !important;
  opacity: 0.8;
}
.ui-mircotable .ui-block-item-type-outline {
  border: 1px solid #f4f4f4;
  padding: 48px;
  height: calc(100% - 136px);
  padding-top: 86px;
}
.ui-mircotable .ui-block .ui-block-item .block-subtitle {
  margin-bottom: 3em;
}
.ui-mircotable .ant-list-item-meta-title {
  margin: 2px 0 2px 0;
}
.ui-mircotable .ant-list-item-meta-title .anticon {
  margin-right: 2px;
}
.ui-mircotable .ant-list-item-meta-title .ant-space {
  padding-right: 8px;
}
.ui-mircotable .ant-list-item-meta-title p {
  padding: 0;
  margin: 0;
}
.ui-mircotable .former-radio-button .ui-selected {
  background-color: var(--main-active-background-color);
  border-color: var(--main-hover-background-color);
  color: var(--main-front-color);
  line-height: 16px;
  padding: 0 4px;
}
.ui-mircotable .ant-list-item-meta-description .ant-space-gap-col-small {
  column-gap: 4px !important;
}
.ui-mircotable .ant-list-item-meta-description .former-radio-button,
.ui-mircotable .ant-list-item-meta-description .ant-space {
  margin-right: 8px;
}
.ui-mircotable .ant-list-item-meta-description pre {
  display: inline-block;
  margin: 0;
  word-break: break-all;
  white-space: normal;
}
.ui-mircotable .ui-list-index {
  display: inline-block;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 24px;
  top: -8px;
  opacity: 0.6;
}
.ui-mircotable .ant-empty {
  margin-top: 10%;
}
.ui-mircotable .ant-empty .ant-empty-description > span {
  opacity: 0.5;
}
.ui-mircotable .ui-mircotable-description {
  text-transform: capitalize;
  opacity: 0.3;
}
.ui-mircotable .ant-skeleton {
  padding: 22px;
}
.ui-mircotable .ant-divider-horizontal.ant-divider-with-text {
  margin: 8px 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.6;
}
.ui-mircotable .ant-divider-horizontal.ant-divider-with-text .ant-divider-inner-text {
  opacity: 0.5;
}
.ui-mircotable .ant-list * {
  font-size: inherit;
}
.ui-mircotable.ui-mircotable-mini .ant-list-item::after {
  display: none !important;
}
.ui-mircotable.ui-mircotable-mini .ant-list-item-meta-avatar {
  background-color: transparent !important;
}
.ui-mircotable.ui-mircotable-mini .ant-list-item-meta-title {
  font-size: 14px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 12px !important;
}
.ui-mircotable.ui-mircotable-mini .ant-list-item-action {
  display: none;
}
.ui-mircotable.ui-mircotable-mini .ant-list-item-meta-description {
  padding-left: 0;
  margin-left: 0 !important;
  display: block !important;
  font-size: 12px;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item {
  padding-bottom: 1px !important;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-inline-end: 8px;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item .ant-alert-error {
  padding: 10px;
  margin-left: 40px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
  opacity: 0.7;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item .ant-alert-error .anticon {
  margin-right: 8px;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item .ant-alert-error .ant-alert-message {
  margin-bottom: 0;
  font-size: 14px;
  margin-top: -3px;
}
.ui-mircotable.ui-mircotable-mini .ant-list .ant-list-item .ant-alert-error p {
  margin: 0;
}
.ui-mircotable.ui-mircotable-small .ant-avatar {
  background: none;
  color: #000;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta-description > span > span {
  margin-right: 8px;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta-description > span .ui-mircotable-description {
  opacity: 0.5;
  text-transform: capitalize;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta-description > span .anticon {
  margin-right: 2px;
  font-size: 12px;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta-avatar {
  background-color: var(--secondary-focus-bg-color);
}
.ui-mircotable.ui-mircotable-small .ant-list-split .ant-list-item {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  margin-bottom: 8px;
}
.ui-mircotable.ui-mircotable-small .ant-list-split .ant-list-item:last-child::after {
  display: none;
}
.ui-mircotable.ui-mircotable-small .ant-list-split .ant-list-item::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed var(--main-border-color);
  bottom: -4px;
}
.ui-mircotable.ui-mircotable-small .ui-mircotable-avatar > span {
  border: none;
  color: var(--main-inverse-color);
}
.ui-mircotable.ui-mircotable-small .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
  margin-inline-end: 8px;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta .ant-list-item-meta-description,
.ui-mircotable.ui-mircotable-small .ant-list-item-meta .ant-list-item-meta-title {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta .ant-list-item-meta-description {
  margin-left: 8px;
}
.ui-mircotable.ui-mircotable-small .ant-list-item-meta .ant-list-item-meta-avatar > span {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
}
.ui-mircotable .ant-list-item-meta-title > ul {
  display: inline-block;
  vertical-align: middle;
}
.ui-mircotable .ant-list-item-meta-title > span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.ui-mircotable.ui-mircotable-card .ant-list-item-meta .ui-mircotable-avatar .ant-avatar {
  border-width: 1px;
  background-color: #fff;
}
.ui-mircotable.ui-mircotable-card .ant-list-item-meta-title {
  margin-top: -3px !important;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-avatar {
  padding-left: 0;
}
.ui-mircotable .ui-mircotable-extra {
  cursor: default;
}
.ui-mircotable .ui-mircotable-extra .former-size-default button {
  height: 26px;
  line-height: 26px;
}
.ui-mircotable .ui-mircotable-extra .former-size-default .ant-switch-handle {
  height: 22px;
  width: 22px;
}
.ui-mircotable .ui-mircotable-extra .former-size-default .ant-switch-handle::before {
  border-radius: 100%;
}
.ui-mircotable .ui-mircotable-extra .former-size-default .ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 24px);
}
.ui-mircotable .ui-mircotable-extra .former-size-default .ant-switch-inner .ant-switch-inner-unchecked {
  text-indent: 2px;
  line-height: 18px;
}
.ui-mircotable .ui-mircotable-extra > :first-child {
  margin-left: 0;
}
.ui-mircotable .ui-mircotable-extra > .anticon {
  font-size: 16px;
}
.ui-mircotable .ui-mircotable-extra > button {
  padding: 0;
}
.ui-mircotable .ui-mircotable-extra > button > span {
  margin-inline-end: 4px !important;
}
.ui-mircotable .ui-mircotable-extra > span,
.ui-mircotable .ui-mircotable-extra > button,
.ui-mircotable .ui-mircotable-extra > ul,
.ui-mircotable .ui-mircotable-extra > div {
  display: inline-block;
  width: auto;
  margin-left: 8px;
  vertical-align: middle;
}
.ui-mircotable button {
  text-transform: capitalize;
}
.ui-mircotable.ui-mircotable-horizontal .ant-list-item {
  padding: 8px;
  margin-bottom: 8px;
}
.ui-mircotable .ant-list-split .ant-list-item {
  border-block-end: none;
  background: #fff;
  transform: scale(1) perspective(0) translateZ(0);
  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
  border: 1px solid #eee;
  position: relative;
  border-radius: 10px;
}
.ui-mircotable .ant-list-split .ant-list-item .former-radio-button label.ui-selected.ui-viewer {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
}
.ui-mircotable .ant-list-split .ant-list-item.ui-tabler-item-selected {
  background: var(--main-active-background-color);
}
.ui-mircotable .ant-list-split .ant-list-item.ui-mircotable-group {
  opacity: 0.5;
  text-transform: uppercase;
  padding-left: 8px;
}
.ui-mircotable .ant-list-split .ant-list-item.ui-tabler-item-canselected {
  cursor: pointer;
}
.ui-mircotable .ant-list-split .ant-list-item:is(.ui-tabler-item-canselected):not(.ui-tabler-item-selected):not(.stop-animation):hover {
  background-color: #fff;
  transform: scale(1.01);
  max-width: calc(100% + 10px);
  z-index: 11;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.056);
}
.ui-mircotable .ant-list-split .ant-list-item.stop-animation {
  cursor: default;
}
.ui-mircotable .ant-list-split .ant-list-item.ui-destroy {
  animation-name: listDestsory;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  overflow: hidden;
}
.ui-mircotable .ant-list .ant-list-item .ant-list-item-meta {
  align-items: center;
}
.ui-mircotable .ant-list-item-meta-description p {
  margin: 0;
  display: inline;
  padding-right: 12px;
}
.ui-mircotable .ant-list-item-meta-description .former-radio-button .ui-viewer {
  padding: 0;
  border: none;
}
.ui-mircotable .ant-list-item-meta-description > span > span {
  margin-right: 8px;
}
.ui-mircotable .ant-list-item-meta-description > span .anticon {
  margin-right: 2px;
  opacity: 0.5;
}
.ui-mircotable .ui-mircotable-avatar {
  padding-left: 8px;
}
.ui-mircotable .ui-mircotable-avatar > span {
  position: relative;
  margin-left: -16px;
  border: 3px solid transparent;
  box-sizing: content-box;
  width: 40px;
  height: 40px;
}
.ui-mircotable .ui-mircotable-avatar > span.ui-avatar-reverseColor {
  border-width: 1px;
}
.ui-mircotable .ui-mircotable-avatar > span:first-child {
  margin-left: 0;
}
.ui-mircotable .ui-mircotable-avatar > span:hover {
  z-index: 22223 !important;
}
.ui-mircotable .ui-mircotable-avatar > .ant-avatar-circle {
  border-radius: 24px;
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar {
  opacity: 0.4;
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar.ui-default-avatar-more {
  opacity: 1;
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar.ui-default-avatar-more::before, .ui-mircotable .ui-mircotable-avatar .ui-default-avatar.ui-default-avatar-more::after {
  display: none;
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar::before, .ui-mircotable .ui-mircotable-avatar .ui-default-avatar::after {
  content: " ";
  position: absolute;
  top: 13px;
  left: 13px;
  width: 100%;
  height: 100%;
  border-left: 1px solid #ccc;
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar::before {
  transform: rotate(45deg);
}
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar::after {
  top: -14px;
  left: 14px;
  transform: rotate(-45deg);
}
.ui-mircotable .ui-mircotable-avatar .ui-avatar-icon,
.ui-mircotable .ui-mircotable-avatar .ui-default-avatar {
  display: inline-block;
  background: #dfdfdf;
  vertical-align: middle;
  text-align: center;
  line-height: 40px;
  color: #aaa;
}
.ui-mircotable .ui-mircotable-avatar .ui-avatar-icon {
  background-color: #4338CA;
  color: #FFF;
  font-size: 20px;
}
.ui-mircotable .ui-mircotable-avatar-con {
  padding-left: 8px;
}
.ui-mircotable .ui-mircotable-avatar-con > .anticon {
  font-size: 20px;
  opacity: 0.6;
  margin: 0 4px;
  vertical-align: middle;
}
.ui-mircotable .ui-subtitle {
  display: inline-block;
  font-weight: 400;
  opacity: 0.5;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-extra span.anticon {
  margin-right: 2px;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-extra .ui-toolbar {
  float: right;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-extra .ui-toolbar .ant-space-item {
  float: left;
  margin-left: 8px;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-extra .ui-toolbar .ant-dropdown-button {
  display: inline;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-extra .ui-avatar-group .ant-space-item {
  display: inline-block;
}
.ui-mircotable.ui-mircotable-card .ant-list-item-meta-description .ui-meta-description-wrapper {
  white-space: initial;
  height: 64px;
  overflow: hidden;
  display: -webkit-box;
  /* 使用 flexbox 模型 */
  -webkit-box-orient: vertical;
  /* 设置 flex 方向为垂直 */
  -webkit-line-clamp: 3;
  /* 显示的行数 */
}
.ui-mircotable.ui-mircotable-card .ant-list-item .ant-list-item-meta {
  margin-block-end: 32px;
}
.ui-mircotable.ui-mircotable-card .ui-mircotable-avatar > .ant-avatar-circle {
  border-radius: 12px;
}
.ui-mircotable.ui-mircotable-card .ui-subtitle {
  display: block;
  font-size: 14px;
  opacity: 0.2;
  font-weight: 400;
}
.ui-mircotable.ui-mircotable-card .ant-list .ant-list-item .ant-list-item-meta {
  align-items: start;
}
.ui-mircotable.ui-mircotable-card .ant-list .ant-list-item {
  padding: 16px;
  cursor: pointer;
}
.ui-mircotable.ui-mircotable-card .ant-list .ant-list-item:hover {
  box-shadow: 0 6px 8px 0 rgba(28, 31, 35, 0.06);
}
.ui-mircotable.ui-mircotable-card .ant-list-vertical .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
  margin-block-end: 8px;
}
.ui-mircotable.ui-mircotable-card .ant-list-item-action {
  width: 100%;
  padding-top: 14px;
  border-top: 0.5px solid var(--secondary-border-color);
  position: inherit;
}
.ui-mircotable.ui-mircotable-card .ant-list-item-action li {
  width: 100%;
  text-align: left;
}
.ui-mircotable .ui-meta-description-wrapper {
  white-space: nowrap;
  overflow: hidden;
  max-width: 80%;
  display: inline-block;
  vertical-align: bottom;
  opacity: 0.6;
}

.ui-mircotable-wrapper .ui-mircotable .ui-former-notice {
  margin-bottom: 16px;
  border-radius: 6px;
}

.ant-space .ant-tag {
  margin-right: 0;
}

.ui-createdat-wrapper {
  opacity: 0.5;
}.ui-pick-wrapper {
  padding-top: 8px;
}
.ui-pick-wrapper .tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-content {
  border-left: none;
  border-right: none;
}
.ui-pick-wrapper .tabler-searcher .ant-select {
  min-width: 100px !important;
}
.ui-pick-wrapper .tabler-cell-wraper span.anticon {
  font-size: 24px;
}
.ui-pick-wrapper .tabler-cell-wraper .ui-viewer span.anticon {
  font-size: 16px;
}.former-pick {
  display: inline-block;
}
.former-pick .ant-input-affix-wrapper,
.former-pick input {
  cursor: pointer;
}

.fromer-pick-wrapper .ant-table-thead > tr > th {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: none;
}
.fromer-pick-wrapper .tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-title {
  padding-bottom: 8px;
}
.fromer-pick-wrapper .ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody > tr > td {
  padding: 4px 8px;
}
.fromer-pick-wrapper .ant-alert {
  margin-bottom: 16px;
  opacity: 0.67;
}
.fromer-pick-wrapper .tabler-cell-wraper span.anticon {
  font-size: 24px;
}.ui-button-drawer .former-object .former-group-item-content {
  margin-right: 0;
}
.ui-button-drawer .ui-former-buttons {
  position: fixed;
  z-index: 101;
  top: 12px;
  right: 22px;
}
.ui-button-drawer .ui-former-buttons .ant-space-item:last-child {
  display: none;
}
.ui-button-drawer .ant-drawer-body .ui-header {
  position: fixed;
  width: 705px;
  z-index: 100;
  top: 11px;
  margin: 0;
  right: -11px;
  font-size: 20px;
}
.ui-button-drawer .ant-drawer-body .ui-header .ui-extra {
  padding-top: 6px;
  right: 35px;
}
.ui-button-drawer .ant-drawer-body .ant-tabs {
  display: none;
}
.ui-button-drawer .ant-drawer-body .ant-tabs-nav {
  padding-bottom: 12px;
}
.ui-button-drawer .ui-smartpage-wrapper {
  margin-top: 24px;
}
.ui-button-drawer .tabler-wrapper .ant-table.ant-table-layout-fixed .ant-table-content {
  border-left: none;
  border-right: none;
  border-radius: 0;
}

.ui-former-button-metapop {
  width: 520px;
}
.ui-former-button-metapop .ant-list-item-meta-title {
  margin-bottom: 0 !important;
}
.ui-former-button-metapop .ant-popover-title {
  opacity: 0.5;
}
.ui-former-button-metapop.ant-popover .ant-popover-inner {
  padding: 16px;
}
.ui-former-button-metapop .ant-list-item {
  padding: 4px 8px;
  border: 1px solid var(--main-border-color);
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s;
  margin-bottom: 6px;
}
.ui-former-button-metapop .ant-list-item h4 span {
  font-weight: 300;
  opacity: 0.4;
}
.ui-former-button-metapop .ant-list-item:Hover {
  background-color: var(--main-background-color);
  transform: scale(1.01);
  max-width: calc(100% + 10px);
  z-index: 11;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.026);
}
.ui-former-button-metapop .ant-list-item:first-child {
  padding-top: 0;
}
.ui-former-button-metapop .ant-list-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-block-end: 1px solid var(--main-border-color);
}
.ui-former-button-metapop .ant-list-item-meta {
  align-items: center !important;
}

.ui-meta-button {
  border: 1px solid var(--main-border-color);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 8px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  background-color: #fafafa;
  justify-content: space-between;
  cursor: default;
}
.ui-meta-button.ui-meta-empty {
  cursor: pointer;
}
.ui-meta-button.ui-meta-empty .ui-meta-avatar .ant-space-item:nth-child(2) {
  opacity: 0.5;
}
.ui-meta-button.ui-meta-empty .ui-meta-content {
  opacity: 0.7;
}
.ui-meta-button.ant-popover-open, .ui-meta-button.ui-meta-empty:Hover {
  transform: scale(1.01);
  max-width: calc(100% + 10px);
  z-index: 11;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.066);
  border-color: var(--main-bg-color);
  color: var(--main-bg-color);
  background-color: var(--main-background-color);
}
.ui-meta-button > button {
  gap: 4px;
  padding: 4px 8px;
}
.ui-meta-button .ui-meta-button-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  align-items: center;
}
.ui-meta-button .ui-meta-button-meta .ui-meta-content {
  padding-left: 16px;
}
.ui-meta-button .ui-meta-button-meta .ui-meta-content p {
  opacity: 0.4;
}
.ui-meta-button .ui-meta-button-meta .ui-meta-avatar .ant-space-gap-col-small {
  column-gap: 3px;
}
.ui-meta-button .ui-meta-button-meta h3 {
  padding: 0;
  margin: 0;
}
.ui-meta-button .ui-meta-button-meta h3 span {
  font-weight: 200;
  opacity: 0.5;
  font-size: 12px;
}.ui-former-badge {
  display: inline-block;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  border-radius: 8px;
  background-color: #ccc;
}
.ui-former-badge.ui-former-badge-open {
  background-color: red;
}.ui-scope-process-wrapper {
  border-radius: 12px;
  padding: 8px 16px;
  overflow: hidden;
}

.ui-scope-process-map {
  padding: 20px;
  position: relative;
}
.ui-scope-process-map .ui-scope-process-inner {
  position: absolute;
  height: calc(100% - 40px);
  width: calc(100% - 40px);
  transition: all 0.2s;
}
.ui-scope-process-map .ui-scope-process-inner .overlays-arrow::before {
  border-width: 2px;
  left: 2px;
  top: 0px;
}
.ui-scope-process-map .ui-scope-process-inner .overlays-arrow::after {
  height: 2px;
  left: 4px;
}
.ui-scope-process-map .ui-scope-process-inner .jtk-endpoint {
  transform: scale(0.6);
}
.ui-scope-process-map .ui-scope-process-node {
  position: absolute;
  width: 64px;
  height: 64px;
  padding: 6px;
  cursor: pointer;
}
.ui-scope-process-map .ui-scope-process-node.ui-scope-process-disabled {
  cursor: default;
}
.ui-scope-process-map .ui-scope-process-node:not(.ui-scope-process-disabled):not(.ui-scope-process-selected):hover:after {
  border-color: var(--hover-color);
}
.ui-scope-process-map .ui-scope-process-node .ant-avatar {
  position: relative;
  z-index: 11;
}
.ui-scope-process-map .ui-scope-process-node .ui-scope-text {
  width: 120px;
  line-height: 1em;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -60px;
  font-size: 12px;
  text-align: center;
  padding-top: 8px;
  z-index: 11;
  opacity: 0.4;
}
.ui-scope-process-map .ui-scope-process-node .ui-scope-text span {
  display: inline-block;
  border: 1px solid var(--main-border-color);
  padding: 0 2px;
  border-radius: 3px;
  line-height: 14px;
  margin-left: -8px;
  font-size: 12px;
  height: 12px;
  top: -3px;
  opacity: 0.5;
  transform: scale(0.8);
  text-align: center;
  vertical-align: middle;
  position: absolute;
}
.ui-scope-process-map .ui-scope-process-node::after {
  content: " ";
  position: absolute;
  width: 74px;
  height: 74px;
  border: 6px solid #fff;
  box-sizing: border-box;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  z-index: 2;
  transition: all 0.1s;
}
.ui-scope-process-map .ui-scope-process-node.ui-scope-process-selected::after {
  border: 4px dashed var(--hover-color) !important;
  background-color: #fff;
  width: 80px;
  height: 80px;
  margin-left: -3px;
  margin-top: -3px;
}

.ui-scope-process > h4 {
  opacity: 0.7;
  margin: 0;
  padding: 0;
  padding-bottom: 0px;
  padding-top: 0px;
  font-weight: 400;
}
.ui-scope-process > h4 > span:first-child {
  text-transform: uppercase;
}
.ui-scope-process > h4 > span:last-child {
  margin-left: 8px;
  opacity: 0.3;
  font-size: 12px;
}
.ui-scope-process .ui-scope-tree {
  padding-top: 8px;
  margin-top: 12px;
  border-top: 0.5px dashed var(--main-border-color);
  border-radius: 16px;
  position: relative;
}
.ui-scope-process .ui-scope-tree .ant-tabs-nav {
  margin: 0;
  padding-left: 16px;
  font-size: 14px;
  margin-bottom: 8px;
}
.ui-scope-process .ui-scope-tree .ant-tabs-nav span.number {
  opacity: 0.5;
  font-size: 12px;
}
.ui-scope-process .ui-scope-tree .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
  padding: 0;
  padding-bottom: 8px;
}
.ui-scope-process .ui-scope-tree .ant-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 16px;
}
.ui-scope-process .ui-scope-tree::after {
  content: " ";
  position: absolute;
  border: 0.5px dashed var(--main-border-color);
  border-bottom: none;
  border-right: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  top: -9px;
  left: 50%;
  margin-left: -8px;
  transform: rotate(45deg);
}
.ui-scope-process .ui-scope-tree h4 {
  line-height: 1.5;
  margin-top: 0;
  font-weight: 400;
  opacity: 0.7;
  margin-bottom: 0px;
}
.ui-scope-process .ui-scope-tree h4 .ant-avatar {
  vertical-align: bottom;
}
.ui-scope-process .ui-scope-tree h4 > span:last-child {
  opacity: 0.3;
  font-size: 12px;
  margin-left: 8px;
}
.ui-scope-process .ui-scope-tree p {
  padding: 0;
  margin: 0;
  padding-left: 2em;
  line-height: 16px;
  opacity: 0.5;
}
.ui-scope-process .ui-scope-tree .number {
  border: 1px solid var(--main-border-color);
  border-radius: 3px;
  padding: 0 2px;
}
.ui-scope-process .ant-tree-wrapper {
  position: relative;
  border: 1px solid var(--main-border-color);
  border-radius: 12px;
  padding: 8px;
  margin-top: 8px;
  overflow: auto;
  box-sizing: border-box;
}
.ui-scope-process .ant-tree-wrapper.ant-tree-tabs {
  height: calc(100% + 32px);
}
.ui-scope-process .ant-tree-wrapper.ant-tree-tabs .ant-tabs {
  padding-top: 32px;
  height: calc(100% + 32px);
  position: relative;
}
.ui-scope-process .ant-tree-wrapper.ant-tree-tabs .ant-tabs-nav {
  position: absolute;
  height: 32px;
  width: 100%;
  left: 0;
  top: 0;
}
.ui-scope-process .ant-tree-wrapper.ant-tree-tabs .ant-tabs-content-holder {
  padding-top: 8px;
  top: 32px;
  height: calc(100% + 32px);
  overflow: auto;
}
.ui-scope-process .ant-tree-title .u-type {
  opacity: 0.7;
  padding: 0 8px;
}
.ui-scope-process .ant-tree-title .u-description {
  opacity: 0.2;
}.ui-panel-view .ant-table-container {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}.ui-scope-panel {
  padding: 16px;
  margin-right: -40px;
}
.ui-scope-panel.ant-popover-placement-right {
  margin-right: auto;
  margin-left: -12px;
}
.ui-scope-panel.ant-popover-placement-right .ant-popover-arrow {
  margin-right: auto;
  margin-left: 16px;
}
.ui-scope-panel .ant-popover-inner {
  padding: 0;
}
.ui-scope-panel .ant-tree .ant-tree-indent-unit,
.ui-scope-panel .ant-tree .ant-tree-switcher {
  width: 14px;
}
.ui-scope-panel .ant-popover-arrow {
  margin-right: 16px;
}
.ui-scope-panel .ui-scope-panel-inner {
  padding: 16px 32px;
  margin-top: -10px;
  margin-left: -10px;
  margin-bottom: -10px;
  margin-right: -10px;
  border-radius: 10px;
}
.ui-scope-panel .ui-panel-view .ant-empty {
  margin-top: 42px;
}
.ui-scope-panel .ui-panel-view .ui-former-notice {
  padding: 10px 16px !important;
}
.ui-scope-panel .ui-panel-view .ant-table-wrapper {
  margin-top: 16px;
}
.ui-scope-panel .ui-panel-view .ant-table-wrapper .ant-table.ant-table-small .ant-table-thead > tr > th {
  padding: 4px 8px;
  font-size: 14px;
  font-weight: normal;
}
.ui-scope-panel .ui-panel-view .ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody > tr > td {
  padding: 4px 8px;
  font-size: 12px;
}
.ui-scope-panel .ui-panel-view.ui-panel-view-disabled {
  opacity: 0.8;
}
.ui-scope-panel .ui-panel-view.ui-panel-view-disabled tr {
  cursor: not-allowed;
}
.ui-scope-panel .ui-panel-view tr {
  cursor: pointer;
}
.ui-scope-panel .ui-panel-view .ui-panel-view-row-active {
  background-color: var(--main-background-color);
}
.ui-scope-panel .ui-panel-view .ui-panel-view-row-active td {
  color: var(--main-bg-color);
}

.ui-function-tips-inner {
  max-width: 500px;
}
.ui-function-tips-inner .ui-scope-tooltip dd {
  padding: 8px;
  margin-left: 0;
  border-radius: 8px;
  border: 1px dashed var(--main-border-color);
}
.ui-function-tips-inner .ui-scope-tooltip dd ul {
  padding: 0;
  margin: 0;
  margin-left: 12px;
  margin-bottom: 8px;
}
.ui-function-tips-inner .ui-scope-tooltip dd ul li {
  margin-left: 0;
  padding-left: 0px;
  font-size: 12px;
  padding-bottom: 8px;
}
.ui-function-tips-inner .ui-scope-tooltip dd ul li span {
  font-style: italic;
}
.ui-function-tips-inner .ui-scope-tooltip dd ul li div {
  position: relative;
  padding-top: 3px;
}
.ui-function-tips-inner .ui-scope-tooltip dd ul li div::before {
  content: " ";
  border: 1px solid #ccc;
  width: 3px;
  height: 3px;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: -11px;
  top: 9px;
}
.ui-function-tips-inner .ui-scope-tooltip dd ul li:last-child {
  padding-bottom: 0;
}
.ui-function-tips-inner .ui-function-info p {
  background-color: var(--main-background-color);
  border-radius: 8px;
  padding: 8px;
}

.ui-scope-panel-tooltip .ant-popover-title {
  border-bottom: 1px solid var(--main-inverse-border-color, rgba(5, 5, 5, 0.06));
  padding-bottom: 8px;
}
.ui-scope-panel-tooltip .ant-popover-title .anticon {
  font-size: 42px;
  opacity: 0.5;
}
.ui-scope-panel-tooltip .ant-popover-title .ui-tooltip-title {
  display: inline-block;
}
.ui-scope-panel-tooltip .ant-popover-title .ui-tooltip-title p {
  margin: 0;
  padding: 0;
}
.ui-scope-panel-tooltip .ant-popover-title .ui-tooltip-title p:last-child {
  opacity: 0.5;
  font-weight: 400;
}
.ui-scope-panel-tooltip .ant-popover-title .ui-tooltip-title p:nth-child(2) {
  font-size: 12px;
}

.ui-scope-panel-inner {
  width: 420px;
}
.ui-scope-panel-inner .ui-scope-panel-header {
  border-bottom: 1px solid var(--main-inverse-border-color, rgba(5, 5, 5, 0.06));
  padding-bottom: 8px;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
  border-radius: 8px;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span {
  padding: 4px 4px;
  border: 1px solid var(--main-border-color);
  margin-right: -1px;
  cursor: pointer;
  position: relative;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span.ui-selected {
  border-color: var(--main-bg-color) !important;
  color: var(--main-bg-color) !important;
  z-index: 2 !important;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span:hover {
  border-color: #ccc;
  z-index: 1;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span:first-child {
  border-radius: 4px 0 0 4px;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span:last-child {
  border-radius: 0 4px 4px 0;
}
.ui-scope-panel-inner .ui-scope-panel-header .ui-scope-classify span:first-child:last-child {
  border-radius: 4px;
}
.ui-scope-panel-inner .ui-scope-panel-body {
  padding: 16px 2px;
  padding-bottom: 0;
  min-height: 500px;
  max-height: calc(100vh - 132px);
  overflow: hidden;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-former-notice {
  padding: 4px 8px;
  line-height: 16px;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dt {
  opacity: 0.7;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span {
  display: inline-block;
  background-color: var(--main-background-color);
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0 4px;
  border-radius: 3px;
  transition: all 0.2s;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span.ui-disabled {
  opacity: 0.5;
  cursor: default;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span .anticon {
  opacity: 0.2;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span.ant-popover-open, .ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span:not(.o):not(.ui-disabled):hover {
  color: #fff;
  background-color: var(--main-bg-color);
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span.ant-popover-open span, .ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span:not(.o):not(.ui-disabled):hover span {
  opacity: 0.9;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd > span.o {
  background-color: #fff !important;
  cursor: default;
  display: inline-block;
  line-height: 14px;
  opacity: 0.6;
  max-width: calc(100% - 57px);
  vertical-align: middle;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-scope-function-list dd {
  word-break: break-all;
  margin-inline-start: 1em;
}
.ui-scope-panel-inner .ui-scope-panel-body > div {
  display: none;
}
.ui-scope-panel-inner .ui-scope-panel-body .ui-selected {
  display: block;
}.ui-scope-panel-tooltip .ant-popover-title > span {
  margin-right: 8px;
}

.ui-function-tooltip {
  width: 350px;
}

.ui-function-tooltip-wrapper {
  font-size: 12px;
}
.ui-function-tooltip-wrapper p {
  max-width: 350px;
  background-color: var(--main-background-color);
  border-radius: 12px;
  padding: 8px;
  opacity: 0.7;
}
.ui-function-tooltip-wrapper dl dt {
  font-size: 14px;
}
.ui-function-tooltip-wrapper dl dd {
  font-size: 12px;
  padding-left: 0 !important;
  margin-left: 0;
  word-break: break-all;
}
.ui-function-tooltip-wrapper dl dd ul {
  padding-left: 16px;
  margin: 0;
  word-wrap: break-word;
}
.ui-function-tooltip-wrapper dl dd .rv {
  position: relative;
}
.ui-function-tooltip-wrapper dl dd .rv::before {
  content: " ";
  border: 1px solid #ccc;
  width: 3px;
  height: 3px;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: -11px;
  top: 9px;
}
.ui-function-tooltip-wrapper dl dd span {
  opacity: 0.5;
}
.ui-function-tooltip-wrapper dl dd span::after {
  content: ",";
  display: inline-block;
  width: 8px;
}
.ui-function-tooltip-wrapper dl dd span.ui-selected {
  opacity: 1;
  color: var(--main-bg-color);
}
.ui-function-tooltip-wrapper dl dd span:last-child:after {
  display: none;
}

.ui-function-info {
  max-width: 450px;
}
.ui-function-info dt {
  font-weight: bold;
  padding-bottom: 8px;
  opacity: 0.8;
  font-size: 12px;
}
.ui-function-info dt span {
  font-weight: 400;
  margin-left: 8px;
  opacity: 0.6;
}
.ui-function-info p {
  line-height: 1.25;
  font-size: 12px;
}
.ui-function-info dd {
  margin-inline-start: 1.2em;
  line-height: 1.25;
  padding-bottom: 4px;
  font-size: 12px;
  word-break: break-all;
}
.ui-function-info dd.ui-selected span,
.ui-function-info dd span.ui-selected {
  opacity: 1 !important;
  color: var(--main-bg-color);
}
.ui-function-info dd:last-child {
  padding-bottom: 0;
}
.ui-function-info dd.ui-scope-examples span {
  opacity: 0.5;
}
.ui-function-info dd.ui-scope-examples span::after {
  content: ",";
  display: inline-block;
  width: 8px;
}
.ui-function-info dd.ui-scope-examples span:last-child:after {
  display: none;
}

.ant-space-horizontal .ant-space-item:first-child .ui-scope {
  margin-right: -1px;
}
.ant-space-horizontal .ant-space-item:first-child .ui-scope .ui-scope-inner {
  border-radius: 6px 0 0 6px;
}
.ant-space-horizontal .ant-space-item:last-child .ui-scope {
  margin-right: -1px;
}
.ant-space-horizontal .ant-space-item:last-child .ui-scope .ui-scope-inner {
  border-radius: 0px 6px 6px 0px;
}

.ant-space-compact .ui-scope .ui-scope-inner {
  border-radius: 0;
}
.ant-space-compact .ui-scope:nth-of-type(1) {
  margin-right: -1px;
}
.ant-space-compact .ui-scope:nth-of-type(1) .ui-scope-inner {
  border-radius: 6px 0 0 6px;
}
.ant-space-compact .ui-scope:last-child {
  margin-right: -1px;
}
.ant-space-compact .ui-scope:last-child .ui-scope-inner {
  border-radius: 0px 6px 6px 0px;
}

.former-object-item-label .ui-scope {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
}
.former-object-item-label .ui-scope .ui-scope-inner {
  height: 24px;
  padding: 0 8px;
  border: 1px solid var(--main-border-color);
}

.ui-scope {
  line-height: 1.5714285714;
  font-size: 14px;
  height: 32px;
  transition: all 0.2s;
  position: relative;
  cursor: text;
}
.ui-scope .ui-scope-wrapper {
  display: inline-block;
}
.ui-scope .anticon {
  opacity: 0.6;
  margin-left: -2px;
  margin-right: 2px;
}
.ui-scope.ui-scope-textarea {
  min-height: 68px;
}
.ui-scope.ui-scope-textarea .ui-scope-inner {
  height: 68px;
  min-height: 68px;
}
.ui-scope.ui-scope-visibility .ui-scope-inner {
  display: none;
}
.ui-scope.ui-scope-error .ui-scope-inner {
  border-color: #ff4d4f;
}
.ui-scope .ui-scope-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 4px 8px;
  width: 100%;
  height: 32px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 6px;
  z-index: 11;
  transition: all 0.2s;
}
.ui-scope .ui-scope-inner .ui-scope-input:first-child {
  margin-left: -3px;
}
.ui-scope .ui-scope-inner .ui-scope-content > .ui-scope-function::after,
.ui-scope .ui-scope-inner .ui-scope-content > .ui-scope-comma::after,
.ui-scope .ui-scope-inner .ui-scope-content > .ui-scope-input:not(.ui-scope-input-padding)::after {
  content: ",";
  display: inline-block;
  opacity: 0.5;
  font-size: 14px;
  font-family: monospace;
}
.ui-scope .ui-scope-inner .ui-scope-content > .ui-scope-scope {
  margin-right: 4px;
}
.ui-scope .ui-scope-inner .ui-scope-content > .ui-scope-scope::after {
  content: ",";
  display: inline-block;
  position: absolute;
  opacity: 0.5;
  font-size: 14px;
  font-family: monospace;
}
.ui-scope .ui-scope-inner .ui-scope-content > *:last-child::after {
  display: none !important;
}
.ui-scope:not(.ui-scope-more) .ui-scope-content > .ui-scope-input:not(:empty)::after {
  display: none !important;
}
.ui-scope:not(.ui-scope-more) .ui-scope-content > .ui-scope-function::after {
  display: none !important;
}
.ui-scope:not(.ui-scope-more) .ui-scope-content > .ui-scope-scope::after {
  display: none !important;
}
.ui-scope.ui-scope-focus {
  z-index: 111;
}
.ui-scope.ui-scope-focus .ui-scope-placeholder {
  display: none;
}
.ui-scope.ui-scope-focus .ui-scope-inner {
  height: auto !important;
  z-index: 1111;
  border-color: var(--main-bg-color);
  box-shadow: 0 0 0 2px rgba(5, 55, 255, 0.06);
  outline: 0;
}
.ui-scope.ui-scope-focus .ui-scope-function,
.ui-scope.ui-scope-focus .ui-scope-scope,
.ui-scope.ui-scope-focus .ui-scope-vaiable,
.ui-scope.ui-scope-focus .ui-scope-keywor {
  display: inline-block;
}
.ui-scope .ui-scope-scope,
.ui-scope .ui-scope-vaiable {
  display: inline-block;
  word-break: break-all;
  line-height: 16px;
}
.ui-scope .ui-scope-scope:hover, .ui-scope .ui-scope-scope.ant-popover-open,
.ui-scope .ui-scope-vaiable:hover,
.ui-scope .ui-scope-vaiable.ant-popover-open {
  color: #fff;
  background-color: var(--main-bg-color);
}
.ui-scope .ui-scope-scope:hover span, .ui-scope .ui-scope-scope.ant-popover-open span,
.ui-scope .ui-scope-vaiable:hover span,
.ui-scope .ui-scope-vaiable.ant-popover-open span {
  opacity: 0.9 !important;
}
.ui-scope .ui-scope-prefix {
  padding-left: 24px !important;
}
.ui-scope .ui-scope-prefix > span.anticon {
  position: absolute;
  top: 8px;
  left: 6px;
}
.ui-scope .ui-scope-prefix .ui-scope-content {
  width: calc(100% - 30px);
}
.ui-scope .ui-scope-content {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
.ui-scope .ui-scope-bind .ui-scope-content {
  padding-right: 30px;
}
.ui-scope .ui-scope-bind button {
  position: absolute;
  right: 3px;
  top: 3px;
}
.ui-scope .ui-scope-placeholder {
  position: absolute;
  min-height: 24px;
  line-height: 20px;
  top: 50%;
  width: 100%;
  left: 0px;
  margin-top: -12px;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.2;
}
.ui-scope .ui-scope-function-keyword.ui-scope-function-hight {
  background-color: var(--main-bg-color) !important;
  color: #fff;
}
.ui-scope .ui-scope-function-keyword.ui-scope-function-hight span {
  opacity: 0.9;
}
.ui-scope .ui-scope-function-button {
  height: 16px;
  width: 16px;
  margin-top: -3px;
  font-size: 12px;
  line-height: 1.5714285714;
  vertical-align: middle;
  padding: 0;
}
.ui-scope .ui-scope-function .ui-scope-keyword {
  display: inline-block;
}
.ui-scope .ui-scope-function .ui-scope-input {
  min-width: 8px;
}
.ui-scope .ui-scope-function:Hover > .ui-scope-keyword {
  background-color: #d9d9d9;
}
.ui-scope .ui-scope-function:first-child {
  margin-left: 0;
}
.ui-scope .ui-scope-input {
  padding: 1px 0;
  border: none;
  display: inline-block;
  border-radius: 0;
  outline: none;
  min-width: 3px;
  width: auto;
  height: 16px;
  position: relative;
  line-height: 16px;
  word-break: break-all;
}
.ui-scope .ui-scope-input.ant-popover-open {
  background-color: var(--main-background-color);
}
.ui-scope .ui-scope-input:focus {
  outline: none;
}
.ui-scope .ui-scope-input:empty::before {
  content: " ";
}
.ui-scope .ui-scope-keyword-one {
  padding: 0 4px;
  margin: 0 4px;
}
.ui-scope .ant-select {
  min-width: auto !important;
}
.ui-scope .ant-select.ant-select-show-arrow .ant-select-selection-item {
  padding-inline-end: 14px !important;
}
.ui-scope .ant-select .ant-select-arrow {
  inset-inline-end: 7px;
}
.ui-scope .ui-scope-scope,
.ui-scope .ui-scope-vaiable,
.ui-scope .ui-scope-function-keyword {
  background: var(--main-background-color);
  border-radius: 3px;
  padding: 1px 4px;
  transition: all 0.3s;
  display: inline;
  margin-bottom: 4px;
  max-width: calc(100% - 11px);
  cursor: default;
}
.ui-scope .ui-scope-scope .number,
.ui-scope .ui-scope-vaiable .number,
.ui-scope .ui-scope-function-keyword .number {
  padding: 0px;
  border: 0.5px solid var(--main-border-color);
  font-size: 12px;
  height: 14px;
  line-height: 14px;
  margin-left: 2px;
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
  width: 14px;
  text-align: center;
  opacity: 0.3;
  border-radius: 50%;
}
.ui-scope .ui-scope-scope span.anticon,
.ui-scope .ui-scope-vaiable span.anticon,
.ui-scope .ui-scope-function-keyword span.anticon {
  opacity: 0.2;
  margin-right: 4px;
}.former-list {
  border: 1px solid var(--main-border-color);
  border-left-width: 4px;
  border-radius: 8px;
  padding: 8px;
}
.former-list.former-list-error {
  border-color: var(--error-color);
}
.former-list .former-list-item {
  padding-bottom: 8px;
}
.former-list .former-list-item:last-child {
  padding-bottom: 0;
}
.former-list .former-list-item .ant-space-compact {
  width: 100%;
}
.former-list .former-list-add {
  cursor: pointer;
  border-radius: 8px;
  border: 1px dashed var(--main-border-color);
  padding: 4px 8px;
  text-align: center;
}
.former-list .former-list-add:hover {
  background-color: var(--main-background-color);
}.ui-searchbar .ant-select {
  min-width: 105px;
}.hoofs-pick {
  z-index: 10001;
}
.hoofs-pick .ant-message-info > span.anticon {
  display: none;
}
.hoofs-pick .ant-message-notice-content {
  min-width: 240px;
  padding: 16px !important;
}

.hoofs-pick-content {
  text-align: left;
}
.hoofs-pick-content h4 {
  font-size: 14px;
  color: #333;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
  font-weight: 400;
}
.hoofs-pick-content .ant-select {
  width: 100%;
}
.hoofs-pick-content .hoofs-pick-buttons {
  text-align: left;
  text-transform: capitalize;
}
.hoofs-pick-content .hoofs-pick-buttons button {
  margin-right: 8px;
}

.hoofs-pick-mask {
  z-index: 1009;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #333;
  opacity: 0.1;
}.popover-menu-wrapper {
  min-width: 150px;
}
.popover-menu-wrapper .ant-popover-inner {
  padding: 6px 0px;
}
.popover-menu-wrapper .ant-menu-vertical > .ant-menu-item {
  height: 26px;
  line-height: 26px;
}
.popover-menu-wrapper .ant-menu-light.ant-menu-root.ant-menu-vertical {
  border-inline-end: none;
}
.popover-menu-wrapper .ant-menu-vertical .ant-menu-item {
  padding-inline: 8px;
}
.popover-menu-wrapper .ant-menu .ant-menu-item .anticon + span {
  margin-inline-start: 4px;
}
.popover-menu-wrapper .ant-menu-light .ant-menu-item-danger:hover {
  background: #FF4D53 !important;
  color: #fff !important;
}:root {
  --contexify-menu-bgColor: #fff;
  --contexify-separator-color: rgba(5,5,5,0.06);
  --contexify-item-color: rgba(0, 0, 0, 0.88);
  --contexify-activeItem-color: #333;
  --contexify-activeItem-bgColor: rgba(0, 0, 0, 0.04);
  --contexify-rightSlot-color: rgba(0, 0, 0, 0.45);
  --contexify-activeRightSlot-color: rgba(0, 0, 0, 0.45);
  --contexify-arrow-color: rgba(0, 0, 0, 0.45);
  --contexify-activeArrow-color: rgba(0, 0, 0, 0.45);
  --contexify-menu-minWidth: 150px;
  --contexify-itemContent-padding: 2px;
  --contexify-separator-margin: 4px 0 ;
  --contexify-zIndex: 666;
  --contexify-menu-padding: 6px;
  --contexify-menu-radius: 8px;
  --contexify-menu-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  --contexify-menu-negatePadding: var(--contexify-menu-padding);
}

.contexify {
  padding: 8px 4px;
}

.contexify_itemContent {
  font-size: 14px;
}

.ui-menu-danger .contexify_itemContent {
  color: #ff4d4f;
}
.ui-menu-danger:hover .contexify_itemContent {
  color: #fff !important;
  background: #ff4d4f !important;
}

.contexify_separator {
  margin: 4px 8px;
  opacity: 0.5;
}

.contexify_itemContent {
  padding: 2px 8px;
}
.contexify_itemContent .anticon {
  margin-right: 8px;
  opacity: 0.8;
}
.contexify_itemContent .shortcut-text {
  position: absolute;
  right: 4px;
  top: 4px;
  font-size: 12px;
  opacity: 0.5;
}
.contexify_itemContent .contexify_rightSlot {
  font-size: 12px;
}
.contexify_itemContent .contexify_rightSlot svg {
  width: 12px;
}

.contexify_item .icons-combine.icons-combine-bottomRight {
  margin-right: 10px;
}
.contexify_item .icons-combine.icons-combine-bottomRight > span:last-child {
  bottom: -6px;
  right: -12px;
  padding: 2px;
  opacity: 1;
}
.contexify_item .icons-combine.icons-combine-bottomRight span {
  margin-right: 0;
}
.contexify_item.ui-menu-group {
  padding: 0 8px;
  padding-top: 4px;
}
.contexify_item.ui-menu-group:first-child .contexify_itemContent {
  padding-top: 0;
}
.contexify_item.ui-menu-group .contexify_itemContent {
  padding-left: 0;
  opacity: 0.4;
  font-size: 12px;
  padding-top: 8px;
  border-bottom: 0.5px solid var(--main-border-color);
  opacity: 0.4;
  cursor: default;
  margin-bottom: 4px;
}
.contexify_item.ui-menu-group .contexify_itemContent:hover {
  background-color: transparent;
}.ui-layout {
  height: 100%;
}
.ui-layout .hoofs-sidebar {
  float: left;
}
.ui-layout .ui-layout-content {
  height: 100%;
  overflow: hidden;
}

.ant-tooltip .ant-tooltip-inner {
  background-color: #fff;
  color: var(--main-front-color);
}

.ant-tooltip .ant-tooltip-arrow:before {
  background-color: #fff;
}
.router-direct-wrapper {
  padding-top: 4px;
  min-height: 100%;
}
.router-direct-wrapper::after {
  content: " ";
  display: block;
  position: fixed;
  width: 100%;
  height: 4px;
  background-color: var(--main-bg-color);
  z-index: 2;
  top: 0px;
  left: 0;
}
.router-direct-wrapper .ant-empty {
  margin-top: 46.8%;
}
.router-direct-wrapper .logo {
  position: absolute;
  color: var(--main-bg-color);
  font-size: 32px;
  left: 11px;
  top: 4px;
}
.router-direct-wrapper .logo span {
  vertical-align: middle;
}
.router-direct-wrapper .logo .ui-text {
  font-size: 20px;
  line-height: 38px;
  display: inline-block;
}

.router-loading {
  min-height: 400px;
  text-align: center;
  line-height: 400px;
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi), (orientation: portrait) {
  .router-direct-wrapper {
    /*弹窗*/
  }
  .router-direct-wrapper .ui-smartpage-layout-page {
    padding-bottom: 48px;
  }
  .router-direct-wrapper .ui-block-item-type-setting {
    min-width: auto;
    width: 100%;
  }
  .router-direct-wrapper .ui-boarding-wrapper > div .ui-boarding-body ul li.ui-avatar-has {
    padding-left: 44px;
  }
  .router-direct-wrapper .box-setting {
    margin: 0;
    padding: 2px;
  }
  .router-direct-wrapper .box-setting > h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 8px;
    opacity: 0.5;
    font-size: 20px;
    font-weight: 300;
  }
  .router-direct-wrapper .box-setting .box-setting-items {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .router-direct-wrapper .box-setting .box-setting-items .ant-list .ant-list-item {
    padding: 8px 16px;
    display: block;
  }
  .router-direct-wrapper .box-setting .box-setting-items .ant-list .ant-list-item > .ant-space {
    display: block;
    text-align: right;
    overflow: hidden;
  }
  .router-direct-wrapper .box-setting .box-setting-items .ant-list .ant-list-item > .ant-space > .ant-space-item {
    float: right;
  }
  .router-direct-wrapper .box-setting .box-setting-items .ant-list .ant-list-item .ant-list-item-meta-description {
    max-width: 100%;
  }
  .router-direct-wrapper .box-setting .ant-list-item-meta {
    padding-bottom: 12px;
  }
  .router-direct-wrapper .ui-box-pricing-inner .all-features {
    opacity: 0.5 !important;
    font-weight: 300 !important;
    text-align: left;
    font-size: 20px !important;
    padding-left: 0 !important;
  }
  .router-direct-wrapper .ui-block-item-theme-backend {
    min-width: auto;
  }
  .router-direct-wrapper .ui-box-pricing {
    padding: 0;
  }
  .router-direct-wrapper .ui-box-pricing thead tr th:first-child {
    display: none;
  }
  .router-direct-wrapper .ui-box-pricing tbody tr td:first-child {
    display: none;
  }
  .router-direct-wrapper .ui-classify-content-left .ui-block .ui-block-item {
    margin-top: 0 !important;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    height: 20px;
    line-height: 20px;
    width: auto;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-content th {
    height: 20px;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-cell {
    padding: 0;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-ranges > li {
    line-height: 32px;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-header-view {
    line-height: 24px;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-time-panel {
    max-height: 71px !important;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-body {
    padding: 2px 8px;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-date-panel .ant-picker-body {
    padding: 2px 8px;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-datetime-panel {
    display: block !important;
  }
  .router-direct-wrapper .ant-picker-dropdown .ant-picker-datetime-panel .ant-picker-time-panel-column {
    max-height: 40px !important;
    overflow-y: scroll;
  }
  .router-direct-wrapper .ui-background-dwbg {
    display: none;
  }
  .router-direct-wrapper .ui-classify-panel > .ui-header .ui-title span.des {
    display: none;
  }
  .router-direct-wrapper > .ui-smartpage-wrapper > .ant-spin-nested-loading > .ant-spin-container > .ui-classify-wrapper > .ui-classify-panel .tabler-batch-add button {
    padding: 4px 8px;
  }
  .router-direct-wrapper > .ui-smartpage-wrapper > .ant-spin-nested-loading > .ant-spin-container > .ui-classify-wrapper > .ui-classify-panel .tabler-batch-add button.ant-btn-variant-solid {
    background-color: #fff;
    border: 1px solid var(--main-bg-color);
    color: var(--main-bg-color);
  }
  .router-direct-wrapper > .ui-smartpage-wrapper > .ant-spin-nested-loading > .ant-spin-container > .ui-classify-wrapper > .ui-classify-panel .tabler-batch-add button .icons-combine-bottomRight span:nth-child(2) {
    color: #fff;
  }
  .router-direct-wrapper > .ui-smartpage-wrapper > .ant-spin-nested-loading > .ant-spin-container > .ui-classify-wrapper > .ui-classify-panel .tabler-batch-add button > span:last-child {
    display: none;
  }
  .router-direct-wrapper .ui-smartpage-article-toolbar .tabler-batch-add .ant-btn-primary:not([disabled]) {
    border: 1px solid var(--color) !important;
    color: var(--color) !important;
  }
  .router-direct-wrapper .ant-list-item-meta-content .ant-list-item-meta-title {
    line-height: 1em !important;
  }
  .router-direct-wrapper .ui-mircotable-extra .ant-space-compact button {
    font-size: 12px !important;
    padding: 0 6px !important;
  }
  .router-direct-wrapper .ui-smartpage-wrapper .ui-classify-wrapper {
    padding: 0 12px;
  }
  .router-direct-wrapper .ui-smartpage-wrapper .ui-classify-content-wrapper {
    margin-top: 8px;
  }
  .router-direct-wrapper .ui-classify-panel .ui-extra {
    top: 9px;
  }
  .router-direct-wrapper .ui-classify-panel > .ui-header {
    font-size: 22px;
    padding: 8px 0;
    margin-top: 0px !important;
  }
  .router-direct-wrapper .ui-classify-panel > .ui-header .ui-title > span.anticon {
    visibility: hidden;
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-tab {
    padding: 0 4px;
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-tab span.ui-label {
    width: 18px;
    display: inline-block;
    height: 20px;
    overflow: hidden;
    color: #888;
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-tab span.ui-label span.anticon {
    margin-left: 0;
    opacity: 1;
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-tab.ant-tabs-tab-active {
    background-color: #fff;
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-tab.ant-tabs-tab-active .ui-label {
    color: var(--main-bg-color);
  }
  .router-direct-wrapper .ui-classify-panel .ant-tabs-top {
    padding-top: 8px;
  }
  .router-direct-wrapper .former-object-item-content .ant-list .ant-list-item .ant-list-item-meta {
    align-items: center;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
    margin-bottom: 0;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description {
    line-height: 14px;
    opacity: 0.8;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description p {
    display: none;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description .ant-space span.ui-text > span:not(.anticon) {
    display: none;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-description .ui-createdat-wrapper {
    float: left;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
    margin-inline-end: 12px;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar {
    width: 24px !important;
    height: 24px !important;
    font-size: 20px !important;
  }
  .router-direct-wrapper .ui-mircotable .ant-list .ant-list-item .ant-list-item-meta .ui-mircotable-avatar-con {
    padding-left: 0px;
  }
  .router-direct-wrapper .ui-smartpage-wrapper .ant-list-item-meta-description .ui-createdat-wrapper {
    padding-left: 0;
  }
  .router-direct-wrapper .ui-mircotable .ui-mircotable-avatar-con > span:nth-child(2),
  .router-direct-wrapper .ui-mircotable .ui-mircotable-avatar-con > span:nth-child(1) {
    display: none;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-left {
    width: 0 !important;
    overflow: hidden;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right {
    overflow: inherit;
    padding-left: 0;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right > div {
    border: none;
    padding: 0;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right .ui-smartpage-article .ui-smartpage-article-des {
    display: none;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 4px 0;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right .ui-smartpage-article-toolbar button,
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right .tabler-batch-add button {
    height: 26px;
    padding: 0 4px;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right .ui-smartpage-article-toolbar button > span:not(.ant-btn-icon),
  .router-direct-wrapper .ui-classify-optional-mode .ui-classify-content-right .tabler-batch-add button > span:not(.ant-btn-icon) {
    display: none;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-mircotable .ant-list-split .ant-list-item {
    overflow: hidden;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar {
    top: -46px;
    right: 0;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-smartpage-article .ui-smartpage-article-title .ui-smartpage-article-toolbar > span {
    vertical-align: top;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-smartpage-article .ui-smartpage-article-content {
    padding-right: 0;
    padding-top: 0;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-smartpage-article .ui-smartpage-article-title {
    border-bottom: none;
    padding-bottom: 8px;
    opacity: 0.7;
  }
  .router-direct-wrapper .ui-classify-optional-mode .ui-smartpage-article .ui-smartpage-article-title span.ant-avatar {
    background-color: #ddd !important;
    font-size: 14px !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: -2px;
    margin-right: 0px;
  }
  .router-direct-wrapper .ui-classify-optional-mode > .ui-classify-panel > .ant-tabs {
    display: none;
  }
  .router-direct-wrapper .ui-classify-optional-mode > .ui-classify-panel > .ui-header .ui-extra {
    display: none;
  }
  .router-direct-wrapper .ui-mircotable .ui-block-item {
    padding: 32px 8px;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-header {
    padding: 11px 12px;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-title > .ant-space .ant-avatar {
    background-color: #ccc !important;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-content {
    border-top: 4px solid var(--main-bg-color);
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body {
    padding: 16px;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body .ui-former-notice {
    padding: 8px;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body .former-radio-card .ant-list-item {
    padding: 12px;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body .former-group-item-content.former-group-item-border:only-child {
    border: none;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body .former-group-item-content.former-group-length-1 {
    padding: 0;
    border: 0;
  }
  .router-direct-wrapper .ant-drawer .ant-drawer-body .former-group-item-content.former-group-length-1 > .former-object-item {
    padding-left: 0;
    padding-right: 0;
  }
  .router-direct-wrapper .login-form-wrapper.login-form-light .login-form-bg,
  .router-direct-wrapper .login-form-wrapper.login-form-light .login-logo {
    display: none;
  }
  .router-direct-wrapper .login-form-inner {
    border-top: 7px solid var(--main-bg-color);
  }
  .router-direct-wrapper .login-prompt {
    display: none;
  }
  .router-direct-wrapper .ui-classify-panel > .ui-header .ui-title {
    text-transform: uppercase;
  }
}.login-qrcode .ant-popover-title {
  width: 200px;
  line-height: 16px;
  opacity: 0.5;
  font-weight: 400;
  font-size: 12px;
}
.login-qrcode .qrcode {
  position: relative;
}
.login-qrcode .qrcode .loader {
  width: 210px;
  height: 210px;
  position: absolute;
  top: -5px;
  left: -5px;
  display: grid;
  border-radius: 8px;
  color: #046D8B;
  opacity: 0.1;
}
.login-qrcode .qrcode .loader:before,
.login-qrcode .qrcode .loader:after {
  content: "";
  grid-area: 1/1;
  --c:#0000 calc(100%/3),#046D8B 0 calc(2*100%/3),#0000 0;
  --c1:linear-gradient(90deg,var(--c));
  --c2:linear-gradient( 0deg,var(--c));
  background: var(--c1), var(--c2), var(--c1), var(--c2);
  background-size: 300% 4px, 4px 300%;
  background-repeat: no-repeat;
  animation: l15 2.5s infinite;
}
.login-qrcode .qrcode .loader:after {
  animation-delay: -1.75s;
}
@keyframes l15 {
  0% {
    background-position: 50% 0, 100% 100%, 0 100%, 0 0;
  }
  25% {
    background-position: 0 0, 100% 50%, 0 100%, 0 0;
  }
  50% {
    background-position: 0 0, 100% 0, 50% 100%, 0 0;
  }
  75% {
    background-position: 0 0, 100% 0, 100% 100%, 0 50%;
  }
  75.01% {
    background-position: 100% 0, 100% 0, 100% 100%, 0 50%;
  }
  100% {
    background-position: 50% 0, 100% 0, 100% 100%, 0 100%;
  }
}
.login-qrcode .qrcode canvas {
  border-radius: 8px;
}
.login-qrcode .qrcode .button {
  text-align: center;
  margin-bottom: -8px;
  /* HTML: <div class="loader"></div> */
}
.login-qrcode .qrcode .button .ant-btn > span {
  font-size: 12px;
}
.login-qrcode .qrcode .icon {
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 42px;
  border-radius: 6px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -35px;
  position: absolute;
}

.login-form-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.login-form-wrapper.login-form-light .login-logo {
  color: var(--main-front-color);
}
.login-form-wrapper .ant-pro-form-login-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  padding-inline: 32px;
  padding-block: 24px;
  overflow-y: auto;
  background: inherit;
}
.login-form-wrapper .ant-pro-form-login-container .ant-pro-form-login-header {
  text-align: center;
}
.login-form-wrapper .ant-pro-form-login-container .ant-pro-form-login-header .ant-pro-form-login-logo {
  vertical-align: top;
}
.login-form-wrapper .ant-pro-form-login-container .ant-pro-form-login-header .ant-pro-form-login-title {
  position: relative;
  inset-block-start: 2px;
  font-weight: 600;
  font-size: 33px;
}
.login-form-wrapper .ant-pro-form-login-container .ant-pro-form-login-header .ant-pro-form-login-title img {
  width: 180px;
}
.login-form-wrapper .ant-pro-form-login-container .input-form {
  min-width: 328px;
  max-width: 328px;
  margin: 0 auto;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .ant-form-item-explain-error {
  text-align: left;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-checkbox {
  text-align: left;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-checkbox .ant-btn {
  float: right;
  padding: 0;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other {
  padding-top: 16px;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other.input-other-disabled .a {
  background: var(--secondary-background-color) !important;
  border-color: var(--secondary-background-color) !important;
  cursor: not-allowed;
  color: #ccc !important;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other.input-other-disabled .a:hover {
  background: var(--secondary-background-color);
  border-color: var(--secondary-background-color);
  color: #ccc;
  transform: none;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other .a {
  display: block;
  height: 42px;
  cursor: pointer;
  line-height: 42px;
  border-radius: 12px;
  background: var(--main-background-color);
  border: 1px solid var(--main-border-color);
  color: #888;
  margin-bottom: 24px;
  transition: all 0.2s;
  text-decoration: none;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other .a:first-child {
  background: var(--main-bg-color);
  border-color: var(--main-bg-color);
  color: #fff;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other .a span:not(.text) {
  margin-right: 8px;
  font-size: 20px;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other .a span.text {
  display: inline-block;
  min-width: 150px;
  /* text-align: left; */
  text-align: justify;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-other .a:hover {
  background: var(--main-bg-color);
  border-color: var(--main-bg-color);
  color: #fff;
  transform: scale(1.05);
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-checkbox {
  text-align: left;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .input-checkbox a {
  text-decoration: underline;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .ant-divider {
  margin-top: 12px;
  opacity: 0.8;
}
.login-form-wrapper .ant-pro-form-login-container .input-form .ant-divider .ant-divider-inner-text {
  opacity: 0.4;
  font-weight: 300;
  font-size: 14px;
}
.login-form-wrapper .ant-pro-form-login-container .ant-pro-form-login-desc {
  margin-block-start: 24px;
  margin-block-end: 48px;
  color: rgba(0, 0, 0, 0.25);
}
.login-form-wrapper .login-connections {
  padding: 0 8px;
}
.login-form-wrapper .login-tool {
  position: absolute;
  z-index: 11;
  right: 16px;
  top: 8px;
}
.login-form-wrapper .login-logo {
  position: absolute;
  left: 16px;
  top: 16px;
  color: #fff;
  font-size: 24px;
}
.login-form-wrapper .ant-pro-form-login-logo {
  font-size: 33px;
  margin-bottom: -4px;
  margin-inline-end: 0px;
}
.login-form-wrapper .ant-pro-form-login-desc {
  font-size: 18px;
  opacity: 0.8;
  padding-left: 10%;
  padding-right: 10%;
}
.login-form-wrapper .login-form-bg {
  float: left;
  width: 50%;
}
.login-form-wrapper .login-form-bg img {
  width: 100%;
}
.login-form-wrapper .ant-pro-form-login-main-other {
  font-size: 16px;
  opacity: 0.8;
  margin-block-start: 0px;
  text-align: left;
}
.login-form-wrapper .ant-pro-form-login-main-other .ant-space-item:first-child {
  opacity: 0.5;
  padding-right: 8px;
}
.login-form-wrapper .ant-pro-form-login-main-other .ant-avatar {
  cursor: pointer;
  transition: all 0.2s;
}
.login-form-wrapper .ant-pro-form-login-main-other .ant-avatar:hover {
  background: #1677ff !important;
}
.login-form-wrapper .login-form-input {
  height: 100%;
  perspective: 1000px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-form-wrapper .login-form-input .ant-pro-form-login-container {
  justify-content: center;
  padding-block: 0;
}
.login-form-wrapper .login-form-input .login-form-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.login-form-wrapper .login-form-input .login-form-inner.login-form-showback {
  transform: rotateY(180deg);
}
.login-form-wrapper .login-form-input .login-form-front,
.login-form-wrapper .login-form-input .login-form-back {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.login-form-wrapper .login-form-input .login-form-back {
  transform: rotateY(180deg);
}.ui-tooltip-valueview {
  min-width: 200px;
  max-width: 550px;
  max-height: 400px;
}
.ui-tooltip-valueview .ant-popover-title {
  opacity: 0.5;
  font-weight: 400;
}

.ui-valueview-table-button {
  cursor: pointer;
}
.ui-valueview-table-button.ant-popover-open {
  color: var(--main-bg-color);
}

.ui-valueview .ant-descriptions .ant-descriptions-item-container {
  display: block;
}
.ui-valueview .ui-empty.ant-popover-open {
  color: var(--main-bg-color);
}
.ui-valueview:not(.ui-valueview-wrapper-default) .ui-valueview {
  padding-left: 12px;
}
.ui-valueview .ant-descriptions-header {
  margin-bottom: 0px;
}
.ui-valueview .ant-descriptions-title {
  font-weight: normal;
  opacity: 0.3;
  font-size: 13px;
  padding-bottom: 0px;
  text-transform: capitalize;
}
.ui-valueview .ant-descriptions .ant-descriptions-row > td {
  padding-bottom: 4px;
}
.ui-valueview .ant-descriptions-view {
  border-radius: 8px;
  font-size: 12px;
  padding: 8px;
  margin-bottom: 8px;
  border: 1px dashed var(--secondary-border-color);
}

.ui-valueview-table .ant-table-wrapper .ant-table.ant-table-small .ant-table-cell,
.ui-valueview-table .ant-table-wrapper .ant-table.ant-table-small .ant-table-thead > tr > th {
  padding: 3px;
  font-size: 12px;
  white-space: nowrap;
}