/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-scrollbar {
  position: relative;
}
.arco-scrollbar-container {
  position: relative;
  scrollbar-width: none;
}
.arco-scrollbar-container::-webkit-scrollbar {
  display: none;
}
.arco-scrollbar-track {
  position: absolute;
  z-index: 100;
}
.arco-scrollbar-track-direction-horizontal {
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 15px;
}
.arco-scrollbar-track-direction-vertical {
  top: 0;
  right: 0;
  box-sizing: border-box;
  width: 15px;
  height: 100%;
}
.arco-scrollbar-thumb {
  position: absolute;
  display: block;
  box-sizing: border-box;
}
.arco-scrollbar-thumb-bar {
  width: 100%;
  height: 100%;
  background-color: var(--color-neutral-4);
  border-radius: 6px;
}
.arco-scrollbar-thumb:hover .arco-scrollbar-thumb-bar,
.arco-scrollbar-thumb-dragging .arco-scrollbar-thumb-bar {
  background-color: var(--color-neutral-6);
}
.arco-scrollbar-thumb-direction-horizontal .arco-scrollbar-thumb-bar {
  height: 9px;
  margin: 3px 0;
}
.arco-scrollbar-thumb-direction-vertical .arco-scrollbar-thumb-bar {
  width: 9px;
  margin: 0 3px;
}
.arco-scrollbar.arco-scrollbar-type-embed .arco-scrollbar-thumb {
  opacity: 0;
  transition: opacity ease 200ms;
}
.arco-scrollbar.arco-scrollbar-type-embed .arco-scrollbar-thumb-dragging {
  opacity: 0.8;
}
.arco-scrollbar.arco-scrollbar-type-embed:hover .arco-scrollbar-thumb {
  opacity: 0.8;
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track {
  background-color: var(--color-neutral-1);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track-direction-horizontal {
  border-top: 1px solid var(--color-neutral-3);
  border-bottom: 1px solid var(--color-neutral-3);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-track-direction-vertical {
  border-right: 1px solid var(--color-neutral-3);
  border-left: 1px solid var(--color-neutral-3);
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-thumb-direction-horizontal {
  margin: -1px 0;
}
.arco-scrollbar.arco-scrollbar-type-track .arco-scrollbar-thumb-direction-vertical {
  margin: 0 -1px;
}
.arco-scrollbar.arco-scrollbar-type-track.arco-scrollbar-both .arco-scrollbar-track-direction-vertical::after {
  position: absolute;
  right: -1px;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  width: 15px;
  height: 15px;
  background-color: var(--color-neutral-1);
  border-right: 1px solid var(--color-neutral-3);
  border-bottom: 1px solid var(--color-neutral-3);
  content: '';
}
/*********** font ***********/
/*********** red ***********/
/*********** orangered ***********/
/*********** orange ***********/
/*********** gold ***********/
/*********** yellow ***********/
/*********** lime ***********/
/*********** green ***********/
/*********** cyan ***********/
/*********** blue ***********/
/*********** arcoblue ***********/
/*********** purple ***********/
/*********** pinkpurple ***********/
/*********** magenta ***********/
/*********** gray ***********/
/*********** dark ***********/
/*********** primary ***********/
/*********** success ***********/
/*********** danger ***********/
/*********** warning ***********/
/*********** link ***********/
/*********** arco ***********/
/*********** border ***********/
/*********** shadow ***********/
/*********** size ***********/
/*********** spacing ***********/
/*********** color ***********/
/*********** shadow1 ***********/
/*********** shadow2 ***********/
/*********** shadow3 ***********/
/*********** opacity ***********/
/*********** radius ***********/
/*********** mask ***********/
/*********** global ***********/
/*********** icon ***********/
/*********** prefix ***********/
/*********** code ***********/
/*********** transition ***********/
/*********** z ***********/
/*********** line ***********/
/*********** popup ***********/
/*********** trigger ***********/
/*********** auto ***********/
/*********** input ***********/
/*********** textarea ***********/
/*********** search ***********/
/*********** password ***********/
/*********** picker ***********/
/*********** tag ***********/
/*********** colors ***********/
/*********** select ***********/
/*********** affix ***********/
/*********** alert ***********/
/*********** anchor ***********/
/*********** avatar ***********/
/*********** backtop ***********/
/*********** badge ***********/
/*********** breadcrumb ***********/
/*********** btn ***********/
/*********** calendar ***********/
/*********** card ***********/
/*********** carousel ***********/
/*********** dropdown ***********/
/*********** cascader ***********/
/*********** checkbox ***********/
/*********** collapse ***********/
/*********** comment ***********/
/*********** datepicker ***********/
/*********** timepicker ***********/
/*********** date ***********/
/*********** time ***********/
/*********** month ***********/
/*********** quarter ***********/
/*********** year ***********/
/*********** week ***********/
/*********** range ***********/
/*********** descriptions ***********/
/*********** divider ***********/
/*********** drawer ***********/
/*********** empty ***********/
/*********** form ***********/
/*********** row ***********/
/*********** col ***********/
/*********** grid ***********/
/*********** image ***********/
/*********** preview ***********/
/*********** layout ***********/
/*********** list ***********/
/*********** mentions ***********/
/*********** mention ***********/
/*********** menu ***********/
/*********** message ***********/
/*********** modal ***********/
/*********** notification ***********/
/*********** overflow ***********/
/*********** page ***********/
/*********** pagination ***********/
/*********** patination ***********/
/*********** popconfirm ***********/
/*********** popover ***********/
/*********** progress ***********/
/*********** radio ***********/
/*********** rate ***********/
/*********** resizeBox ***********/
/*********** resizebox ***********/
/*********** result ***********/
/*********** scrollbar ***********/
/*********** scroll ***********/
/*********** skeleton ***********/
/*********** slider ***********/
/*********** space ***********/
/*********** spin ***********/
/*********** dot ***********/
/*********** split ***********/
/*********** statistic ***********/
/*********** steps ***********/
/*********** switch ***********/
/*********** table ***********/
/*********** tabs ***********/
/*********** sizes ***********/
/*********** timeline ***********/
/*********** tooltip ***********/
/*********** transfer ***********/
/*********** tree ***********/
/*********** typography ***********/
/*********** upload ***********/
/*********** verification ***********/
/*********** watermark ***********/
/******** borderSize *******/
/******** borderStyle *******/
/******** radius *******/
/******** shadow distance *******/
/******** size *******/
/******** spacing *******/
/******** shadow *******/
/******** opacity *******/
/******** fontSize *******/
/******** fontWeight ********/
/******** Primary *******/
/******** success *******/
/******** warning *******/
/******** danger *******/
/******** link *******/
/******** radius *******/
/********* icon hover *********/
.arco-dot-loading {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 8px;
  transform-style: preserve-3d;
  perspective: 200px;
}
.arco-dot-loading-item {
  position: absolute;
  top: 0;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: rgb(var(--primary-6));
  border-radius: var(--border-radius-circle);
  transform: translateX(-50%) scale(0);
  animation: arco-dot-loading 2s cubic-bezier(0, 0, 1, 1) infinite forwards;
}
.arco-dot-loading-item:nth-child(2) {
  background-color: rgb(var(--primary-5));
  animation-delay: 400ms;
}
.arco-dot-loading-item:nth-child(3) {
  background-color: rgb(var(--primary-4));
  animation-delay: 800ms;
}
.arco-dot-loading-item:nth-child(4) {
  background-color: rgb(var(--primary-4));
  animation-delay: 1200ms;
}
.arco-dot-loading-item:nth-child(5) {
  background-color: rgb(var(--primary-2));
  animation-delay: 1600ms;
}
/* prettier-ignore */
@keyframes arco-dot-loading {
  /* prettier-ignore */
  0% {
    transform: translate3D(-48.621%, 0, -0.985px) scale(0.511);
  }
  2.778% {
    transform: translate3D(-95.766%, 0, -0.94px) scale(0.545);
  }
  5.556% {
    transform: translate3D(-140%, 0, -0.866px) scale(0.6);
  }
  8.333% {
    transform: translate3D(-179.981%, 0, -0.766px) scale(0.675);
  }
  11.111% {
    transform: translate3D(-214.492%, 0, -0.643px) scale(0.768);
  }
  13.889% {
    transform: translate3D(-242.487%, 0, -0.5px) scale(0.875);
  }
  16.667% {
    transform: translate3D(-263.114%, 0, -0.342px) scale(0.993);
  }
  19.444% {
    transform: translate3D(-275.746%, 0, -0.174px) scale(1.12);
  }
  22.222% {
    transform: translate3D(-280%, 0, 0px) scale(1.25);
  }
  25% {
    transform: translate3D(-275.746%, 0, 0.174px) scale(1.38);
  }
  27.778% {
    transform: translate3D(-263.114%, 0, 0.342px) scale(1.507);
  }
  30.556% {
    transform: translate3D(-242.487%, 0, 0.5px) scale(1.625);
  }
  33.333% {
    transform: translate3D(-214.492%, 0, 0.643px) scale(1.732);
  }
  36.111% {
    transform: translate3D(-179.981%, 0, 0.766px) scale(1.825);
  }
  38.889% {
    transform: translate3D(-140%, 0, 0.866px) scale(1.9);
  }
  41.667% {
    transform: translate3D(-95.766%, 0, 0.94px) scale(1.955);
  }
  44.444% {
    transform: translate3D(-48.621%, 0, 0.985px) scale(1.989);
  }
  47.222% {
    transform: translate3D(0%, 0, 1px) scale(2);
  }
  50% {
    transform: translate3D(48.621%, 0, 0.985px) scale(1.989);
  }
  52.778% {
    transform: translate3D(95.766%, 0, 0.94px) scale(1.955);
  }
  55.556% {
    transform: translate3D(140%, 0, 0.866px) scale(1.9);
  }
  58.333% {
    transform: translate3D(179.981%, 0, 0.766px) scale(1.825);
  }
  61.111% {
    transform: translate3D(214.492%, 0, 0.643px) scale(1.732);
  }
  63.889% {
    transform: translate3D(242.487%, 0, 0.5px) scale(1.625);
  }
  66.667% {
    transform: translate3D(263.114%, 0, 0.342px) scale(1.507);
  }
  69.444% {
    transform: translate3D(275.746%, 0, 0.174px) scale(1.38);
  }
  72.222% {
    transform: translate3D(280%, 0, 0px) scale(1.25);
  }
  75% {
    transform: translate3D(275.746%, 0, -0.174px) scale(1.12);
  }
  77.778% {
    transform: translate3D(263.114%, 0, -0.342px) scale(0.993);
  }
  80.556% {
    transform: translate3D(242.487%, 0, -0.5px) scale(0.875);
  }
  83.333% {
    transform: translate3D(214.492%, 0, -0.643px) scale(0.768);
  }
  86.111% {
    transform: translate3D(179.981%, 0, -0.766px) scale(0.675);
  }
  88.889% {
    transform: translate3D(140%, 0, -0.866px) scale(0.6);
  }
  91.667% {
    transform: translate3D(95.766%, 0, -0.94px) scale(0.545);
  }
  94.444% {
    transform: translate3D(48.621%, 0, -0.985px) scale(0.511);
  }
  97.222% {
    transform: translate3D(0%, 0, -1px) scale(0.5);
  }
}
.arco-spin {
  display: inline-block;
}
.arco-spin-with-tip {
  text-align: center;
}
.arco-spin-icon {
  color: rgb(var(--primary-6));
  font-size: 20px;
}
.arco-spin-tip {
  margin-top: 6px;
  color: rgb(var(--primary-6));
  font-weight: 500;
  font-size: 14px;
}
.arco-spin-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  text-align: center;
  background-color: var(--color-spin-layer-bg);
  transition: opacity 0.1s cubic-bezier(0, 0, 1, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.arco-spin-loading {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.arco-spin-loading .arco-spin-mask-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 12;
  transform: translate(-50%, -50%);
}
.arco-spin-loading .arco-spin-children::after {
  opacity: 1;
  pointer-events: auto;
}
/*********** font ***********/
/*********** red ***********/
/*********** orangered ***********/
/*********** orange ***********/
/*********** gold ***********/
/*********** yellow ***********/
/*********** lime ***********/
/*********** green ***********/
/*********** cyan ***********/
/*********** blue ***********/
/*********** arcoblue ***********/
/*********** purple ***********/
/*********** pinkpurple ***********/
/*********** magenta ***********/
/*********** gray ***********/
/*********** dark ***********/
/*********** primary ***********/
/*********** success ***********/
/*********** danger ***********/
/*********** warning ***********/
/*********** link ***********/
/*********** arco ***********/
/*********** border ***********/
/*********** shadow ***********/
/*********** size ***********/
/*********** spacing ***********/
/*********** color ***********/
/*********** shadow1 ***********/
/*********** shadow2 ***********/
/*********** shadow3 ***********/
/*********** opacity ***********/
/*********** radius ***********/
/*********** mask ***********/
/*********** global ***********/
/*********** icon ***********/
/*********** prefix ***********/
/*********** code ***********/
/*********** transition ***********/
/*********** z ***********/
/*********** line ***********/
/*********** popup ***********/
/*********** trigger ***********/
/*********** auto ***********/
/*********** input ***********/
/*********** textarea ***********/
/*********** search ***********/
/*********** password ***********/
/*********** picker ***********/
/*********** tag ***********/
/*********** colors ***********/
/*********** select ***********/
/*********** affix ***********/
/*********** alert ***********/
/*********** anchor ***********/
/*********** avatar ***********/
/*********** backtop ***********/
/*********** badge ***********/
/*********** breadcrumb ***********/
/*********** btn ***********/
/*********** calendar ***********/
/*********** card ***********/
/*********** carousel ***********/
/*********** dropdown ***********/
/*********** cascader ***********/
/*********** checkbox ***********/
/*********** collapse ***********/
/*********** comment ***********/
/*********** datepicker ***********/
/*********** timepicker ***********/
/*********** date ***********/
/*********** time ***********/
/*********** month ***********/
/*********** quarter ***********/
/*********** year ***********/
/*********** week ***********/
/*********** range ***********/
/*********** descriptions ***********/
/*********** divider ***********/
/*********** drawer ***********/
/*********** empty ***********/
/*********** form ***********/
/*********** row ***********/
/*********** col ***********/
/*********** grid ***********/
/*********** image ***********/
/*********** preview ***********/
/*********** layout ***********/
/*********** list ***********/
/*********** mentions ***********/
/*********** mention ***********/
/*********** menu ***********/
/*********** message ***********/
/*********** modal ***********/
/*********** notification ***********/
/*********** overflow ***********/
/*********** page ***********/
/*********** pagination ***********/
/*********** patination ***********/
/*********** popconfirm ***********/
/*********** popover ***********/
/*********** progress ***********/
/*********** radio ***********/
/*********** rate ***********/
/*********** resizeBox ***********/
/*********** resizebox ***********/
/*********** result ***********/
/*********** scrollbar ***********/
/*********** scroll ***********/
/*********** skeleton ***********/
/*********** slider ***********/
/*********** space ***********/
/*********** spin ***********/
/*********** dot ***********/
/*********** split ***********/
/*********** statistic ***********/
/*********** steps ***********/
/*********** switch ***********/
/*********** table ***********/
/*********** tabs ***********/
/*********** sizes ***********/
/*********** timeline ***********/
/*********** tooltip ***********/
/*********** transfer ***********/
/*********** tree ***********/
/*********** typography ***********/
/*********** upload ***********/
/*********** verification ***********/
/*********** watermark ***********/