.compositer-filter{
  align-items:center;
  background:rgba(242,243,248,.5) !important;
  border:1px solid #c9cdd4;
  border-radius:2px;
  box-sizing:border-box;
  display:flex;
  font-size:12px;
  min-height:32px;
  padding-left:4px;
}
.compositer-filter.active{
  background-color:#fff !important;
  border-color:#1664ff;
}
.compositer-filter .content{
  align-items:center;
  display:flex;
  flex:1;
  flex-wrap:wrap;
  overflow:hidden;
  padding-bottom:3px;
}
.compositer-filter .search-icon{
  cursor:pointer;
  margin-right:16px;
}
.compositer-filter .close-icon{
  cursor:pointer;
  margin-right:20px;
}
.compositer-filter input{
  border:0;
  height:100%;
  left:0;
  outline:0;
  padding:0;
  position:absolute;
  top:0;
  width:100%;
}
.compositer-filter .suffix-condition{
  align-items:center;
  display:inline-flex;
  margin-top:3px;
}
.compositer-filter .suffix-condition .suffix-content{
  display:inline-block;
  height:24px;
  min-width:2px;
  position:relative;
  vertical-align:middle;
}
.compositer-filter .suffix-condition .suffix-content .suffix-input{
  background:transparent;
  color:#1d2129;
  font-size:12px;
  padding-left:4px;
  position:absolute;
  width:400px;
}
.compositer-filter .suffix-condition .placeholder{
  color:#86909c;
  display:inline-block;
  height:30px;
  line-height:30px;
}
.compositer-filter .suffix-condition .composition-search-drop-multiple{
  background:#fff;
  border:1px solid #e5e6e8;
  border-radius:4px;
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  left:0;
  min-width:128px;
  padding-bottom:40px;
  position:relative;
  position:absolute;
  top:35px;
  z-index:5;
}
.compositer-filter .suffix-dropdown{
  align-items:center;
  display:flex;
}
.compositer-filter .searching-cascader{
  border:none !important;
}
.compositer-filter .searching-cascader .arco-cascader-view{
  background:transparent !important;
  border:none;
  display:block;
  height:24px !important;
  padding:0 !important;
  width:200px;
}
.compositer-filter .searching-cascader .arco-cascader-view .arco-cascader-suffix{
  display:none !important;
}
.compositer-filter .searching-cascader .arco-cascader-view input{
  height:24px !important;
}
.compositer-filter .normal-cascader{
  border:none !important;
}
.compositer-filter .normal-cascader .arco-cascader-view{
  display:none !important;
  width:0;
}
.compositer-filter .normal-cascader .arco-cascader-view .arco-cascader-suffix{
  display:none !important;
}
.composite-filter-cascader-wrap{
  z-index:100000;
}
.suffix-wrapper{
  align-items:center;
  display:flex;
}
.suffix-title{
  margin-right:8px;
  padding-left:8px;
}
.suffix-dropdown-content .filter-type-list{
  background-color:#fff;
  border:1px solid #e5e6eb;
  border-radius:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  max-height:400px;
  overflow-y:auto;
  padding:4px 0;
}
.suffix-dropdown-content .filter-type-list .arco-menu-inner{
  padding:0;
}
.suffix-dropdown-content .filter-type-item{
  color:#1d2129 !important;
  cursor:pointer;
  line-height:36px;
  margin-bottom:0 !important;
  min-height:36px;
  min-width:100px;
  padding:0;
  text-indent:0;
}
.suffix-dropdown-content .filter-type-item.arco-menu-selected{
  background:#f2f3f8 !important;
  color:#1d2129 !important;
}
.suffix-dropdown-content .filter-type-item:hover{
  background:#f2f3f8;
  color:#1d2129;
}
.suffix-dropdown-content .extra-tips{
  color:#979797;
  display:block;
  font-size:10px;
  font-style:normal;
  font-weight:400;
  line-height:20px;
  margin-bottom:10px;
  margin-top:-10px;
}
.arco-picker-header-icon{
  align-items:center;
  display:flex;
  justify-content:center;
}
.arco-cascader-list-empty{
  width:100% !important;
}

.input-filter{
  display:inline-block;
  margin-left:5px;
  min-width:2px;
  position:relative;
}
.input-filter.active{
  height:100%;
}
.input-filter.active .real-input{
  visibility:visible;
}
.input-filter .real-input{
  display:block;
  font-size:12px;
  margin-top:-1px;
  min-width:2px;
  visibility:hidden;
}

.composite-filter-dropdown-checkboxgroup{
  background-color:#fff;
  border:1px solid #e5e6eb;
  border-radius:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  box-sizing:border-box;
  min-width:128px;
  overflow:hidden;
}
.composite-filter-dropdown-checkboxgroup .search-input-wrap{
  padding:10px 12px;
}
.compositer-multi-type-list{
  max-height:500px;
  overflow-y:hidden;
  padding:0 12px !important;
  width:100%;
}
.compositer-multi-type-list:hover{
  overflow-y:auto;
  padding-right:8px !important;
}
.compositer-multi-type-list .empty{
  width:calc(100% - 24px);
}
.compositer-multi-type-list .compositer-multi-type-item{
  align-items:center;
  display:flex;
  height:36px;
  line-height:36px;
  margin-left:0 !important;
  padding:0;
}
.multi-type-btns{
  background:#fff;
  border-top:1px solid #e5e8ef;
  display:flex;
  justify-content:flex-end;
  padding:8px 12px;
}
.multi-type-btns .multi-type-btn:nth-last-child(n+2){
  margin-right:8px;
}

.composite-filter-date-dropdown .arco-picker-shortcuts{
  max-height:none !important;
}
body{
  --red-1:255,236,232;
  --red-2:253,205,197;
  --red-3:251,172,163;
  --red-4:249,137,129;
  --red-5:247,101,96;
  --red-6:245,63,63;
  --red-7:203,39,45;
  --red-8:161,21,30;
  --red-9:119,8,19;
  --red-10:77,0,10;
  --orangered-1:255,243,232;
  --orangered-2:253,221,195;
  --orangered-3:252,197,159;
  --orangered-4:250,172,123;
  --orangered-5:249,144,87;
  --orangered-6:247,114,52;
  --orangered-7:204,81,32;
  --orangered-8:162,53,17;
  --orangered-9:119,31,6;
  --orangered-10:77,14,0;
  --orange-1:255,247,232;
  --orange-2:255,228,186;
  --orange-3:255,207,139;
  --orange-4:255,182,93;
  --orange-5:255,154,46;
  --orange-6:255,125,0;
  --orange-7:210,95,0;
  --orange-8:166,69,0;
  --orange-9:121,46,0;
  --orange-10:77,27,0;
  --gold-1:255,252,232;
  --gold-2:253,244,191;
  --gold-3:252,233,150;
  --gold-4:250,220,109;
  --gold-5:249,204,69;
  --gold-6:247,186,30;
  --gold-7:204,146,19;
  --gold-8:162,109,10;
  --gold-9:119,75,4;
  --gold-10:77,45,0;
  --yellow-1:254,255,232;
  --yellow-2:254,254,190;
  --yellow-3:253,250,148;
  --yellow-4:252,242,107;
  --yellow-5:251,232,66;
  --yellow-6:250,220,25;
  --yellow-7:207,175,15;
  --yellow-8:163,132,8;
  --yellow-9:120,93,3;
  --yellow-10:77,56,0;
  --lime-1:252,255,232;
  --lime-2:237,248,187;
  --lime-3:220,241,144;
  --lime-4:201,233,104;
  --lime-5:181,226,65;
  --lime-6:159,219,29;
  --lime-7:126,183,18;
  --lime-8:95,148,10;
  --lime-9:67,112,4;
  --lime-10:42,77,0;
  --green-1:232,255,234;
  --green-2:175,240,181;
  --green-3:123,225,136;
  --green-4:76,210,99;
  --green-5:35,195,67;
  --green-6:0,180,42;
  --green-7:0,154,41;
  --green-8:0,128,38;
  --green-9:0,102,34;
  --green-10:0,77,28;
  --cyan-1:232,255,251;
  --cyan-2:183,244,236;
  --cyan-3:137,233,224;
  --cyan-4:94,223,214;
  --cyan-5:55,212,207;
  --cyan-6:20,201,201;
  --cyan-7:13,165,170;
  --cyan-8:7,130,139;
  --cyan-9:3,97,108;
  --cyan-10:0,66,77;
  --blue-1:232,247,255;
  --blue-2:195,231,254;
  --blue-3:159,212,253;
  --blue-4:123,192,252;
  --blue-5:87,169,251;
  --blue-6:52,145,250;
  --blue-7:32,108,207;
  --blue-8:17,75,163;
  --blue-9:6,48,120;
  --blue-10:0,26,77;
  --arcoblue-1:232,243,255;
  --arcoblue-2:190,218,255;
  --arcoblue-3:148,191,255;
  --arcoblue-4:106,161,255;
  --arcoblue-5:64,128,255;
  --arcoblue-6:22,93,255;
  --arcoblue-7:14,66,210;
  --arcoblue-8:7,44,166;
  --arcoblue-9:3,26,121;
  --arcoblue-10:0,13,77;
  --purple-1:245,232,255;
  --purple-2:221,190,246;
  --purple-3:195,150,237;
  --purple-4:168,113,227;
  --purple-5:141,78,218;
  --purple-6:114,46,209;
  --purple-7:85,29,176;
  --purple-8:60,16,143;
  --purple-9:39,6,110;
  --purple-10:22,0,77;
  --pinkpurple-1:255,232,251;
  --pinkpurple-2:247,186,239;
  --pinkpurple-3:240,142,230;
  --pinkpurple-4:232,101,223;
  --pinkpurple-5:225,62,219;
  --pinkpurple-6:217,26,217;
  --pinkpurple-7:176,16,182;
  --pinkpurple-8:138,9,147;
  --pinkpurple-9:101,3,112;
  --pinkpurple-10:66,0,77;
  --magenta-1:255,232,241;
  --magenta-2:253,194,219;
  --magenta-3:251,157,199;
  --magenta-4:249,121,183;
  --magenta-5:247,84,168;
  --magenta-6:245,49,157;
  --magenta-7:203,30,131;
  --magenta-8:161,16,105;
  --magenta-9:119,6,79;
  --magenta-10:77,0,52;
  --gray-1:247,248,250;
  --gray-2:242,243,245;
  --gray-3:229,230,235;
  --gray-4:201,205,212;
  --gray-5:169,174,184;
  --gray-6:134,144,156;
  --gray-7:107,119,133;
  --gray-8:78,89,105;
  --gray-9:39,46,59;
  --gray-10:29,33,41;
  --success-1:var(--green-1);
  --success-2:var(--green-2);
  --success-3:var(--green-3);
  --success-4:var(--green-4);
  --success-5:var(--green-5);
  --success-6:var(--green-6);
  --success-7:var(--green-7);
  --success-8:var(--green-8);
  --success-9:var(--green-9);
  --success-10:var(--green-10);
  --primary-1:var(--arcoblue-1);
  --primary-2:var(--arcoblue-2);
  --primary-3:var(--arcoblue-3);
  --primary-4:var(--arcoblue-4);
  --primary-5:var(--arcoblue-5);
  --primary-6:var(--arcoblue-6);
  --primary-7:var(--arcoblue-7);
  --primary-8:var(--arcoblue-8);
  --primary-9:var(--arcoblue-9);
  --primary-10:var(--arcoblue-10);
  --danger-1:var(--red-1);
  --danger-2:var(--red-2);
  --danger-3:var(--red-3);
  --danger-4:var(--red-4);
  --danger-5:var(--red-5);
  --danger-6:var(--red-6);
  --danger-7:var(--red-7);
  --danger-8:var(--red-8);
  --danger-9:var(--red-9);
  --danger-10:var(--red-10);
  --warning-1:var(--orange-1);
  --warning-2:var(--orange-2);
  --warning-3:var(--orange-3);
  --warning-4:var(--orange-4);
  --warning-5:var(--orange-5);
  --warning-6:var(--orange-6);
  --warning-7:var(--orange-7);
  --warning-8:var(--orange-8);
  --warning-9:var(--orange-9);
  --warning-10:var(--orange-10);
  --link-1:var(--arcoblue-1);
  --link-2:var(--arcoblue-2);
  --link-3:var(--arcoblue-3);
  --link-4:var(--arcoblue-4);
  --link-5:var(--arcoblue-5);
  --link-6:var(--arcoblue-6);
  --link-7:var(--arcoblue-7);
  --link-8:var(--arcoblue-8);
  --link-9:var(--arcoblue-9);
  --link-10:var(--arcoblue-10);
}
body[arco-theme=dark]{
  --red-1:77,0,10;
  --red-2:119,6,17;
  --red-3:161,22,31;
  --red-4:203,46,52;
  --red-5:245,78,78;
  --red-6:247,105,101;
  --red-7:249,141,134;
  --red-8:251,176,167;
  --red-9:253,209,202;
  --red-10:255,240,236;
  --orangered-1:77,14,0;
  --orangered-2:119,30,5;
  --orangered-3:162,55,20;
  --orangered-4:204,87,41;
  --orangered-5:247,126,69;
  --orangered-6:249,146,90;
  --orangered-7:250,173,125;
  --orangered-8:252,198,161;
  --orangered-9:253,222,197;
  --orangered-10:255,244,235;
  --orange-1:77,27,0;
  --orange-2:121,48,4;
  --orange-3:166,75,10;
  --orange-4:210,105,19;
  --orange-5:255,141,31;
  --orange-6:255,150,38;
  --orange-7:255,179,87;
  --orange-8:255,205,135;
  --orange-9:255,227,184;
  --orange-10:255,247,232;
  --gold-1:77,45,0;
  --gold-2:119,75,4;
  --gold-3:162,111,15;
  --gold-4:204,150,31;
  --gold-5:247,192,52;
  --gold-6:249,204,68;
  --gold-7:250,220,108;
  --gold-8:252,233,149;
  --gold-9:253,244,190;
  --gold-10:255,252,232;
  --yellow-1:77,56,0;
  --yellow-2:120,94,7;
  --yellow-3:163,134,20;
  --yellow-4:207,179,37;
  --yellow-5:250,225,60;
  --yellow-6:251,233,75;
  --yellow-7:252,243,116;
  --yellow-8:253,250,157;
  --yellow-9:254,254,198;
  --yellow-10:254,255,240;
  --lime-1:42,77,0;
  --lime-2:68,112,6;
  --lime-3:98,148,18;
  --lime-4:132,183,35;
  --lime-5:168,219,57;
  --lime-6:184,226,75;
  --lime-7:203,233,112;
  --lime-8:222,241,152;
  --lime-9:238,248,194;
  --lime-10:253,255,238;
  --green-1:0,77,28;
  --green-2:4,102,37;
  --green-3:10,128,45;
  --green-4:18,154,55;
  --green-5:29,180,64;
  --green-6:39,195,70;
  --green-7:80,210,102;
  --green-8:126,225,139;
  --green-9:178,240,183;
  --green-10:235,255,236;
  --cyan-1:0,66,77;
  --cyan-2:6,97,108;
  --cyan-3:17,131,139;
  --cyan-4:31,166,170;
  --cyan-5:48,201,201;
  --cyan-6:63,212,207;
  --cyan-7:102,223,215;
  --cyan-8:144,233,225;
  --cyan-9:190,244,237;
  --cyan-10:240,255,252;
  --blue-1:0,26,77;
  --blue-2:5,47,120;
  --blue-3:19,76,163;
  --blue-4:41,113,207;
  --blue-5:70,154,250;
  --blue-6:90,170,251;
  --blue-7:125,193,252;
  --blue-8:161,213,253;
  --blue-9:198,232,254;
  --blue-10:234,248,255;
  --arcoblue-1:0,13,77;
  --arcoblue-2:4,27,121;
  --arcoblue-3:14,50,166;
  --arcoblue-4:29,77,210;
  --arcoblue-5:48,111,255;
  --arcoblue-6:60,126,255;
  --arcoblue-7:104,159,255;
  --arcoblue-8:147,190,255;
  --arcoblue-9:190,218,255;
  --arcoblue-10:234,244,255;
  --purple-1:22,0,77;
  --purple-2:39,6,110;
  --purple-3:62,19,143;
  --purple-4:90,37,176;
  --purple-5:123,61,209;
  --purple-6:142,81,218;
  --purple-7:169,116,227;
  --purple-8:197,154,237;
  --purple-9:223,194,246;
  --purple-10:247,237,255;
  --pinkpurple-1:66,0,77;
  --pinkpurple-2:101,3,112;
  --pinkpurple-3:138,13,147;
  --pinkpurple-4:176,27,182;
  --pinkpurple-5:217,46,217;
  --pinkpurple-6:225,61,219;
  --pinkpurple-7:232,102,223;
  --pinkpurple-8:240,146,230;
  --pinkpurple-9:247,193,240;
  --pinkpurple-10:255,242,253;
  --magenta-1:77,0,52;
  --magenta-2:119,8,80;
  --magenta-3:161,23,108;
  --magenta-4:203,43,136;
  --magenta-5:245,69,166;
  --magenta-6:247,86,169;
  --magenta-7:249,122,184;
  --magenta-8:251,158,200;
  --magenta-9:253,195,219;
  --magenta-10:255,232,241;
  --gray-1:23,23,26;
  --gray-2:46,46,48;
  --gray-3:72,72,73;
  --gray-4:95,95,96;
  --gray-5:120,120,122;
  --gray-6:146,146,147;
  --gray-7:171,171,172;
  --gray-8:197,197,197;
  --gray-9:223,223,223;
  --gray-10:246,246,246;
  --primary-1:var(--arcoblue-1);
  --primary-2:var(--arcoblue-2);
  --primary-3:var(--arcoblue-3);
  --primary-4:var(--arcoblue-4);
  --primary-5:var(--arcoblue-5);
  --primary-6:var(--arcoblue-6);
  --primary-7:var(--arcoblue-7);
  --primary-8:var(--arcoblue-8);
  --primary-9:var(--arcoblue-9);
  --primary-10:var(--arcoblue-10);
  --success-1:var(--green-1);
  --success-2:var(--green-2);
  --success-3:var(--green-3);
  --success-4:var(--green-4);
  --success-5:var(--green-5);
  --success-6:var(--green-6);
  --success-7:var(--green-7);
  --success-8:var(--green-8);
  --success-9:var(--green-9);
  --success-10:var(--green-10);
  --danger-1:var(--red-1);
  --danger-2:var(--red-2);
  --danger-3:var(--red-3);
  --danger-4:var(--red-4);
  --danger-5:var(--red-5);
  --danger-6:var(--red-6);
  --danger-7:var(--red-7);
  --danger-8:var(--red-8);
  --danger-9:var(--red-9);
  --danger-10:var(--red-10);
  --warning-1:var(--orange-1);
  --warning-2:var(--orange-2);
  --warning-3:var(--orange-3);
  --warning-4:var(--orange-4);
  --warning-5:var(--orange-5);
  --warning-6:var(--orange-6);
  --warning-7:var(--orange-7);
  --warning-8:var(--orange-8);
  --warning-9:var(--orange-9);
  --warning-10:var(--orange-10);
  --link-1:var(--arcoblue-1);
  --link-2:var(--arcoblue-2);
  --link-3:var(--arcoblue-3);
  --link-4:var(--arcoblue-4);
  --link-5:var(--arcoblue-5);
  --link-6:var(--arcoblue-6);
  --link-7:var(--arcoblue-7);
  --link-8:var(--arcoblue-8);
  --link-9:var(--arcoblue-9);
  --link-10:var(--arcoblue-10);
}
body{
  --color-white:#fff;
  --color-black:#000;
  --color-border:rgb(var(--gray-3));
  --color-bg-popup:var(--color-bg-5);
  --color-bg-1:#fff;
  --color-bg-2:#fff;
  --color-bg-3:#fff;
  --color-bg-4:#fff;
  --color-bg-5:#fff;
  --color-bg-white:#fff;
  --color-neutral-1:rgb(var(--gray-1));
  --color-neutral-2:rgb(var(--gray-2));
  --color-neutral-3:rgb(var(--gray-3));
  --color-neutral-4:rgb(var(--gray-4));
  --color-neutral-5:rgb(var(--gray-5));
  --color-neutral-6:rgb(var(--gray-6));
  --color-neutral-7:rgb(var(--gray-7));
  --color-neutral-8:rgb(var(--gray-8));
  --color-neutral-9:rgb(var(--gray-9));
  --color-neutral-10:rgb(var(--gray-10));
  --color-text-1:var(--color-neutral-10);
  --color-text-2:var(--color-neutral-8);
  --color-text-3:var(--color-neutral-6);
  --color-text-4:var(--color-neutral-4);
  --color-border-1:var(--color-neutral-2);
  --color-border-2:var(--color-neutral-3);
  --color-border-3:var(--color-neutral-4);
  --color-border-4:var(--color-neutral-6);
  --color-fill-1:var(--color-neutral-1);
  --color-fill-2:var(--color-neutral-2);
  --color-fill-3:var(--color-neutral-3);
  --color-fill-4:var(--color-neutral-4);
  --color-primary-light-1:rgb(var(--primary-1));
  --color-primary-light-2:rgb(var(--primary-2));
  --color-primary-light-3:rgb(var(--primary-3));
  --color-primary-light-4:rgb(var(--primary-4));
  --color-secondary:var(--color-neutral-2);
  --color-secondary-hover:var(--color-neutral-3);
  --color-secondary-active:var(--color-neutral-4);
  --color-secondary-disabled:var(--color-neutral-1);
  --color-danger-light-1:rgb(var(--danger-1));
  --color-danger-light-2:rgb(var(--danger-2));
  --color-danger-light-3:rgb(var(--danger-3));
  --color-danger-light-4:rgb(var(--danger-4));
  --color-success-light-1:rgb(var(--success-1));
  --color-success-light-2:rgb(var(--success-2));
  --color-success-light-3:rgb(var(--success-3));
  --color-success-light-4:rgb(var(--success-4));
  --color-warning-light-1:#fffae8;
  --color-warning-light-2:rgb(var(--warning-2));
  --color-warning-light-3:rgb(var(--warning-3));
  --color-warning-light-4:rgb(var(--warning-4));
  --color-link-light-1:rgb(var(--link-1));
  --color-link-light-2:rgb(var(--link-2));
  --color-link-light-3:rgb(var(--link-3));
  --color-link-light-4:rgb(var(--link-4));
  --border-radius-none:0;
  --border-radius-small:2px;
  --border-radius-medium:4px;
  --border-radius-large:8px;
  --border-radius-circle:50%;
  --color-tooltip-bg:rgb(var(--gray-10));
  --color-spin-layer-bg:hsla(0,0%,100%,.6);
  --color-menu-dark-bg:#232324;
  --color-menu-light-bg:#fff;
  --color-menu-dark-hover:hsla(0,0%,100%,.04);
  --color-mask-bg:rgba(29,33,41,.6);
}
body[arco-theme=dark]{
  --color-white:hsla(0,0%,100%,.9);
  --color-black:#000;
  --color-border:#333335;
  --color-bg-1:#17171a;
  --color-bg-2:#232324;
  --color-bg-3:#2a2a2b;
  --color-bg-4:#313132;
  --color-bg-5:#373739;
  --color-bg-white:#f6f6f6;
  --color-text-1:hsla(0,0%,100%,.9);
  --color-text-2:hsla(0,0%,100%,.7);
  --color-text-3:hsla(0,0%,100%,.5);
  --color-text-4:hsla(0,0%,100%,.3);
  --color-fill-1:hsla(0,0%,100%,.04);
  --color-fill-3:hsla(0,0%,100%,.12);
  --color-fill-4:hsla(0,0%,100%,.16);
  --color-primary-light-1:rgba(var(--primary-6), 0.2);
  --color-primary-light-2:rgba(var(--primary-6), 0.35);
  --color-primary-light-3:rgba(var(--primary-6), 0.5);
  --color-primary-light-4:rgba(var(--primary-6), 0.65);
  --color-secondary:rgba(var(--gray-9), 0.08);
  --color-secondary-hover:rgba(var(--gray-8), 0.16);
  --color-secondary-active:rgba(var(--gray-7), 0.24);
  --color-secondary-disabled:rgba(var(--gray-9), 0.08);
  --color-danger-light-1:rgba(var(--danger-6), 0.2);
  --color-danger-light-2:rgba(var(--danger-6), 0.35);
  --color-danger-light-3:rgba(var(--danger-6), 0.5);
  --color-danger-light-4:rgba(var(--danger-6), 0.65);
  --color-success-light-1:rgba(var(--success-6), 0.2);
  --color-success-light-2:rgba(var(--success-6), 0.35);
  --color-success-light-3:rgba(var(--success-6), 0.5);
  --color-success-light-4:rgba(var(--success-6), 0.65);
  --color-warning-light-1:rgba(var(--warning-6), 0.2);
  --color-warning-light-2:rgba(var(--warning-6), 0.35);
  --color-warning-light-3:rgba(var(--warning-6), 0.5);
  --color-warning-light-4:rgba(var(--warning-6), 0.65);
  --color-link-light-1:rgba(var(--link-6), 0.2);
  --color-link-light-2:rgba(var(--link-6), 0.35);
  --color-link-light-3:rgba(var(--link-6), 0.5);
  --color-link-light-4:rgba(var(--link-6), 0.65);
  --color-tooltip-bg:#373739;
  --color-spin-layer-bg:rgba(51,51,51,.6);
  --color-menu-dark-bg:#232324;
  --color-menu-light-bg:#232324;
  --color-menu-dark-hover:var(--color-fill-2);
  --color-mask-bg:rgba(23,23,26,.6);
}
body,html{
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
  line-height:1.5;
}
body{
  padding:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:.67em 0;
}
hr{
  box-sizing:content-box;
  overflow:visible;
}
th,tr{
  margin:0;
  padding:0;
}
pre{
  font-family:monospace,monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted;
}
code,kbd,samp{
  font-family:monospace,monospace;
  font-size:1em;
}
img{
  border-style:none;
}
button,input,optgroup,select,textarea{
  line-height:1.15;
}
button,input{
  overflow:visible;
}
[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button;
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:none;
  padding:0;
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:.35em .75em .625em;
}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  white-space:normal;
}
textarea{
  overflow:auto;
}
[type=checkbox],[type=radio]{
  box-sizing:border-box;
  padding:0;
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  height:auto;
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
details{
  display:block;
}
[hidden],template{
  display:none;
}
*{
  outline:none;
}
input::-ms-clear,input::-ms-reveal{
  display:none;
}
.arco-icon{
  stroke:currentColor;
  color:inherit;
  display:inline-block;
  font-style:normal;
  height:1em;
  vertical-align:-2px;
  width:1em;
}
.arco-icon[fill=currentColor]{
  fill:currentColor;
  stroke:none;
}
.arco-icon[stroke=currentColor]{
  stroke:currentColor;
  fill:none;
}
.arco-icon[fill=currentColor][stroke=currentColor]{
  fill:currentColor;
  stroke:currentColor;
}
.arco-icon-loading{
  animation:arco-loading-circle 1s linear infinite;
}
@keyframes arco-loading-circle{
  to{
    transform:rotate(1turn);
  }
}
.arco-icon-hover{
  cursor:pointer;
  display:inline-block;
  line-height:0;
  position:relative;
}
.arco-icon-hover .arco-icon{
  position:relative;
  vertical-align:-.09em;
}
.arco-icon-hover:before{
  background-color:transparent;
  border-radius:var(--border-radius-circle);
  box-sizing:border-box;
  content:"";
  display:block;
  position:absolute;
  transition:background-color .1s linear;
}
.arco-icon-hover:hover:before{
  background-color:var(--color-fill-2);
}
.arco-icon-hover.arco-icon-hover-disabled:before{
  opacity:0;
}
.arco-icon-hover-size-mini:before,.arco-icon-hover-size-small:before,.arco-icon-hover:before{
  height:20px;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:20px;
}
.arco-icon-hover-size-huge:before,.arco-icon-hover-size-large:before{
  height:24px;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:24px;
}
.fadeInStandard-appear,.fadeInStandard-enter{
  opacity:0;
}
.fadeInStandard-appear-active,.fadeInStandard-enter-active{
  opacity:1;
  transition:opacity .3s cubic-bezier(.34, .69, .1, 1);
}
.fadeInStandard-exit{
  opacity:1;
}
.fadeInStandard-exit-active{
  opacity:0;
  transition:opacity .3s cubic-bezier(.34, .69, .1, 1);
}
.fadeIn-appear,.fadeIn-enter{
  opacity:0;
}
.fadeIn-appear-active,.fadeIn-enter-active{
  opacity:1;
  transition:opacity .1s linear;
}
.fadeIn-exit{
  opacity:1;
}
.fadeIn-exit-active{
  opacity:0;
  transition:opacity .1s linear;
}
.slideDynamicOrigin-appear,.slideDynamicOrigin-enter{
  opacity:0;
  transform:scaleY(.9) translateZ(0);
  transform-origin:0 0;
}
.slideDynamicOrigin-appear-active,.slideDynamicOrigin-enter-active,.slideDynamicOrigin-exit{
  opacity:1;
  transform:scaleY(1) translateZ(0);
  transform-origin:0 0;
  transition:transform .2s cubic-bezier(.34, .69, .1, 1),opacity .2s cubic-bezier(.34, .69, .1, 1);
}
.slideDynamicOrigin-exit-active{
  opacity:0;
  transform:scaleY(.9) translateZ(0);
  transform-origin:0 0;
  transition:transform .2s cubic-bezier(.34, .69, .1, 1),opacity .2s cubic-bezier(.34, .69, .1, 1);
}
.slideLeft-appear,.slideLeft-enter{
  transform:translateX(-100%);
}
.slideLeft-appear-active,.slideLeft-enter-active{
  transform:translateX(0);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideLeft-exit{
  transform:translateX(0);
}
.slideLeft-exit-active{
  transform:translateX(-100%);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideRight-appear,.slideRight-enter{
  transform:translateX(100%);
}
.slideRight-appear-active,.slideRight-enter-active{
  transform:translateX(0);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideRight-exit{
  transform:translateX(0);
}
.slideRight-exit-active{
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideTop-appear,.slideTop-enter{
  transform:translateY(-100%);
}
.slideTop-appear-active,.slideTop-enter-active{
  transform:translateY(0);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideTop-exit{
  transform:translateY(0);
}
.slideTop-exit-active{
  transform:translateY(-100%);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideBottom-appear,.slideBottom-enter{
  transform:translateY(100%);
}
.slideBottom-appear-active,.slideBottom-enter-active{
  transform:translateY(0);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.slideBottom-exit{
  transform:translateY(0);
}
.slideBottom-exit-active{
  transform:translateY(100%);
  transition:transform .3s cubic-bezier(.34, .69, .1, 1);
}
.zoomIn-appear,.zoomIn-enter{
  opacity:0;
  transform:scale(.5);
}
.zoomIn-appear-active,.zoomIn-enter-active{
  opacity:1;
  transform:scale(1);
  transition:opacity .3s cubic-bezier(.34, .69, .1, 1),transform .3s cubic-bezier(.34, .69, .1, 1);
}
.zoomIn-exit{
  opacity:1;
  transform:scale(1);
}
.zoomIn-exit-active{
  transition:opacity .3s cubic-bezier(.3, 1.3, .3, 1),transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomIn-exit-active,.zoomInFadeOut-appear,.zoomInFadeOut-enter{
  opacity:0;
  transform:scale(.5);
}
.zoomInFadeOut-appear-active,.zoomInFadeOut-enter-active{
  opacity:1;
  transform:scale(1);
  transition:opacity .3s cubic-bezier(.3, 1.3, .3, 1),transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInFadeOut-exit{
  opacity:1;
  transform:scale(1);
}
.zoomInFadeOut-exit-active{
  transition:opacity .3s cubic-bezier(.3, 1.3, .3, 1),transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInBig-appear,.zoomInBig-enter,.zoomInFadeOut-exit-active{
  opacity:0;
  transform:scale(.5);
}
.zoomInBig-appear-active,.zoomInBig-enter-active{
  opacity:1;
  transform:scale(1);
  transition:opacity .2s linear,transform .2s linear;
}
.zoomInBig-exit{
  opacity:1;
  transform:scale(1);
}
.zoomInBig-exit-active{
  opacity:0;
  transform:scale(.2);
  transition:opacity .2s linear,transform .2s linear;
}
.zoomInLeft-appear,.zoomInLeft-enter{
  opacity:.1;
  transform:scale(.1);
  transform-origin:0 50%;
}
.zoomInLeft-appear-active,.zoomInLeft-enter-active{
  opacity:1;
  transform:scale(1);
  transition:opacity .3s linear,transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInLeft-exit{
  opacity:1;
  transform:scale(1);
  transform-origin:0 50%;
}
.zoomInLeft-exit-active{
  opacity:.1;
  transform:scale(.1);
  transition:opacity .3s linear,transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInTop-appear,.zoomInTop-enter{
  opacity:0;
  transform:scaleY(.8) translateZ(0);
  transform-origin:0 0;
}
.zoomInTop-appear-active,.zoomInTop-enter-active{
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1),opacity .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInTop-appear-active,.zoomInTop-enter-active,.zoomInTop-exit{
  opacity:1;
  transform:scaleY(1) translateZ(0);
  transform-origin:0 0;
}
.zoomInTop-exit-active{
  opacity:0;
  transform:scaleY(.8) translateZ(0);
  transform-origin:0 0;
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1),opacity .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInBottom-appear,.zoomInBottom-enter{
  opacity:0;
  transform:scaleY(.8) translateZ(0);
  transform-origin:100% 100%;
}
.zoomInBottom-appear-active,.zoomInBottom-enter-active{
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1),opacity .3s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomInBottom-appear-active,.zoomInBottom-enter-active,.zoomInBottom-exit{
  opacity:1;
  transform:scaleY(1) translateZ(0);
  transform-origin:100% 100%;
}
.zoomInBottom-exit-active{
  opacity:0;
  transform:scaleY(.8) translateZ(0);
  transform-origin:100% 100%;
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1),opacity .3s cubic-bezier(.3, 1.3, .3, 1);
}
body{
  font-size:14px;
}
@keyframes arco-draggable-item-blink{
  0%{
    opacity:1;
  }
  50%{
    opacity:.3;
  }
  to{
    opacity:1;
  }
}
.arco-draggable-item{
  box-sizing:border-box;
  list-style:none;
  user-select:none;
}
.arco-draggable-item-dragging{
  opacity:.3;
}
.arco-draggable-item-dragover.arco-draggable-item-gap-left{
  box-shadow:-1px 0 rgb(var(--primary-6));
}
.arco-draggable-item-dragover.arco-draggable-item-gap-right{
  box-shadow:1px 0 rgb(var(--primary-6));
}
.arco-draggable-item-dragover.arco-draggable-item-gap-top{
  box-shadow:0 -1px rgb(var(--primary-6));
}
.arco-draggable-item-dragover.arco-draggable-item-gap-bottom{
  box-shadow:0 1px rgb(var(--primary-6));
}
.arco-draggable-item-dragged{
  animation:arco-draggable-item-blink .8s;
  animation-timing-function:linear;
}
.arco-picker{
  align-items:center;
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  display:inline-flex;
  line-height:1.5715;
  padding:4px 11px 4px 4px;
  position:relative;
  transition:all .1s linear;
}
.arco-picker-input{
  display:inline-flex;
  flex:1;
}
.arco-picker input{
  background-color:transparent;
  border:none;
  color:var(--color-text-1);
  line-height:1.5715;
  padding:0 0 0 8px;
  text-align:left;
  transition:all .1s linear;
  width:100%;
}
.arco-picker input::placeholder{
  color:var(--color-text-3);
}
.arco-picker-input-placeholder input{
  color:var(--color-text-3);
}
.arco-picker-suffix{
  margin-left:4px;
  text-align:center;
  width:14px;
}
.arco-picker-suffix-icon{
  color:var(--color-text-2);
}
.arco-picker .arco-picker-clear-icon{
  color:var(--color-text-2);
  display:none;
  font-size:12px;
}
.arco-picker:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon{
  display:inline-block;
}
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon+span{
  display:none;
}
.arco-picker-error{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-picker-error:hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-picker-focused{
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-picker-focused,.arco-picker-focused:hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
}
.arco-picker-focused.arco-picker-error{
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-picker-focused .arco-picker-input-active input,.arco-picker-focused:hover .arco-picker-input-active input{
  background:var(--color-primary-light-1);
}
.arco-picker input[disabled]{
  -webkit-text-fill-color:var(--color-text-4);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-picker input[disabled]::placeholder{
  color:var(--color-text-4);
}
.arco-picker-disabled,.arco-picker-disabled:hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-picker-disabled input[disabled],.arco-picker-disabled:hover input[disabled]{
  -webkit-text-fill-color:var(--color-text-4);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-picker-disabled input[disabled]::placeholder,.arco-picker-disabled:hover input[disabled]::placeholder{
  color:var(--color-text-4);
}
.arco-picker-separator{
  color:var(--color-text-3);
  min-width:10px;
  padding:0 8px;
}
.arco-picker-disabled .arco-picker-separator,.arco-picker-disabled .arco-picker-suffix-icon{
  color:var(--color-text-4);
}
.arco-picker-size-mini{
  height:24px;
}
.arco-picker-size-mini input{
  font-size:12px;
}
.arco-picker-size-small{
  height:28px;
}
.arco-picker-size-small input{
  font-size:12px;
}
.arco-picker-size-default{
  height:32px;
}
.arco-picker-size-default input{
  font-size:12px;
}
.arco-picker-size-large{
  height:36px;
}
.arco-picker-size-large input{
  font-size:12px;
}
.arco-affix{
  position:fixed;
  z-index:999;
}
.arco-alert{
  align-items:center;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  display:flex;
  line-height:1.5715;
  overflow:hidden;
  padding:8px 15px;
  text-align:left;
  width:100%;
}
.arco-alert-with-title{
  align-items:flex-start;
  padding:15px;
}
.arco-alert-info{
  background-color:var(--color-primary-light-1);
  border:1px solid transparent;
}
.arco-alert-success{
  background-color:var(--color-success-light-1);
  border:1px solid transparent;
}
.arco-alert-warning{
  background-color:var(--color-warning-light-1);
  border:1px solid transparent;
}
.arco-alert-error{
  background-color:var(--color-danger-light-1);
  border:1px solid transparent;
}
.arco-alert-banner{
  border:none;
  border-radius:0;
}
.arco-alert-content-wrapper{
  flex:1;
  position:relative;
}
.arco-alert-title{
  font-size:16px;
  font-weight:500;
  line-height:1.5;
  margin-bottom:4px;
}
.arco-alert-info .arco-alert-content,.arco-alert-info .arco-alert-title{
  color:var(--color-text-1);
}
.arco-alert-info.arco-alert-with-title .arco-alert-content{
  color:var(--color-text-2);
}
.arco-alert-success .arco-alert-content,.arco-alert-success .arco-alert-title{
  color:var(--color-text-1);
}
.arco-alert-success.arco-alert-with-title .arco-alert-content{
  color:var(--color-text-2);
}
.arco-alert-warning .arco-alert-content,.arco-alert-warning .arco-alert-title{
  color:var(--color-text-1);
}
.arco-alert-warning.arco-alert-with-title .arco-alert-content{
  color:var(--color-text-2);
}
.arco-alert-error .arco-alert-content,.arco-alert-error .arco-alert-title{
  color:var(--color-text-1);
}
.arco-alert-error.arco-alert-with-title .arco-alert-content{
  color:var(--color-text-2);
}
.arco-alert-icon-wrapper{
  align-items:center;
  display:flex;
  height:18.858px;
  margin-right:8px;
}
.arco-alert-icon-wrapper svg{
  font-size:16px;
}
.arco-alert-with-title .arco-alert-icon-wrapper{
  height:24px;
}
.arco-alert-with-title .arco-alert-icon-wrapper svg{
  font-size:18px;
}
.arco-alert-info .arco-alert-icon-wrapper svg{
  color:rgb(var(--primary-6));
}
.arco-alert-success .arco-alert-icon-wrapper svg{
  color:rgb(var(--success-6));
}
.arco-alert-warning .arco-alert-icon-wrapper svg{
  color:rgb(var(--warning-6));
}
.arco-alert-error .arco-alert-icon-wrapper svg{
  color:rgb(var(--danger-6));
}
.arco-alert-close-btn{
  background-color:transparent;
  border:none;
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  font-size:12px;
  margin-left:8px;
  outline:none;
  padding:0;
  right:0;
  top:4px;
  transition:color .1s linear;
}
.arco-alert-close-btn:hover{
  color:var(--color-text-1);
}
.arco-alert-action,.arco-alert-action+.arco-alert-close-btn{
  margin-left:8px;
}
.arco-alert-with-title .arco-alert-close-btn{
  margin-right:0;
  margin-top:0;
}
.arco-anchor{
  overflow:auto;
  position:relative;
  width:150px;
}
.arco-anchor-line-slider{
  background-color:rgb(var(--primary-6));
  height:12px;
  left:0;
  margin-top:9.0005px;
  position:absolute;
  top:0;
  transition:top .2s cubic-bezier(.34, .69, .1, 1);
  width:2px;
  z-index:1;
}
.arco-anchor-list{
  margin-left:6px;
  position:relative;
}
.arco-anchor-list:before{
  background-color:var(--color-fill-3);
  content:"";
  height:100%;
  left:-6px;
  position:absolute;
  width:2px;
}
.arco-anchor-link{
  margin-bottom:2px;
}
.arco-anchor-link-title{
  border-radius:var(--border-radius-small);
  color:var(--color-text-2);
  cursor:pointer;
  display:block;
  font-size:14px;
  line-height:1.5715;
  margin-bottom:2px;
  overflow:hidden;
  padding:4px 8px;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-anchor-link-title:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
  font-weight:500;
}
.arco-anchor-link-active>.arco-anchor-link-title{
  color:var(--color-text-1);
  font-weight:500;
  transition:all .1s linear;
}
.arco-anchor-link .arco-anchor-link{
  margin-left:16px;
}
.arco-anchor-lineless .arco-anchor-list{
  margin-left:0;
}
.arco-anchor-lineless .arco-anchor-list:before{
  display:none;
}
.arco-anchor-lineless .arco-anchor-link-active>.arco-anchor-link-title{
  background-color:var(--color-fill-2);
  color:rgb(var(--primary-6));
  font-weight:500;
}
.arco-autocomplete-popup .arco-select-popup{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-fill-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner{
  max-height:200px;
  padding:4px 0;
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option{
  font-size:12px;
  height:36px;
  line-height:36px;
  padding:0 12px;
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option,.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected{
  background-color:var(--color-bg-popup);
  color:var(--color-text-1);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled{
  background-color:var(--color-bg-popup);
  color:var(--color-text-4);
}
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected{
  font-weight:500;
}
.arco-avatar{
  align-items:center;
  background-color:var(--color-fill-4);
  box-sizing:border-box;
  color:var(--color-white);
  display:inline-flex;
  font-size:20px;
  height:40px;
  position:relative;
  vertical-align:middle;
  white-space:nowrap;
  width:40px;
}
.arco-avatar-circle,.arco-avatar-circle .arco-avatar-image{
  border-radius:var(--border-radius-circle);
}
.arco-avatar-circle .arco-avatar-image{
  overflow:hidden;
}
.arco-avatar-square,.arco-avatar-square .arco-avatar-image{
  border-radius:var(--border-radius-medium);
}
.arco-avatar-square .arco-avatar-image{
  overflow:hidden;
}
.arco-avatar-text{
  font-weight:500;
  left:50%;
  line-height:1;
  position:absolute;
  transform:translateX(-50%);
  transform-origin:0 center;
}
.arco-avatar-image{
  display:inline-block;
}
.arco-avatar-image,.arco-avatar-image img,.arco-avatar-image picture{
  height:100%;
  width:100%;
}
.arco-avatar-trigger-icon-button{
  background-color:var(--color-neutral-2);
  border-radius:var(--border-radius-circle);
  bottom:-4px;
  color:var(--color-fill-4);
  display:inline-flex;
  font-size:12px;
  height:20px;
  line-height:20px;
  right:-4px;
  transition:background-color .1s linear;
  width:20px;
  z-index:1;
}
.arco-avatar-trigger-icon-button,.arco-avatar-trigger-icon-mask{
  align-items:center;
  justify-content:center;
  position:absolute;
}
.arco-avatar-trigger-icon-mask{
  background-color:rgba(29,33,41,.6);
  border-radius:var(--border-radius-medium);
  color:var(--color-white);
  display:flex;
  font-size:16px;
  height:100%;
  left:0;
  opacity:0;
  top:0;
  transition:all .1s linear;
  width:100%;
  z-index:0;
}
.arco-avatar-circle .arco-avatar-trigger-icon-mask{
  border-radius:var(--border-radius-circle);
}
.arco-avatar-with-trigger-icon{
  cursor:pointer;
}
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask{
  opacity:1;
  z-index:2;
}
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button{
  background-color:var(--color-neutral-3);
}
.arco-avatar-group{
  display:inline-block;
  line-height:0;
}
.arco-avatar-group-max-count-avatar{
  color:var(--color-white);
  cursor:default;
  font-size:20px;
}
.arco-avatar-group .arco-avatar{
  border:2px solid var(--color-bg-2);
}
.arco-avatar-group .arco-avatar:not(:first-child){
  margin-left:-10px;
}
.arco-avatar-group-popover .arco-avatar:not(:first-child){
  margin-left:4px;
}
.arco-backtop{
  bottom:24px;
  cursor:pointer;
  position:fixed;
  right:24px;
  z-index:100;
}
.arco-backtop-button{
  background-color:rgb(var(--primary-6));
  border:none;
  border-radius:var(--border-radius-circle);
  color:var(--color-white);
  cursor:pointer;
  font-size:12px;
  height:40px;
  outline:none;
  text-align:center;
  transition:all .2s linear;
  width:40px;
}
.arco-backtop-button:hover{
  background-color:rgb(var(--primary-5));
}
.arco-backtop-button svg{
  font-size:14px;
}
.arco-badge{
  display:inline-block;
  line-height:1;
  position:relative;
}
.arco-badge-custom-dot,.arco-badge-dot,.arco-badge-number,.arco-badge-text{
  border-radius:20px;
  box-sizing:border-box;
  overflow:hidden;
  position:absolute;
  right:2px;
  text-align:center;
  top:2px;
  transform:translate(50%, -50%);
  transform-origin:100% 0;
  z-index:2;
}
.arco-badge-custom-dot{
  background-color:var(--color-bg-2);
}
.arco-badge-number,.arco-badge-text{
  color:var(--color-white);
  font-size:12px;
  font-weight:500;
  height:20px;
  line-height:20px;
  min-width:20px;
  padding:0 6px;
}
.arco-badge-dot,.arco-badge-number,.arco-badge-text{
  background-color:rgb(var(--danger-6));
  box-shadow:0 0 0 2px var(--color-bg-2);
}
.arco-badge-dot{
  border-radius:var(--border-radius-circle);
  height:6px;
  width:6px;
}
.arco-badge-no-children .arco-badge-dot,.arco-badge-no-children .arco-badge-number,.arco-badge-no-children .arco-badge-text{
  display:inline-block;
  position:relative;
  right:unset;
  top:unset;
  transform:none;
}
.arco-badge-status-wrapper{
  align-items:center;
  display:inline-flex;
}
.arco-badge-status-dot{
  border-radius:var(--border-radius-circle);
  display:inline-block;
  height:6px;
  width:6px;
}
.arco-badge-status-default{
  background-color:var(--color-fill-4);
}
.arco-badge-status-processing{
  background-color:rgb(var(--primary-6));
}
.arco-badge-status-success{
  background-color:rgb(var(--success-6));
}
.arco-badge-status-warning{
  background-color:rgb(var(--warning-6));
}
.arco-badge-color-red,.arco-badge-status-error{
  background-color:rgb(var(--danger-6));
}
.arco-badge-color-orangered{
  background-color:#f77234;
}
.arco-badge-color-orange{
  background-color:rgb(var(--orange-6));
}
.arco-badge-color-gold{
  background-color:rgb(var(--gold-6));
}
.arco-badge-color-lime{
  background-color:rgb(var(--lime-6));
}
.arco-badge-color-green{
  background-color:rgb(var(--success-6));
}
.arco-badge-color-cyan{
  background-color:rgb(var(--cyan-6));
}
.arco-badge-color-arcoblue{
  background-color:rgb(var(--primary-6));
}
.arco-badge-color-purple{
  background-color:rgb(var(--purple-6));
}
.arco-badge-color-pinkpurple{
  background-color:rgb(var(--pinkpurple-6));
}
.arco-badge-color-magenta{
  background-color:rgb(var(--magenta-6));
}
.arco-badge-color-gray{
  background-color:rgb(var(--gray-4));
}
.arco-badge .arco-badge-status-text{
  color:var(--color-text-1);
  font-size:12px;
  line-height:1.5715;
  margin-left:8px;
}
.arco-badge-number-text{
  animation:arco-badge-scale .5s cubic-bezier(.3, 1.3, .3, 1);
  display:inline-block;
}
@keyframes arco-badge-scale{
  0%{
    transform:scale(0);
  }
  to{
    transform:scale(1);
  }
}
.badge-zoom-appear,.badge-zoom-enter{
  transform:translate(50%, -50%) scale(.2);
  transform-origin:center;
}
.badge-zoom-appear-active,.badge-zoom-enter-active{
  transition:opacity .3s cubic-bezier(.3, 1.3, .3, 1),transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.badge-zoom-appear-active,.badge-zoom-enter-active,.badge-zoom-exit{
  opacity:1;
  transform:translate(50%, -50%) scale(1);
  transform-origin:center;
}
.badge-zoom-exit-active{
  opacity:0;
  transform:translate(50%, -50%) scale(.2);
  transform-origin:center;
  transition:opacity .3s cubic-bezier(.3, 1.3, .3, 1),transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-breadcrumb{
  display:inline-block;
  font-size:12px;
}
.arco-breadcrumb,.arco-breadcrumb-icon,.arco-breadcrumb-item{
  color:var(--color-text-2);
}
.arco-breadcrumb-item{
  align-items:center;
  display:inline-flex;
  line-height:24px;
  padding:0 4px;
  vertical-align:middle;
}
.arco-breadcrumb-item>.arco-icon{
  color:var(--color-text-3);
}
.arco-breadcrumb-item a{
  background-color:transparent;
  border-radius:var(--border-radius-small);
  color:var(--color-text-2);
  display:inline-block;
  margin:0 -4px;
  padding:0 4px;
  text-decoration:none;
}
.arco-breadcrumb-item a:hover{
  background-color:var(--color-fill-2);
  color:rgb(var(--link-6));
}
.arco-breadcrumb-item:last-child{
  color:var(--color-text-1);
  font-weight:500;
}
.arco-breadcrumb-item-ellipses{
  color:var(--color-text-2);
  display:inline-block;
  padding:0 4px;
  position:relative;
  top:-3px;
}
.arco-breadcrumb-item-separator{
  color:var(--color-text-4);
  display:inline-block;
  line-height:24px;
  margin:0 4px;
  vertical-align:middle;
}
.arco-breadcrumb-item-with-dropdown{
  cursor:pointer;
}
.arco-breadcrumb-item-dropdown-icon{
  color:var(--color-text-2);
  font-size:12px;
  margin-left:4px;
}
.arco-breadcrumb-item-dropdown-icon-active svg{
  transform:rotate(180deg);
}
.arco-btn{
  appearance:none;
  box-sizing:border-box;
  cursor:pointer;
  display:inline-block;
  font-weight:400;
  line-height:1.5715;
  outline:none;
  position:relative;
  transition:all .1s linear;
  user-select:none;
  white-space:nowrap;
}
.arco-btn>a:only-child{
  color:currentColor;
}
.arco-btn:active{
  transition:none;
}
.arco-btn:empty{
  display:inline-block;
  vertical-align:bottom;
}
.arco-btn-long{
  display:block;
  width:100%;
}
.arco-btn-link{
  align-items:center;
  display:inline-flex;
  justify-content:center;
  text-decoration:none;
}
.arco-btn-link:not([href]){
  color:var(--color-text-4);
}
.arco-btn-link:hover{
  text-decoration:none;
}
.arco-btn-loading{
  cursor:default;
  position:relative;
}
.arco-btn-loading:before{
  background:#fff;
  border-radius:inherit;
  bottom:-1px;
  content:"";
  display:block;
  left:-1px;
  opacity:.4;
  pointer-events:none;
  position:absolute;
  right:-1px;
  top:-1px;
  transition:opacity .1s linear;
  z-index:1;
}
.arco-btn-loading-fixed-width{
  transition:none;
}
.arco-btn-two-chinese-chars>:not(svg){
  letter-spacing:.3em;
  margin-right:-.3em;
}
a.arco-btn-icon-only{
  align-items:center;
  display:inline-flex;
  justify-content:center;
  vertical-align:top;
}
.arco-btn-outline:not(.arco-btn-disabled){
  background-color:transparent;
  border:1px solid rgb(var(--primary-6));
  color:rgb(var(--primary-6));
}
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:transparent;
  border-color:rgb(var(--primary-5));
  color:rgb(var(--primary-5));
}
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:transparent;
  border-color:rgb(var(--primary-7));
  color:rgb(var(--primary-7));
}
.arco-btn-outline.arco-btn-disabled{
  background-color:transparent;
  border:1px solid var(--color-primary-light-3);
  color:var(--color-primary-light-3);
  cursor:not-allowed;
}
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:rgb(var(--warning-6));
  color:rgb(var(--warning-6));
}
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:transparent;
  border-color:rgb(var(--warning-5));
  color:rgb(var(--warning-5));
}
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:transparent;
  border-color:rgb(var(--warning-7));
  color:rgb(var(--warning-7));
}
.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled{
  background-color:transparent;
  border:1px solid var(--color-warning-light-3);
  color:var(--color-warning-light-3);
}
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:rgb(var(--danger-6));
  color:rgb(var(--danger-6));
}
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:transparent;
  border-color:rgb(var(--danger-5));
  color:rgb(var(--danger-5));
}
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:transparent;
  border-color:rgb(var(--danger-7));
  color:rgb(var(--danger-7));
}
.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled{
  background-color:transparent;
  border:1px solid var(--color-danger-light-3);
  color:var(--color-danger-light-3);
}
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:rgb(var(--success-6));
  color:rgb(var(--success-6));
}
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:transparent;
  border-color:rgb(var(--success-5));
  color:rgb(var(--success-5));
}
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:transparent;
  border-color:rgb(var(--success-7));
  color:rgb(var(--success-7));
}
.arco-btn-outline.arco-btn-status-success.arco-btn-disabled{
  background-color:transparent;
  border:1px solid var(--color-success-light-3);
  color:var(--color-success-light-3);
}
.arco-btn-primary:not(.arco-btn-disabled){
  background-color:rgb(var(--primary-6));
  border:1px solid transparent;
  color:#fff;
}
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:rgb(var(--primary-5));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:rgb(var(--primary-7));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-disabled{
  background-color:var(--color-primary-light-3);
  border:1px solid transparent;
  color:#fff;
  cursor:not-allowed;
}
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled){
  background-color:rgb(var(--warning-6));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:rgb(var(--warning-5));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:rgb(var(--warning-7));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled{
  background-color:var(--color-warning-light-3);
  border:1px solid transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled){
  background-color:rgb(var(--danger-6));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:rgb(var(--danger-5));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:rgb(var(--danger-7));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled{
  background-color:var(--color-danger-light-3);
  border:1px solid transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled){
  background-color:rgb(var(--success-6));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:rgb(var(--success-5));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:rgb(var(--success-7));
  border-color:transparent;
  color:#fff;
}
.arco-btn-primary.arco-btn-status-success.arco-btn-disabled{
  background-color:var(--color-success-light-3);
  border:1px solid transparent;
  color:#fff;
}
.arco-btn-secondary:not(.arco-btn-disabled){
  background-color:var(--color-secondary);
  border:1px solid transparent;
  color:var(--color-text-2);
}
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-secondary-hover);
  border-color:transparent;
  color:var(--color-text-2);
}
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-secondary-active);
  border-color:transparent;
  color:var(--color-text-2);
}
.arco-btn-secondary.arco-btn-disabled{
  background-color:var(--color-secondary-disabled);
  border:1px solid transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled){
  background-color:var(--color-warning-light-1);
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-warning-light-3);
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled{
  background-color:var(--color-warning-light-1);
  border:1px solid transparent;
  color:var(--color-warning-light-3);
}
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled){
  background-color:var(--color-danger-light-1);
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-danger-light-3);
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled{
  background-color:var(--color-danger-light-1);
  border:1px solid transparent;
  color:var(--color-danger-light-3);
}
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled){
  background-color:var(--color-success-light-1);
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-success-light-2);
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-success-light-3);
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled{
  background-color:var(--color-success-light-1);
  border:1px solid transparent;
  color:var(--color-success-light-3);
}
.arco-btn-dashed:not(.arco-btn-disabled){
  background-color:var(--color-fill-2);
  border:1px dashed var(--color-neutral-3);
  color:var(--color-text-2);
}
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-fill-3);
  border-color:var(--color-neutral-4);
  color:var(--color-text-2);
}
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-fill-4);
  border-color:var(--color-neutral-5);
  color:var(--color-text-2);
}
.arco-btn-dashed.arco-btn-disabled{
  background-color:var(--color-fill-2);
  border:1px dashed var(--color-neutral-3);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled){
  background-color:var(--color-warning-light-1);
  border-color:var(--color-warning-light-2);
  color:rgb(var(--warning-6));
}
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-warning-light-2);
  border-color:var(--color-warning-light-3);
  color:rgb(var(--warning-6));
}
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-warning-light-3);
  border-color:var(--color-warning-light-4);
  color:rgb(var(--warning-6));
}
.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled{
  background-color:var(--color-warning-light-1);
  border:1px dashed var(--color-warning-light-2);
  color:var(--color-warning-light-3);
}
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled){
  background-color:var(--color-danger-light-1);
  border-color:var(--color-danger-light-2);
  color:rgb(var(--danger-6));
}
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-danger-light-2);
  border-color:var(--color-danger-light-3);
  color:rgb(var(--danger-6));
}
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-danger-light-3);
  border-color:var(--color-danger-light-4);
  color:rgb(var(--danger-6));
}
.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled{
  background-color:var(--color-danger-light-1);
  border:1px dashed var(--color-danger-light-2);
  color:var(--color-danger-light-3);
}
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled){
  background-color:var(--color-success-light-1);
  border-color:var(--color-success-light-2);
  color:rgb(var(--success-6));
}
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-success-light-2);
  border-color:var(--color-success-light-3);
  color:rgb(var(--success-6));
}
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-success-light-3);
  border-color:var(--color-success-light-4);
  color:rgb(var(--success-6));
}
.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled{
  background-color:var(--color-success-light-1);
  border:1px dashed var(--color-success-light-2);
  color:var(--color-success-light-3);
}
.arco-btn-text:not(.arco-btn-disabled){
  background-color:transparent;
  border:1px solid transparent;
  color:rgb(var(--primary-6));
}
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:rgb(var(--primary-6));
}
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-fill-3);
  border-color:transparent;
  color:rgb(var(--primary-6));
}
.arco-btn-text.arco-btn-disabled{
  background-color:transparent;
  border:1px solid transparent;
  color:var(--color-primary-light-3);
  cursor:not-allowed;
}
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-fill-3);
  border-color:transparent;
  color:rgb(var(--warning-6));
}
.arco-btn-text.arco-btn-status-warning.arco-btn-disabled{
  background-color:transparent;
  border:1px solid transparent;
  color:var(--color-warning-light-3);
}
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-fill-3);
  border-color:transparent;
  color:rgb(var(--danger-6));
}
.arco-btn-text.arco-btn-status-danger.arco-btn-disabled{
  background-color:transparent;
  border:1px solid transparent;
  color:var(--color-danger-light-3);
}
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled){
  background-color:transparent;
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active{
  background-color:var(--color-fill-3);
  border-color:transparent;
  color:rgb(var(--success-6));
}
.arco-btn-text.arco-btn-status-success.arco-btn-disabled{
  background-color:transparent;
  border:1px solid transparent;
  color:var(--color-success-light-3);
}
.arco-btn-size-mini{
  border-radius:var(--border-radius-small);
  font-size:12px;
  height:24px;
  padding:0 11px;
}
.arco-btn-size-mini>span+svg,.arco-btn-size-mini>svg+span{
  margin-left:4px;
}
.arco-btn-size-mini svg{
  vertical-align:-2px;
}
.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading{
  padding-left:3px;
  padding-right:3px;
}
.arco-btn-size-mini.arco-btn-icon-only{
  height:24px;
  padding:0;
  width:24px;
}
.arco-btn-size-mini.arco-btn-shape-circle{
  border-radius:var(--border-radius-circle);
  height:24px;
  padding:0;
  text-align:center;
  width:24px;
}
.arco-btn-size-mini.arco-btn-shape-round{
  border-radius:12px;
}
.arco-btn-size-small{
  border-radius:var(--border-radius-small);
  font-size:12px;
  height:28px;
  padding:0 15px;
}
.arco-btn-size-small>span+svg,.arco-btn-size-small>svg+span{
  margin-left:6px;
}
.arco-btn-size-small svg{
  vertical-align:-2px;
}
.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading{
  padding-left:6px;
  padding-right:6px;
}
.arco-btn-size-small.arco-btn-icon-only{
  height:28px;
  padding:0;
  width:28px;
}
.arco-btn-size-small.arco-btn-shape-circle{
  border-radius:var(--border-radius-circle);
  height:28px;
  padding:0;
  text-align:center;
  width:28px;
}
.arco-btn-size-small.arco-btn-shape-round{
  border-radius:14px;
}
.arco-btn-size-default{
  border-radius:var(--border-radius-small);
  font-size:12px;
  height:32px;
  padding:0 15px;
}
.arco-btn-size-default>span+svg,.arco-btn-size-default>svg+span{
  margin-left:8px;
}
.arco-btn-size-default svg{
  vertical-align:-2px;
}
.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading{
  padding-left:5px;
  padding-right:5px;
}
.arco-btn-size-default.arco-btn-icon-only{
  height:32px;
  padding:0;
  width:32px;
}
.arco-btn-size-default.arco-btn-shape-circle{
  border-radius:var(--border-radius-circle);
  height:32px;
  padding:0;
  text-align:center;
  width:32px;
}
.arco-btn-size-default.arco-btn-shape-round{
  border-radius:16px;
}
.arco-btn-size-large{
  border-radius:var(--border-radius-small);
  font-size:12px;
  height:36px;
  padding:0 19px;
}
.arco-btn-size-large>span+svg,.arco-btn-size-large>svg+span{
  margin-left:8px;
}
.arco-btn-size-large svg{
  vertical-align:-2px;
}
.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading{
  padding-left:9px;
  padding-right:9px;
}
.arco-btn-size-large.arco-btn-icon-only{
  height:36px;
  padding:0;
  width:36px;
}
.arco-btn-size-large.arco-btn-shape-circle{
  border-radius:var(--border-radius-circle);
  height:36px;
  padding:0;
  text-align:center;
  width:36px;
}
.arco-btn-size-large.arco-btn-shape-round{
  border-radius:18px;
}
.arco-btn-group{
  display:inline-block;
}
.arco-btn-group .arco-btn-dashed:not(:first-child),.arco-btn-group .arco-btn-outline:not(:first-child){
  margin-left:-1px;
}
.arco-btn-group .arco-btn-primary:not(:last-child){
  border-right:1px solid rgb(var(--primary-5));
}
.arco-btn-group .arco-btn-secondary:not(:last-child){
  border-right:1px solid var(--color-secondary-hover);
}
.arco-btn-group .arco-btn-status-warning:not(:last-child){
  border-right:1px solid rgb(var(--warning-5));
}
.arco-btn-group .arco-btn-status-danger:not(:last-child){
  border-right:1px solid rgb(var(--danger-5));
}
.arco-btn-group .arco-btn-status-success:not(:last-child){
  border-right:1px solid rgb(var(--success-5));
}
.arco-btn-group .arco-btn-dashed:active,.arco-btn-group .arco-btn-dashed:hover,.arco-btn-group .arco-btn-outline:active,.arco-btn-group .arco-btn-outline:hover{
  z-index:2;
}
.arco-btn-group .arco-btn:first-child{
  border-bottom-right-radius:0;
  border-top-right-radius:0;
}
.arco-btn-group .arco-btn:last-child{
  border-bottom-left-radius:0;
  border-top-left-radius:0;
}
.arco-btn-group .arco-btn:not(:first-child):not(:last-child){
  border-radius:0;
}
body[arco-theme=dark] .arco-btn-primary.arco-btn-disabled{
  color:hsla(0,0%,100%,.3);
}
.arco-calendar{
  border:1px solid var(--color-neutral-3);
  box-sizing:border-box;
}
.arco-calendar-header{
  display:flex;
  padding:24px;
}
.arco-calendar-header-left{
  align-items:center;
  display:flex;
  flex:1;
  line-height:28px;
}
.arco-calendar-header-left,.arco-calendar-header-right{
  height:28px;
  position:relative;
}
.arco-calendar-header-value{
  color:var(--color-text-1);
  font-size:20px;
  font-weight:500;
}
.arco-calendar-header-icon{
  background-color:var(--color-bg-5);
  border-radius:50%;
  color:var(--color-text-2);
  font-size:12px;
  height:28px;
  line-height:28px;
  margin-right:12px;
  text-align:center;
  transition:all .1s linear;
  user-select:none;
  width:28px;
}
.arco-calendar-header-icon:not(:first-child){
  margin-left:12px;
  margin-right:32px;
}
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden){
  cursor:pointer;
}
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover{
  background-color:var(--color-fill-3);
}
.arco-calendar .arco-calendar-header-value-year{
  margin-right:8px;
  width:100px;
}
.arco-calendar .arco-calendar-header-value-month{
  margin-right:32px;
  width:76px;
}
.arco-calendar-month{
  width:100%;
}
.arco-calendar-month-row{
  display:flex;
  height:100px;
}
.arco-calendar-month-row .arco-calendar-cell{
  border-bottom:1px solid var(--color-neutral-3);
  flex:1;
  overflow:hidden;
}
.arco-calendar-month-row:last-child .arco-calendar-cell{
  border-bottom:unset;
}
.arco-calendar-month-cell-body{
  box-sizing:border-box;
}
.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child){
  border-right:1px solid var(--color-neutral-3);
}
.arco-calendar-week-list{
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  display:flex;
  padding:0;
  width:100%;
}
.arco-calendar-week-list-item{
  color:#7d7d7f;
  flex:1;
  padding:20px 16px;
  text-align:left;
}
.arco-calendar-cell .arco-calendar-date{
  box-sizing:border-box;
  cursor:pointer;
  height:100%;
  padding:10px;
  width:100%;
}
.arco-calendar-cell .arco-calendar-date-circle{
  border-radius:50%;
  height:28px;
  line-height:28px;
  text-align:center;
  width:28px;
}
.arco-calendar-date-content{
  height:70px;
  overflow-y:auto;
}
.arco-calendar-cell-today .arco-calendar-date-circle{
  border:1px solid rgb(var(--primary-6));
  box-sizing:border-box;
}
.arco-calendar-date-value{
  color:var(--color-text-4);
  font-size:16px;
  font-weight:500;
}
.arco-calendar-cell-in-view .arco-calendar-date-value{
  color:var(--color-text-1);
}
.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle{
  background-color:rgb(var(--primary-6));
  border:1px solid rgb(var(--primary-6));
  color:#fff;
}
.arco-calendar-mode-year:not(.arco-calendar-panel){
  min-width:820px;
}
.arco-calendar-mode-year .arco-calendar-header{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-calendar-mode-year .arco-calendar-body{
  padding:12px;
}
.arco-calendar-mode-year .arco-calendar-year-row{
  display:flex;
}
.arco-calendar-year-row>.arco-calendar-cell{
  flex:1;
  padding:20px 8px;
}
.arco-calendar-year-row>.arco-calendar-cell:not(:last-child){
  border-right:1px solid var(--color-neutral-3);
}
.arco-calendar-year-row:not(:last-child)>.arco-calendar-cell{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-calendar-month-with-days .arco-calendar-month-row{
  height:26px;
}
.arco-calendar-month-with-days .arco-calendar-cell{
  border-bottom:0;
}
.arco-calendar-month-with-days .arco-calendar-month-cell-body{
  padding:0;
}
.arco-calendar-month-with-days .arco-calendar-month-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
  padding:10px 6px;
}
.arco-calendar-month-cell{
  font-size:12px;
  width:100%;
}
.arco-calendar-month-cell .arco-calendar-week-list{
  border-bottom:unset;
  padding:0;
}
.arco-calendar-month-cell .arco-calendar-week-list-item{
  color:#7d7d7f;
  padding:6px;
  text-align:center;
}
.arco-calendar-month-cell .arco-calendar-cell{
  text-align:center;
}
.arco-calendar-month-cell .arco-calendar-date{
  padding:2px;
}
.arco-calendar-month-cell .arco-calendar-date-value{
  font-size:14px;
}
.arco-calendar-month-cell .arco-calendar-date-circle{
  border-radius:50%;
  display:inline-block;
  height:22px;
  line-height:22px;
  text-align:center;
  width:22px;
}
.arco-calendar-panel{
  background-color:var(--color-bg-5);
  border:1px solid var(--color-neutral-3);
}
.arco-calendar-panel .arco-calendar-header{
  border-bottom:1px solid var(--color-neutral-3);
  padding:8px 16px;
}
.arco-calendar-panel .arco-calendar-header-value{
  flex:1;
  font-size:14px;
  line-height:24px;
  text-align:center;
}
.arco-calendar-panel .arco-calendar-header-icon{
  height:24px;
  line-height:24px;
  margin-left:2px;
  margin-right:2px;
  width:24px;
}
.arco-calendar-panel .arco-calendar-body{
  padding:14px 16px;
}
.arco-calendar-panel .arco-calendar-month-cell-body{
  padding:0;
}
.arco-calendar-panel .arco-calendar-month-row{
  height:unset;
}
.arco-calendar-panel .arco-calendar-week-list{
  border-bottom:unset;
  padding:0;
}
.arco-calendar-panel .arco-calendar-week-list-item{
  font-weight:400;
  height:32px;
  line-height:32px;
  padding:0;
  text-align:center;
}
.arco-calendar-panel .arco-calendar-cell,.arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell{
  border-bottom:0;
  border-right:0;
  box-sizing:border-box;
  padding:2px 0;
  text-align:center;
}
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date{
  display:flex;
  justify-content:center;
  padding:4px 0;
}
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value{
  cursor:pointer;
  font-size:14px;
  height:24px;
  line-height:24px;
  min-width:24px;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell{
  padding:4px 0;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date{
  padding:4px;
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value{
  border-radius:12px;
  width:100%;
}
.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value{
  background-color:rgb(var(--primary-6));
  border-radius:50%;
  color:var(--color-white);
}
.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover{
  background-color:var(--color-primary-light-1);
  border-radius:50%;
  color:rgb(var(--primary-6));
}
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover{
  border-radius:12px;
}
.arco-calendar-panel .arco-calendar-cell-today{
  position:relative;
}
.arco-calendar-panel .arco-calendar-cell-today:after{
  background-color:rgb(var(--primary-6));
  border-radius:50%;
  bottom:0;
  content:"";
  display:block;
  height:4px;
  left:50%;
  margin-left:-2px;
  position:absolute;
  width:4px;
}
.arco-calendar-cell-in-range .arco-calendar-date{
  background-color:var(--color-primary-light-1);
}
.arco-calendar-cell-range-start .arco-calendar-date{
  border-radius:16px 0 0 16px;
}
.arco-calendar-cell-range-end .arco-calendar-date{
  border-radius:0 16px 16px 0;
}
.arco-calendar-cell-in-range-near-hover .arco-calendar-date{
  border-radius:0;
}
.arco-calendar-cell-range-end .arco-calendar-date-value,.arco-calendar-cell-range-start .arco-calendar-date-value{
  background-color:rgb(var(--primary-6));
  border-radius:50%;
  color:var(--color-white);
}
.arco-calendar-cell-hover-in-range .arco-calendar-date{
  background-color:var(--color-primary-light-1);
}
.arco-calendar-cell-hover-range-start .arco-calendar-date{
  border-radius:16px 0 0 16px;
}
.arco-calendar-cell-hover-range-end .arco-calendar-date{
  border-radius:0 16px 16px 0;
}
.arco-calendar-cell-hover-range-end .arco-calendar-date-value,.arco-calendar-cell-hover-range-start .arco-calendar-date-value{
  background-color:var(--color-primary-light-2);
  border-radius:50%;
  color:var(--color-text-1);
}
.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date{
  background-color:var(--color-fill-1);
  cursor:not-allowed;
}
.arco-calendar-panel .arco-calendar-cell-disabled>.arco-calendar-date>.arco-calendar-date-value{
  background-color:var(--color-fill-1);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-calendar-panel .arco-calendar-footer-btn-wrapper{
  border-top:1px solid var(--color-neutral-3);
  color:var(--color-text-1);
  cursor:pointer;
  height:38px;
  line-height:38px;
  text-align:center;
}
.arco-card{
  background:var(--color-bg-2);
  border-radius:var(--border-radius-none);
  position:relative;
  transition:box-shadow .2s linear;
}
.arco-card-header{
  align-items:center;
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
}
.arco-card-header-no-title:before{
  content:" ";
  display:block;
}
.arco-card-header-title{
  color:var(--color-text-1);
  flex:1;
  font-weight:500;
}
.arco-card-header-extra,.arco-card-header-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-card-header-extra{
  color:rgb(var(--primary-6));
}
.arco-card-body{
  color:var(--color-text-2);
}
.arco-card-cover{
  overflow:hidden;
}
.arco-card-cover>*{
  display:block;
  width:100%;
}
.arco-card-actions{
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:20px;
}
.arco-card-actions:before{
  content:"";
  visibility:hidden;
}
.arco-card-actions-item,.arco-card-actions-right{
  align-items:center;
  display:flex;
}
.arco-card-actions-item{
  color:var(--color-text-2);
  cursor:pointer;
  justify-content:center;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .2s linear;
  white-space:nowrap;
}
.arco-card-actions-item:hover{
  color:rgb(var(--primary-6));
}
.arco-card-actions-item:not(:last-child){
  margin-right:12px;
}
.arco-card-meta-footer{
  align-items:center;
  display:flex;
  justify-content:space-between;
}
.arco-card-meta-footer:last-child{
  margin-top:20px;
}
.arco-card-meta-footer-only-actions:before{
  content:"";
  visibility:hidden;
}
.arco-card-meta-footer .arco-card-actions{
  margin-top:0;
}
.arco-card-meta-title{
  color:var(--color-text-1);
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-card-meta-description:not(:first-child){
  margin-top:4px;
}
.arco-card-grid{
  box-shadow:1px 0 0 0 var(--color-neutral-3), 0 1px 0 0 var(--color-neutral-3), 1px 1px 0 0 var(--color-neutral-3), 1px 0 0 0 var(--color-neutral-3) inset, 0 1px 0 0 var(--color-neutral-3) inset;
  box-sizing:border-box;
  position:relative;
  width:33.33%;
}
.arco-card-grid:before{
  bottom:0;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:box-shadow .2s linear;
}
.arco-card-grid-hoverable:hover{
  z-index:1;
}
.arco-card-grid-hoverable:hover:before{
  box-shadow:0 4px 10px rgb(var(--gray-2));
}
.arco-card-grid .arco-card{
  background:none;
  box-shadow:none;
}
.arco-card-contain-grid:not(.arco-card-loading)>.arco-card-body{
  display:flex;
  flex-wrap:wrap;
  margin:0 -1px;
  padding:0;
}
.arco-card-hoverable:hover{
  box-shadow:0 4px 10px rgb(var(--gray-2));
}
.arco-card-bordered{
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-small);
}
.arco-card-bordered .arco-card-cover{
  border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;
}
.arco-card-loading .arco-card-body{
  overflow:hidden;
  text-align:center;
}
.arco-card-size-default{
  font-size:12px;
}
.arco-card-size-default .arco-card-header{
  height:46px;
  padding-left:16px;
  padding-right:16px;
}
.arco-card-size-default .arco-card-header-title,.arco-card-size-default .arco-card-meta-title{
  font-size:16px;
}
.arco-card-size-default .arco-card-header-extra{
  font-size:12px;
}
.arco-card-size-default .arco-card-body{
  padding:16px;
}
.arco-card-size-small{
  font-size:12px;
}
.arco-card-size-small .arco-card-header{
  height:40px;
  padding-left:16px;
  padding-right:16px;
}
.arco-card-size-small .arco-card-header-title,.arco-card-size-small .arco-card-meta-title{
  font-size:16px;
}
.arco-card-size-small .arco-card-header-extra{
  font-size:12px;
}
.arco-card-size-small .arco-card-body{
  padding:12px 16px;
}
body[arco-theme=dark] .arco-card-grid-hoverable:hover:before,body[arco-theme=dark] .arco-card-hoverable:hover{
  box-shadow:0 4px 10px rgba(var(--gray-1), 40%);
}
@keyframes arco-carousel-slide-x-in{
  0%{
    transform:translateX(100%);
  }
  to{
    transform:translateX(0);
  }
}
@keyframes arco-carousel-slide-x-out{
  0%{
    transform:translateX(0);
  }
  to{
    transform:translateX(-100%);
  }
}
@keyframes arco-carousel-slide-x-in-reverse{
  0%{
    transform:translateX(-100%);
  }
  to{
    transform:translateX(0);
  }
}
@keyframes arco-carousel-slide-x-out-reverse{
  0%{
    transform:translateX(0);
  }
  to{
    transform:translateX(100%);
  }
}
@keyframes arco-carousel-slide-y-in{
  0%{
    transform:translateY(100%);
  }
  to{
    transform:translateY(0);
  }
}
@keyframes arco-carousel-slide-y-out{
  0%{
    transform:translateY(0);
  }
  to{
    transform:translateY(-100%);
  }
}
@keyframes arco-carousel-slide-y-in-reverse{
  0%{
    transform:translateY(-100%);
  }
  to{
    transform:translateY(0);
  }
}
@keyframes arco-carousel-slide-y-out-reverse{
  0%{
    transform:translateY(0);
  }
  to{
    transform:translateY(100%);
  }
}
@keyframes arco-carousel-card-bottom-to-middle{
  0%{
    opacity:0;
    transform:translateX(0) translateZ(-400px);
  }
  to{
    opacity:.4;
    transform:translateX(0) translateZ(-200px);
  }
}
@keyframes arco-carousel-card-middle-to-bottom{
  0%{
    opacity:.4;
    transform:translateX(-100%) translateZ(-200px);
  }
  to{
    opacity:0;
    transform:translateX(-100%) translateZ(-400px);
  }
}
@keyframes arco-carousel-card-top-to-middle{
  0%{
    opacity:1;
    transform:translateX(-50%) translateZ(0);
  }
  to{
    opacity:.4;
    transform:translateX(-100%) translateZ(-200px);
  }
}
@keyframes arco-carousel-card-middle-to-top{
  0%{
    opacity:.4;
    transform:translateX(0) translateZ(-200px);
  }
  to{
    opacity:1;
    transform:translateX(-50%) translateZ(0);
  }
}
@keyframes arco-carousel-card-bottom-to-middle-reverse{
  0%{
    opacity:0;
    transform:translateX(-100%) translateZ(-400px);
  }
  to{
    opacity:.4;
    transform:translateX(-100%) translateZ(-200px);
  }
}
@keyframes arco-carousel-card-middle-to-bottom-reverse{
  0%{
    opacity:.4;
    transform:translateX(0) translateZ(-200px);
  }
  to{
    opacity:0;
    transform:translateX(0) translateZ(-400px);
  }
}
@keyframes arco-carousel-card-top-to-middle-reverse{
  0%{
    opacity:1;
    transform:translateX(-50%) translateZ(0);
  }
  to{
    opacity:.4;
    transform:translateX(0) translateZ(-200px);
  }
}
@keyframes arco-carousel-card-middle-to-top-reverse{
  0%{
    opacity:.4;
    transform:translateX(-100%) translateZ(-200px);
  }
  to{
    opacity:1;
    transform:translateX(-50%) translateZ(0);
  }
}
.arco-carousel{
  position:relative;
}
.arco-carousel-indicator-position-outer{
  margin-bottom:30px;
}
.arco-carousel-card,.arco-carousel-fade,.arco-carousel-slide{
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}
.arco-carousel-card>*,.arco-carousel-fade>*,.arco-carousel-slide>*{
  height:100%;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%;
}
.arco-carousel-item-current{
  z-index:1;
}
.arco-carousel-slide>:not(.arco-carousel-item-current){
  visibility:hidden;
}
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out{
  animation:arco-carousel-slide-x-out;
  display:block;
}
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in{
  animation:arco-carousel-slide-x-in;
  display:block;
}
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out{
  animation:arco-carousel-slide-x-out-reverse;
}
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in{
  animation:arco-carousel-slide-x-in-reverse;
}
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out{
  animation:arco-carousel-slide-y-out;
  display:block;
}
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in{
  animation:arco-carousel-slide-y-in;
  display:block;
}
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out{
  animation:arco-carousel-slide-y-out-reverse;
}
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in{
  animation:arco-carousel-slide-y-in-reverse;
}
.arco-carousel-card{
  perspective:800px;
}
.arco-carousel-card>*{
  animation:arco-carousel-card-middle-to-bottom;
  left:50%;
  opacity:0;
  transform:translateX(-50%) translateZ(-400px);
}
.arco-carousel-card .arco-carousel-item-prev{
  animation:arco-carousel-card-top-to-middle;
  opacity:.4;
  transform:translateX(-100%) translateZ(-200px);
}
.arco-carousel-card .arco-carousel-item-next{
  animation:arco-carousel-card-bottom-to-middle;
  opacity:.4;
  transform:translateX(0) translateZ(-200px);
}
.arco-carousel-card .arco-carousel-item-current{
  animation:arco-carousel-card-middle-to-top;
  opacity:1;
  transform:translateX(-50%) translateZ(0);
}
.arco-carousel-card.arco-carousel-negative>*{
  animation:arco-carousel-card-middle-to-bottom-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev{
  animation:arco-carousel-card-bottom-to-middle-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next{
  animation:arco-carousel-card-top-to-middle-reverse;
}
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current{
  animation:arco-carousel-card-middle-to-top-reverse;
}
.arco-carousel-fade>*{
  left:50%;
  opacity:0;
  transform:translateX(-50%);
}
.arco-carousel-fade .arco-carousel-item-current{
  opacity:1;
}
.arco-carousel-indicator{
  display:flex;
  margin:0;
  padding:0;
  position:absolute;
}
.arco-carousel-indicator-wrapper{
  position:absolute;
  z-index:2;
}
.arco-carousel-indicator-wrapper-top{
  background:linear-gradient(180deg, rgba(0,0,0,.15), transparent 87%);
  height:48px;
  left:0;
  right:0;
  top:0;
}
.arco-carousel-indicator-wrapper-bottom{
  background:linear-gradient(180deg, transparent 13%, rgba(0,0,0,.15));
  bottom:0;
  height:48px;
  left:0;
  right:0;
}
.arco-carousel-indicator-wrapper-left{
  background:linear-gradient(90deg, rgba(0,0,0,.15), transparent 87%);
  height:100%;
  left:0;
  top:0;
  width:48px;
}
.arco-carousel-indicator-wrapper-right{
  background:linear-gradient(90deg, transparent 13%, rgba(0,0,0,.15));
  height:100%;
  right:0;
  top:0;
  width:48px;
}
.arco-carousel-indicator-wrapper-outer{
  background:none;
  left:0;
  right:0;
}
.arco-carousel-indicator-bottom{
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
}
.arco-carousel-indicator-top{
  left:50%;
  top:12px;
  transform:translateX(-50%);
}
.arco-carousel-indicator-left{
  left:12px;
  top:50%;
  transform:translate(-50%, -50%) rotate(90deg);
}
.arco-carousel-indicator-right{
  right:12px;
  top:50%;
  transform:translate(50%, -50%) rotate(90deg);
}
.arco-carousel-indicator-outer{
  background-color:transparent;
  border-radius:20px;
  left:50%;
  padding:4px;
  transform:translateX(-50%);
}
.arco-carousel-indicator-outer.arco-carousel-indicator-dot{
  bottom:-22px;
}
.arco-carousel-indicator-outer.arco-carousel-indicator-line{
  bottom:-20px;
}
.arco-carousel-indicator-outer.arco-carousel-indicator-slider{
  background-color:rgba(var(--gray-4), .5);
  bottom:-16px;
  padding:0;
}
.arco-carousel-indicator-outer .arco-carousel-indicator-item{
  background-color:rgba(var(--gray-4), .5);
}
.arco-carousel-indicator-outer .arco-carousel-indicator-item-active,.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover{
  background-color:var(--color-fill-4);
}
.arco-carousel-indicator-item{
  background-color:hsla(0,0%,100%,.3);
  border-radius:var(--border-radius-medium);
  cursor:pointer;
  display:inline-block;
}
.arco-carousel-indicator-item-active,.arco-carousel-indicator-item:hover{
  background-color:var(--color-white);
}
.arco-carousel-indicator-dot .arco-carousel-indicator-item{
  border-radius:50%;
  height:6px;
  width:6px;
}
.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child){
  margin-right:8px;
}
.arco-carousel-indicator-line .arco-carousel-indicator-item{
  height:4px;
  width:12px;
}
.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child){
  margin-right:8px;
}
.arco-carousel-indicator-slider{
  background-color:hsla(0,0%,100%,.3);
  border-radius:var(--border-radius-medium);
  cursor:pointer;
  height:4px;
  width:48px;
}
.arco-carousel-indicator-slider .arco-carousel-indicator-item{
  height:100%;
  position:absolute;
  top:0;
  transition:left .3s;
}
.arco-carousel-arrow>div{
  align-items:center;
  background-color:hsla(0,0%,100%,.3);
  border-radius:50%;
  color:var(--color-white);
  cursor:pointer;
  display:flex;
  height:24px;
  justify-content:center;
  position:absolute;
  width:24px;
  z-index:2;
}
.arco-carousel-arrow>div>svg{
  color:var(--color-white);
  font-size:12px;
}
.arco-carousel-arrow>div:hover{
  background-color:hsla(0,0%,100%,.5);
}
.arco-carousel-arrow-left{
  left:12px;
  top:50%;
  transform:translateY(-50%);
}
.arco-carousel-arrow-right{
  right:12px;
  top:50%;
  transform:translateY(-50%);
}
.arco-carousel-arrow-top{
  left:50%;
  top:12px;
  transform:translateX(-50%);
}
.arco-carousel-arrow-bottom{
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
}
.arco-carousel-arrow-hover div{
  opacity:0;
  transition:all .3s;
}
.arco-carousel:hover .arco-carousel-arrow-hover div{
  opacity:1;
}
body[arco-theme=dark] .arco-carousel-arrow>div{
  background-color:rgba(var(--gray-1), .3);
}
body[arco-theme=dark] .arco-carousel-arrow>div:hover{
  background-color:rgba(var(--gray-1), .5);
}
body[arco-theme=dark] .arco-carousel-indicator-item,body[arco-theme=dark] .arco-carousel-indicator-slider{
  background-color:rgba(var(--gray-1), .3);
}
body[arco-theme=dark] .arco-carousel-indicator-item-active,body[arco-theme=dark] .arco-carousel-indicator-item:hover{
  background-color:var(--color-white);
}
body[arco-theme=dark] .arco-carousel-indicator-outer.arco-carousel-indicator-slider{
  background-color:rgba(var(--gray-4), .5);
}
body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active,body[arco-theme=dark] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover{
  background-color:var(--color-fill-4);
}
.arco-cascader .arco-cascader-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-1);
}
.arco-cascader:hover .arco-cascader-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-cascader.arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
  color:var(--color-text-1);
}
.arco-cascader .arco-cascader-arrow-icon,.arco-cascader .arco-cascader-clear-icon,.arco-cascader .arco-cascader-expand-icon,.arco-cascader .arco-cascader-loading-icon,.arco-cascader .arco-cascader-search-icon,.arco-cascader .arco-cascader-suffix-icon{
  color:var(--color-text-2);
}
.arco-cascader-error .arco-cascader-view{
  background-color:var(--color-danger-light-1);
  border:1px solid transparent;
}
.arco-cascader-error:hover .arco-cascader-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-cascader-error.arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
  color:var(--color-text-1);
}
.arco-cascader-disabled .arco-cascader-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-4);
}
.arco-cascader-disabled:hover .arco-cascader-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-cascader-disabled .arco-cascader-arrow-icon,.arco-cascader-disabled .arco-cascader-clear-icon,.arco-cascader-disabled .arco-cascader-expand-icon,.arco-cascader-disabled .arco-cascader-loading-icon,.arco-cascader-disabled .arco-cascader-search-icon,.arco-cascader-disabled .arco-cascader-suffix-icon{
  color:var(--color-text-4);
}
.arco-cascader-no-border .arco-cascader-view{
  background:none !important;
  border:none !important;
}
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:4px;
}
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix{
  padding-right:4px;
}
.arco-cascader-size-mini.arco-cascader-multiple input{
  font-size:12px;
}
.arco-cascader-size-mini.arco-cascader-single .arco-cascader-view{
  font-size:12px;
  height:24px;
  line-height:22px;
  padding:0 7px;
}
.arco-cascader-size-mini.arco-cascader-single input{
  font-size:12px;
}
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix{
  padding-left:7px;
}
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix{
  padding-right:8px;
}
.arco-cascader-size-small.arco-cascader-multiple input{
  font-size:12px;
}
.arco-cascader-size-small.arco-cascader-single .arco-cascader-view{
  font-size:12px;
  height:28px;
  line-height:26px;
  padding:0 11px;
}
.arco-cascader-size-small.arco-cascader-single input{
  font-size:12px;
}
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix{
  padding-left:11px;
}
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix{
  padding-right:8px;
}
.arco-cascader-size-default.arco-cascader-multiple input{
  font-size:12px;
}
.arco-cascader-size-default.arco-cascader-single .arco-cascader-view{
  font-size:12px;
  height:32px;
  line-height:30px;
  padding:0 11px;
}
.arco-cascader-size-default.arco-cascader-single input{
  font-size:12px;
}
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix{
  padding-left:11px;
}
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view{
  font-size:16px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:12px;
}
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix{
  padding-right:12px;
}
.arco-cascader-size-large.arco-cascader-multiple input{
  font-size:16px;
}
.arco-cascader-size-large.arco-cascader-single .arco-cascader-view{
  font-size:16px;
  height:36px;
  line-height:34px;
  padding:0 15px;
}
.arco-cascader-size-large.arco-cascader-single input{
  font-size:16px;
}
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix{
  padding-left:15px;
}
.arco-cascader{
  cursor:pointer;
  display:inline-block;
}
.arco-cascader,.arco-cascader-view{
  box-sizing:border-box;
  position:relative;
  width:100%;
}
.arco-cascader-view{
  border-radius:var(--border-radius-small);
  display:flex;
  outline:none;
  text-align:left;
  transition:all .1s linear,padding 0s linear;
  user-select:none;
}
.arco-cascader-view input{
  color:inherit;
  cursor:inherit;
}
.arco-cascader-view input::placeholder{
  color:var(--color-text-3);
}
.arco-cascader-multiple,.arco-cascader-show-search{
  cursor:text;
}
.arco-cascader-disabled{
  cursor:not-allowed;
}
.arco-cascader-disabled .arco-cascader-view input::placeholder{
  color:var(--color-text-4);
}
.arco-cascader-single .arco-cascader-view-input{
  background:transparent;
  border:none;
  outline:none;
  padding:0;
}
.arco-cascader-single .arco-cascader-view-input,.arco-cascader-single .arco-cascader-view-value{
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-cascader-single .arco-cascader-view-value{
  display:inline-block;
}
.arco-cascader-single .arco-cascader-view-value:after{
  content:".";
  font-size:0;
  line-height:0;
  visibility:hidden;
}
.arco-cascader-single .arco-cascader-view .arco-cascader-hidden{
  position:absolute;
  width:0 !important;
}
.arco-cascader-multiple{
  vertical-align:top;
}
.arco-cascader-multiple .arco-cascader-view{
  line-height:0;
  padding:0 4px;
}
.arco-cascader-multiple .arco-cascader-view-with-prefix{
  padding-left:12px;
}
.arco-cascader-multiple .arco-input-tag{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  flex:1;
  overflow:hidden;
  padding:0;
}
.arco-cascader-multiple .arco-tag{
  max-width:100%;
}
.arco-cascader-multiple:not(.arco-cascader-focused) .arco-input-tag input:not(:first-child)[value=""]{
  position:absolute;
  width:0 !important;
}
.arco-cascader-prefix{
  align-items:center;
  color:var(--color-text-2);
  display:flex;
  margin-right:12px;
  white-space:nowrap;
}
.arco-cascader-suffix{
  align-items:center;
  display:flex;
  margin-left:4px;
}
.arco-cascader-clear-icon,.arco-cascader-expand-icon,.arco-cascader-loading-icon,.arco-cascader-search-icon,.arco-cascader-suffix-icon{
  font-size:12px;
  transition:all .1s linear;
}
.arco-cascader-arrow-icon{
  font-size:12px;
}
.arco-cascader-open .arco-cascader-arrow-icon svg{
  transform:rotate(180deg);
}
.arco-cascader .arco-cascader-clear-icon{
  cursor:pointer;
  display:none;
}
.arco-cascader .arco-cascader-clear-icon>svg{
  position:relative;
  transition:all .1s linear;
}
.arco-cascader:hover .arco-cascader-clear-icon{
  display:block;
}
.arco-cascader:hover .arco-cascader-clear-icon~*{
  display:none;
}
.arco-cascader-popup{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-fill-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  box-sizing:border-box;
  overflow:hidden;
  top:4px;
}
.arco-cascader-popup-trigger-hover .arco-cascader-list-item{
  transition:font-weight 0s;
}
.arco-cascader-popup .arco-cascader-popup-inner{
  height:200px;
  list-style:none;
  white-space:nowrap;
  width:100%;
}
.arco-cascader-highlight{
  font-weight:500;
}
.arco-cascader-list-column{
  background-color:var(--color-bg-popup);
  display:inline-block;
  height:100%;
  position:relative;
  vertical-align:top;
}
.arco-cascader-list-column:not(:last-of-type){
  border-right:1px solid var(--color-fill-3);
}
.arco-cascader-list-wrapper{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:100%;
  padding:4px 0;
  position:relative;
  white-space:nowrap;
}
.arco-cascader-list-wrapper-with-footer{
  padding-bottom:0;
}
.arco-cascader-list-empty{
  align-items:center;
  display:flex;
  height:100%;
}
.arco-cascader-list{
  box-sizing:border-box;
  flex:1;
  list-style:none;
  margin:0;
  overflow-y:auto;
  padding:0;
}
.arco-cascader-list-item,.arco-cascader-list-search-item{
  background-color:transparent;
  box-sizing:border-box;
  color:var(--color-text-1);
  cursor:pointer;
  display:flex;
  font-size:12px;
  height:36px;
  line-height:36px;
  min-width:100px;
  position:relative;
}
.arco-cascader-list-item-label,.arco-cascader-list-search-item-label{
  flex-grow:1;
  padding-left:12px;
  padding-right:34px;
}
.arco-cascader-list-item .arco-icon-check,.arco-cascader-list-item .arco-icon-right,.arco-cascader-list-search-item .arco-icon-check,.arco-cascader-list-search-item .arco-icon-right{
  color:var(--color-text-2);
  font-size:12px;
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
}
.arco-cascader-list-item .arco-icon-check,.arco-cascader-list-search-item .arco-icon-check{
  color:rgb(var(--primary-6));
}
.arco-cascader-list-item .arco-icon-loading,.arco-cascader-list-search-item .arco-icon-loading{
  color:rgb(var(--primary-6));
  font-size:12px;
  margin-top:-6px;
  position:absolute;
  right:10px;
  top:50%;
}
.arco-cascader-list-item:hover,.arco-cascader-list-search-item-hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-cascader-list-item:hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover:before,.arco-cascader-list-search-item-hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover:before{
  background-color:var(--color-fill-3);
}
.arco-cascader-list-item-disabled,.arco-cascader-list-item-disabled:hover,.arco-cascader-list-search-item-disabled,.arco-cascader-list-search-item-disabled:hover{
  background-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-cascader-list-item-disabled .arco-icon-right,.arco-cascader-list-item-disabled:hover .arco-icon-right,.arco-cascader-list-search-item-disabled .arco-icon-right,.arco-cascader-list-search-item-disabled:hover .arco-icon-right{
  color:inherit;
}
.arco-cascader-list-item-disabled .arco-icon-check,.arco-cascader-list-item-disabled:hover .arco-icon-check,.arco-cascader-list-search-item-disabled .arco-icon-check,.arco-cascader-list-search-item-disabled:hover .arco-icon-check{
  color:var(--color-primary-light-3);
}
.arco-cascader-list-item-active{
  transition:all .2s linear;
}
.arco-cascader-list-item-active,.arco-cascader-list-item-active:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
  font-weight:500;
}
.arco-cascader-list-item-active.arco-cascader-list-item-disabled,.arco-cascader-list-item-active.arco-cascader-list-item-disabled:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-4);
  font-weight:500;
}
.arco-cascader-list-multiple .arco-cascader-list-item-label{
  padding-left:0;
}
.arco-cascader-list-multiple .arco-cascader-list-item,.arco-cascader-list-multiple .arco-cascader-list-search-item{
  padding-left:12px;
}
.arco-cascader-list-multiple .arco-cascader-list-item .arco-checkbox,.arco-cascader-list-multiple .arco-cascader-list-search-item .arco-checkbox{
  margin-right:8px;
  padding-left:0;
}
.arco-cascader-list-search.arco-cascader-list-multiple .arco-cascader-list-item-label{
  padding-right:12px;
}
.arco-cascader-list-footer{
  border-top:1px solid var(--color-fill-3);
  box-sizing:border-box;
  height:36px;
  line-height:36px;
  padding-left:12px;
}
.cascaderSlide-appear-active,.cascaderSlide-enter-active{
  transition:margin .3s cubic-bezier(.34, .69, .1, 1);
}
.arco-icon-hover.arco-checkbox-icon-hover:before{
  height:24px;
  width:24px;
}
.arco-checkbox{
  box-sizing:border-box;
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  line-height:unset;
  padding-left:5px;
  position:relative;
}
.arco-checkbox>input[type=checkbox]{
  height:0;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  width:0;
}
.arco-checkbox:hover .arco-checkbox-icon-hover:before,.arco-checkbox>input[type=checkbox]:focus+.arco-checkbox-icon-hover:before{
  background-color:var(--color-fill-2);
}
.arco-checkbox-text{
  color:var(--color-text-1);
  margin-left:8px;
}
.arco-checkbox-mask-wrapper{
  line-height:1;
  position:relative;
  top:-.09em;
  vertical-align:middle;
}
.arco-checkbox-mask{
  background-color:var(--color-bg-2);
  border:2px solid var(--color-fill-3);
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  height:14px;
  position:relative;
  user-select:none;
  width:14px;
}
.arco-checkbox-mask:after{
  background:var(--color-white);
  border-radius:.5px;
  content:"";
  display:block;
  height:2px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translateX(-50%) translateY(-50%) scale(0);
  width:6px;
}
.arco-checkbox-mask-icon{
  color:var(--color-white);
  display:block;
  height:100%;
  margin:0 auto;
  position:relative;
  transform:scale(0);
  transform-origin:center 75%;
  width:8px;
}
.arco-checkbox:hover .arco-checkbox-mask{
  border-color:var(--color-fill-4);
  transition:border-color .1s linear,transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-indeterminate:hover .arco-checkbox-mask{
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-checkbox-checked .arco-checkbox-mask{
  background-color:rgb(var(--primary-6));
  border-color:transparent;
}
.arco-checkbox-checked .arco-checkbox-mask-icon{
  transform:scale(1);
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-checkbox-indeterminate .arco-checkbox-mask{
  background-color:rgb(var(--primary-6));
  border-color:transparent;
}
.arco-checkbox-indeterminate .arco-checkbox-mask-icon{
  transform:scale(0);
}
.arco-checkbox-indeterminate .arco-checkbox-mask:after{
  transform:translateX(-50%) translateY(-50%) scale(1);
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-checkbox.arco-checkbox-disabled,.arco-checkbox.arco-checkbox-disabled .arco-checkbox-icon-hover{
  cursor:not-allowed;
}
.arco-checkbox.arco-checkbox-disabled:hover .arco-checkbox-mask{
  border-color:var(--color-fill-3);
}
.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-indeterminate:hover .arco-checkbox-mask{
  border-color:transparent;
}
.arco-checkbox-disabled .arco-checkbox-mask{
  background-color:var(--color-fill-2);
  border-color:var(--color-fill-3);
}
.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-mask,.arco-checkbox-disabled.arco-checkbox-indeterminate:hover .arco-checkbox-mask{
  background-color:var(--color-primary-light-3);
  border-color:transparent;
}
.arco-checkbox-checked:hover .arco-checkbox-mask-wrapper:before,.arco-checkbox-disabled:hover .arco-checkbox-mask-wrapper:before,.arco-checkbox-indeterminate:hover .arco-checkbox-mask-wrapper:before{
  background-color:transparent;
}
.arco-checkbox-disabled .arco-checkbox-text{
  color:var(--color-text-4);
}
.arco-checkbox-disabled .arco-checkbox-mask-icon{
  color:var(--color-fill-3);
}
.arco-checkbox-group{
  display:inline-block;
}
.arco-checkbox-group .arco-checkbox{
  margin-right:16px;
}
.arco-checkbox-group-direction-vertical .arco-checkbox{
  display:block;
  line-height:32px;
  margin-right:0;
}
.arco-icon-hover.arco-collapse-item-icon-hover:before{
  height:16px;
  width:16px;
}
.arco-icon-hover.arco-collapse-item-icon-hover:hover:before{
  background-color:var(--color-fill-2);
}
.arco-collapse{
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  line-height:1.5715;
  overflow:hidden;
}
.arco-collapse-item{
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
}
.arco-collapse-item-active>.arco-collapse-item-header{
  background-color:var(--color-bg-2);
  border-color:var(--color-neutral-3);
  transition:border-color 0s ease 0s;
}
.arco-collapse-item-active>.arco-collapse-item-header .arco-collapse-item-header-title{
  font-weight:500;
}
.arco-collapse-item-header{
  align-items:center;
  background-color:var(--color-bg-2);
  border-bottom:1px solid transparent;
  box-sizing:border-box;
  color:var(--color-text-1);
  cursor:pointer;
  display:flex;
  font-size:12px;
  justify-content:space-between;
  line-height:24px;
  overflow:hidden;
  padding-bottom:8px;
  padding-top:8px;
  position:relative;
  transition:border-color 0s ease .19s;
}
.arco-collapse-item-header-left{
  padding-left:32px;
  padding-right:13px;
}
.arco-collapse-item-header-right{
  padding-left:13px;
  padding-right:32px;
}
.arco-collapse-item-header-disabled{
  background-color:var(--color-bg-2);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-collapse-item-header-disabled .arco-collapse-item-header-icon{
  color:var(--color-text-4);
}
.arco-collapse-item-header-title{
  display:inline;
}
.arco-collapse-item-header-extra{
  float:right;
}
.arco-collapse-item .arco-collapse-item-icon-hover{
  left:13px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
}
.arco-collapse-item .arco-collapse-item-icon-hover-right{
  left:unset;
  right:13px;
}
.arco-collapse-item .arco-collapse-item-icon-hover-right>.arco-collapse-item-header-icon-down{
  transform:rotate(-90deg);
}
.arco-collapse-item-header-icon{
  color:var(--color-neutral-7);
  display:block;
  font-size:14px;
  position:relative;
  transition:transform .2s cubic-bezier(.34, .69, .1, 1);
  vertical-align:middle;
}
.arco-collapse-item-header-icon-down{
  transform:rotate(90deg);
}
.arco-collapse-item-content{
  background-color:var(--color-fill-1);
  color:var(--color-text-1);
  display:none;
  font-size:12px;
  overflow:hidden;
  position:relative;
  transition:height .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-collapse-item-content-expanded{
  display:block;
  height:auto;
}
.arco-collapse-item-content-box{
  padding:8px 13px 8px 34px;
}
.arco-collapse-item.arco-collapse-item-disabled>.arco-collapse-item-content{
  color:var(--color-text-1);
}
.arco-collapse-item-no-icon>.arco-collapse-item-header{
  padding-left:13px;
  padding-right:13px;
}
.arco-collapse-item:last-of-type{
  border-bottom:none;
}
.arco-collapse.arco-collapse-borderless{
  border:none;
}
.arco-collapse:after{
  clear:both;
  content:"";
  display:table;
}
.arco-comment{
  display:flex;
  flex-wrap:nowrap;
  line-height:1.5715;
}
.arco-comment-inner-comment,.arco-comment:not(:first-of-type){
  margin-top:20px;
}
.arco-comment-inner{
  flex:1;
}
.arco-comment-avatar{
  cursor:pointer;
  flex-shrink:0;
  margin-right:12px;
}
.arco-comment-avatar>img{
  border-radius:var(--border-radius-circle);
  height:32px;
  width:32px;
}
.arco-comment-author{
  color:var(--color-text-2);
  font-size:12px;
  margin-right:8px;
}
.arco-comment-datetime{
  color:var(--color-text-3);
  font-size:12px;
}
.arco-comment-content{
  color:var(--color-text-1);
  font-size:12px;
}
.arco-comment-title-align-right{
  display:flex;
  justify-content:space-between;
}
.arco-comment-actions{
  color:var(--color-text-2);
  font-size:12px;
  margin-top:8px;
}
.arco-comment-actions>:not(:last-child){
  margin-right:8px;
}
.arco-comment-actions-align-right{
  display:flex;
  justify-content:flex-end;
}
.arco-picker-container,.arco-picker-range-container{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  box-sizing:border-box;
  min-height:60px;
  overflow:hidden;
}
.arco-picker-container-shortcuts-placement-left,.arco-picker-range-container-shortcuts-placement-left{
  align-items:flex-start;
  display:flex;
}
.arco-picker-container-shortcuts-placement-left>.arco-picker-shortcuts,.arco-picker-range-container-shortcuts-placement-left>.arco-picker-shortcuts{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  padding:5px 8px;
}
.arco-picker-container-shortcuts-placement-left>.arco-picker-shortcuts>*,.arco-picker-range-container-shortcuts-placement-left>.arco-picker-shortcuts>*{
  margin:5px 0;
}
.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper,.arco-picker-container-shortcuts-placement-left .arco-picker-range-panel-wrapper,.arco-picker-range-container-shortcuts-placement-left .arco-picker-panel-wrapper,.arco-picker-range-container-shortcuts-placement-left .arco-picker-range-panel-wrapper{
  border-left:1px solid var(--color-neutral-3);
}
.arco-picker-panel-only,.arco-picker-range-panel-only{
  box-shadow:none;
}
.arco-picker-panel-only .arco-panel-date-inner,.arco-picker-range-panel-only .arco-panel-date,.arco-picker-range-panel-only .arco-panel-date-inner,.arco-picker-range-panel-only .arco-panel-month,.arco-picker-range-panel-only .arco-panel-year{
  width:100%;
}
.arco-picker-header{
  border-bottom:1px solid var(--color-neutral-3);
  display:flex;
  padding:8px 16px;
}
.arco-picker-header-value{
  color:var(--color-text-1);
  flex:1;
  font-size:14px;
  font-weight:500;
}
.arco-picker-header-icon,.arco-picker-header-value{
  box-sizing:border-box;
  line-height:24px;
  text-align:center;
}
.arco-picker-header-icon{
  background-color:var(--color-bg-popup);
  border-radius:50%;
  color:var(--color-text-2);
  font-size:12px;
  height:24px;
  margin-left:2px;
  margin-right:2px;
  transition:all .1s linear;
  user-select:none;
  width:24px;
}
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden){
  cursor:pointer;
}
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden):hover{
  background-color:var(--color-fill-3);
}
.arco-picker-header-label{
  border-radius:2px;
  cursor:pointer;
  padding:2px;
  transition:all .1s;
}
.arco-picker-header-label:hover{
  background-color:var(--color-fill-3);
}
.arco-picker-body{
  padding:14px 16px;
}
.arco-picker-week-list{
  box-sizing:border-box;
  display:flex;
  padding:14px 16px 0;
  width:100%;
}
.arco-picker-week-list-item{
  color:var(--color-text-2);
  flex:1;
  font-weight:500;
  height:32px;
  line-height:32px;
  padding:0;
  text-align:center;
}
.arco-picker-row{
  display:flex;
}
.arco-picker-cell{
  cursor:pointer;
  flex:1;
  padding:2px 0;
  position:relative;
}
.arco-picker-cell .arco-picker-date{
  box-sizing:border-box;
  cursor:pointer;
  display:flex;
  height:100%;
  justify-content:center;
  padding:4px 0;
  width:100%;
}
.arco-picker-date-value{
  border-radius:24px;
  color:var(--color-text-4);
  font-size:14px;
  font-weight:500;
  height:24px;
  line-height:24px;
  min-width:24px;
  text-align:center;
}
.arco-picker-cell-in-view .arco-picker-date-value{
  color:var(--color-text-1);
  font-weight:500;
}
.arco-picker-cell:hover .arco-picker-date-value{
  background-color:var(--color-fill-3);
  color:var(--color-text-1);
}
.arco-picker-cell-disabled .arco-picker-date{
  background-color:var(--color-fill-1);
  cursor:not-allowed;
}
.arco-picker-cell-disabled .arco-picker-date-value,.arco-picker-cell-disabled:hover .arco-picker-date-value{
  background-color:transparent;
  color:var(--color-text-4);
}
.arco-picker-cell-selected .arco-picker-date-value,.arco-picker-cell-selected:hover .arco-picker-date-value{
  background-color:rgb(var(--primary-6));
  color:var(--color-white);
  transition:background-color .1s linear;
}
.arco-picker-cell-today{
  position:relative;
}
.arco-picker-cell-today:after{
  background-color:rgb(var(--primary-6));
  border-radius:50%;
  bottom:-2px;
  content:"";
  display:block;
  height:4px;
  left:50%;
  margin-left:-2px;
  position:absolute;
  width:4px;
}
.arco-picker-cell-in-range .arco-picker-date{
  background-color:var(--color-primary-light-1);
}
.arco-picker-cell-hover-range-start .arco-picker-date,.arco-picker-cell-range-start .arco-picker-date{
  border-bottom-left-radius:24px;
  border-top-left-radius:24px;
}
.arco-picker-cell-hover-range-end .arco-picker-date,.arco-picker-cell-range-end .arco-picker-date{
  border-bottom-right-radius:24px;
  border-top-right-radius:24px;
}
.arco-picker-cell-range-end .arco-picker-date-value,.arco-picker-cell-range-end:hover .arco-picker-date-value,.arco-picker-cell-range-start .arco-picker-date-value,.arco-picker-cell-range-start:hover .arco-picker-date-value{
  background-color:rgb(var(--primary-6));
  border-radius:24px;
  color:var(--color-white);
}
.arco-picker-cell-hover-in-range .arco-picker-date,.arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value,.arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value{
  background-color:var(--color-primary-light-2);
}
.arco-picker-cell-hover-range-edge-in-range .arco-picker-date,.arco-picker-cell-range-edge-in-hover-range .arco-picker-date{
  border-radius:0;
}
.arco-picker-cell-hidden .arco-picker-date{
  display:none;
}
.arco-picker-footer{
  min-width:100%;
  width:min-content;
}
.arco-picker-footer-btn-wrapper{
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:3px 8px;
}
.arco-picker-footer-btn-wrapper,.arco-picker-footer-extra-wrapper{
  border-top:1px solid var(--color-neutral-3);
  box-sizing:border-box;
}
.arco-picker-footer-extra-wrapper{
  color:var(--color-text-1);
  font-size:12px;
  padding:8px 24px;
}
.arco-picker-footer-now-wrapper{
  border-top:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  height:36px;
  line-height:36px;
  text-align:center;
}
.arco-picker-btn-select-date,.arco-picker-btn-select-time{
  margin-right:8px;
}
.arco-picker-btn-confirm{
  margin:5px 0;
}
.arco-picker-shortcuts{
  flex:1;
}
.arco-picker-shortcuts>*{
  margin:5px 10px 5px 0;
}
.arco-panel-date{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.arco-panel-date-inner{
  width:265px;
}
.arco-panel-date-inner .arco-picker-body{
  padding-top:0;
}
.arco-panel-date-timepicker{
  display:flex;
  flex-direction:column;
}
.arco-panel-date-timepicker-title{
  border-bottom:1px solid var(--color-neutral-3);
  color:var(--color-text-1);
  font-size:14px;
  font-weight:400;
  height:40px;
  line-height:40px;
  text-align:center;
  width:100%;
}
.arco-panel-date-timepicker .arco-timepicker{
  height:276px;
  overflow:hidden;
  padding:0 6px;
  width:265px;
}
.arco-panel-date-timepicker .arco-timepicker-list{
  box-sizing:border-box;
  height:100%;
  padding:0 4px;
  width:100%;
}
.arco-panel-date-timepicker .arco-timepicker-list:not(:last-child){
  border-right:0;
}
.arco-panel-date-timepicker .arco-timepicker ul:after{
  height:244px;
}
.arco-panel-date-timepicker .arco-timepicker-cell{
  width:100%;
}
.arco-panel-date-holder{
  border-top:1px solid var(--color-neutral-3);
  display:flex;
  width:100%;
}
.arco-panel-date-holder-btn{
  align-items:center;
  box-sizing:border-box;
  color:var(--color-text-3);
  cursor:pointer;
  display:flex;
  flex:1;
  font-size:16px;
  height:50px;
  justify-content:center;
  transition:color .2s;
}
.arco-panel-date-holder-btn:first-child{
  border-right:1px solid var(--color-neutral-3);
}
.arco-panel-date-holder-btn-active,.arco-panel-date-holder-btn:active,.arco-panel-date-holder-btn:hover{
  color:var(--color-text-1);
}
.arco-panel-date-holder-btn-value{
  margin-left:8px;
}
.arco-panel-date:first-child .arco-panel-date-holder{
  border-right:1px solid var(--color-neutral-3);
}
.arco-panel-month,.arco-panel-quarter,.arco-panel-year{
  box-sizing:border-box;
  width:265px;
}
.arco-panel-month .arco-picker-date,.arco-panel-quarter .arco-picker-date,.arco-panel-year .arco-picker-date{
  padding:4px;
}
.arco-panel-month .arco-picker-date-value,.arco-panel-quarter .arco-picker-date-value,.arco-panel-year .arco-picker-date-value{
  border-radius:24px;
  width:100%;
}
.arco-panel-month .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,.arco-panel-quarter .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover,.arco-panel-year .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover{
  border-radius:24px;
}
.arco-panel-year{
  width:265px;
}
.arco-panel-week,.arco-panel-year{
  box-sizing:border-box;
}
.arco-panel-week-wrapper{
  display:flex;
}
.arco-panel-week-inner{
  width:298px;
}
.arco-panel-week-inner .arco-picker-body{
  padding-top:0;
}
.arco-panel-week .arco-picker-row-week{
  cursor:pointer;
}
.arco-panel-week .arco-picker-row-week .arco-picker-date-value{
  border-radius:0;
  width:100%;
}
.arco-panel-week .arco-picker-cell .arco-picker-date{
  border-radius:0;
}
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date{
  border-bottom-left-radius:24px;
  border-top-left-radius:24px;
  padding-left:4px;
}
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value{
  border-bottom-left-radius:24px;
  border-top-left-radius:24px;
}
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date{
  padding-right:4px;
}
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date,.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value{
  border-bottom-right-radius:24px;
  border-top-right-radius:24px;
}
.arco-panel-week .arco-picker-row-week:hover .arco-picker-cell:not(.arco-picker-cell-week):not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-in-range):not(.arco-picker-cell-hover-in-range) .arco-picker-date-value{
  background-color:var(--color-fill-3);
}
.arco-panel-quarter{
  box-sizing:border-box;
  width:265px;
}
.arco-picker-range-wrapper{
  display:flex;
}
.arco-datepicker-shortcuts-wrapper{
  box-sizing:border-box;
  height:100%;
  list-style:none;
  margin:10px 0 0;
  max-height:300px;
  overflow-y:auto;
  padding:0;
  width:106px;
}
.arco-datepicker-shortcuts-wrapper>li{
  box-sizing:border-box;
  cursor:pointer;
  padding:6px 16px;
  width:100%;
}
.arco-datepicker-shortcuts-wrapper>li:hover{
  color:rgb(var(--primary-6));
}
.arco-descriptions-table{
  border-collapse:collapse;
  width:100%;
}
.arco-descriptions-table-layout-fixed table{
  table-layout:fixed;
}
.arco-descriptions-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
  line-height:1.5715;
  margin-bottom:16px;
}
.arco-descriptions-item,.arco-descriptions-item-label,.arco-descriptions-item-value{
  box-sizing:border-box;
  font-size:12px;
  line-height:1.5715;
  padding:0 4px 12px 0;
  text-align:left;
}
.arco-descriptions-item-label{
  color:var(--color-text-3);
  font-weight:500;
  white-space:nowrap;
  width:1px;
}
.arco-descriptions-table-layout-fixed .arco-descriptions-item-label{
  width:auto;
}
.arco-descriptions-item-value{
  color:var(--color-text-1);
  font-weight:400;
}
.arco-descriptions-item-label-inline,.arco-descriptions-item-value-inline{
  box-sizing:border-box;
  font-size:12px;
  line-height:1.5715;
  text-align:left;
}
.arco-descriptions-item-label-inline{
  color:var(--color-text-3);
  font-weight:500;
  margin-bottom:2px;
}
.arco-descriptions-item-value-inline{
  color:var(--color-text-1);
  font-weight:400;
}
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline{
  margin-right:4px;
}
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline,.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline{
  display:inline-block;
  margin-bottom:0;
}
.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{
  padding:12px 20px;
}
.arco-descriptions-border .arco-descriptions-body{
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  overflow:hidden;
}
.arco-descriptions-border .arco-descriptions-row:not(:last-child){
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-descriptions-border .arco-descriptions-item,.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-border .arco-descriptions-item-value{
  border-right:1px solid var(--color-neutral-3);
  padding:7px 20px;
}
.arco-descriptions-border .arco-descriptions-item-label{
  background-color:var(--color-fill-1);
}
.arco-descriptions-border .arco-descriptions-item-value:last-child,.arco-descriptions-border .arco-descriptions-item:last-child,.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child{
  border-right:none;
}
.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child{
  padding-left:0;
}
.arco-descriptions-size-mini .arco-descriptions-title{
  margin-bottom:6px;
}
.arco-descriptions-size-mini .arco-descriptions-item-label,.arco-descriptions-size-mini .arco-descriptions-item-value{
  font-size:12px;
  padding-bottom:2px;
  padding-right:20px;
}
.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value{
  padding:3px 20px;
}
.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{
  padding:8px 20px;
}
.arco-descriptions-size-small .arco-descriptions-title{
  margin-bottom:8px;
}
.arco-descriptions-size-small .arco-descriptions-item-label,.arco-descriptions-size-small .arco-descriptions-item-value{
  font-size:12px;
  padding-bottom:4px;
  padding-right:20px;
}
.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value{
  padding:3px 20px;
}
.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{
  padding:8px 20px;
}
.arco-descriptions-size-medium .arco-descriptions-title{
  margin-bottom:12px;
}
.arco-descriptions-size-medium .arco-descriptions-item-label,.arco-descriptions-size-medium .arco-descriptions-item-value{
  font-size:12px;
  padding-bottom:8px;
  padding-right:20px;
}
.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value{
  padding:5px 20px;
}
.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{
  padding:10px 20px;
}
.arco-descriptions-size-large .arco-descriptions-title{
  margin-bottom:20px;
}
.arco-descriptions-size-large .arco-descriptions-item-label,.arco-descriptions-size-large .arco-descriptions-item-value{
  font-size:12px;
  padding-bottom:16px;
  padding-right:20px;
}
.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label,.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value{
  padding:9px 20px;
}
.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item{
  padding:14px 20px;
}
.arco-divider-horizontal{
  border-bottom:1px solid var(--color-neutral-3);
  clear:both;
  margin:20px 0;
  max-width:100%;
  min-width:100%;
  position:relative;
  width:100%;
}
.arco-divider-horizontal.arco-divider-with-text{
  align-items:center;
  border-bottom-width:0;
  display:flex;
  margin:20px 0;
}
.arco-divider-horizontal.arco-divider-with-text:after,.arco-divider-horizontal.arco-divider-with-text:before{
  border-bottom:1px solid;
  border-bottom-color:inherit;
  content:"";
  flex:1;
  height:0;
}
.arco-divider-horizontal.arco-divider-with-text-left:before,.arco-divider-horizontal.arco-divider-with-text-right:after{
  flex-basis:24px;
  flex-grow:0;
}
.arco-divider-vertical{
  border-left:1px solid var(--color-neutral-3);
  display:inline-block;
  height:1em;
  margin:0 12px;
  max-width:1px;
  min-width:1px;
  vertical-align:middle;
}
.arco-divider-text{
  box-sizing:border-box;
  color:var(--color-text-1);
  font-size:12px;
  font-weight:500;
  line-height:2;
  padding:0 16px;
}
.arco-drawer-mask{
  background-color:var(--color-mask-bg);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.arco-drawer-no-mask{
  pointer-events:none;
}
.arco-drawer-no-mask .arco-drawer{
  pointer-events:auto;
}
.arco-drawer-wrapper{
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1001;
}
.arco-drawer-wrapper-hide{
  display:none;
}
.arco-drawer{
  background-color:var(--color-bg-3);
  height:100%;
  line-height:1.5715;
  position:absolute;
  width:100%;
}
.arco-drawer-wrapper{
  height:100%;
  position:relative;
}
.arco-drawer-fixed{
  position:fixed;
  top:0;
  z-index:1001;
}
.arco-drawer-inner{
  height:100%;
  overflow:hidden;
}
.arco-drawer-scroll{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:auto;
}
.arco-drawer-header{
  align-items:center;
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  display:flex;
  flex-shrink:0;
  height:48px;
  padding:0 16px;
  width:100%;
}
.arco-drawer-header-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
  text-align:left;
}
.arco-drawer-footer{
  border-top:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  flex-shrink:0;
  padding:16px;
  text-align:right;
}
.arco-drawer-footer>.arco-btn{
  margin-left:12px;
}
.arco-drawer .arco-drawer-close-icon{
  color:var(--color-text-1);
  cursor:pointer;
  font-size:12px;
  position:absolute;
  right:20px;
  top:18px;
  z-index:1;
}
.arco-drawer-content{
  color:var(--color-text-1);
  flex:1;
  height:100%;
  padding:12px 16px;
}
.arco-drawer-content,.arco-dropdown-menu{
  box-sizing:border-box;
  overflow:auto;
  position:relative;
}
.arco-dropdown-menu{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-fill-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  max-height:200px;
  padding:4px 0;
}
.arco-dropdown-menu-hidden{
  display:none;
}
.arco-dropdown-menu-item,.arco-dropdown-menu-pop-header{
  background-color:transparent;
  box-sizing:border-box;
  color:var(--color-text-1);
  cursor:pointer;
  font-size:12px;
  height:36px;
  line-height:36px;
  overflow:hidden;
  padding:0 12px;
  position:relative;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
  z-index:1;
}
.arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-pop-header.arco-dropdown-menu-selected{
  background-color:transparent;
  color:var(--color-text-1);
  font-weight:500;
  transition:all .1s linear;
}
.arco-dropdown-menu-item:hover,.arco-dropdown-menu-pop-header:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-dropdown-menu-item.arco-dropdown-menu-active,.arco-dropdown-menu-pop-header.arco-dropdown-menu-active{
  box-shadow:0 0 0 1px rgb(var(--primary-6)) inset;
}
.arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled{
  background-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-dropdown-menu-pop-header{
  align-items:center;
  display:flex;
  justify-content:space-between;
}
.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix{
  margin-left:12px;
}
.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title{
  margin-top:4px;
}
.arco-dropdown-menu-group-title{
  box-sizing:border-box;
  color:var(--color-text-3);
  font-size:12px;
  line-height:20px;
  margin-top:8px;
  overflow:hidden;
  padding:0 12px;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-dropdown-menu-dark{
  background-color:var(--color-menu-dark-bg);
  border-color:var(--color-menu-dark-bg);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-item,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header{
  background-color:transparent;
  color:var(--color-text-4);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected{
  background-color:transparent;
  color:var(--color-white);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover{
  color:var(--color-white);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover{
  background-color:var(--color-menu-dark-hover);
  color:var(--color-text-4);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled,.arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled{
  background-color:transparent;
  color:var(--color-text-2);
}
.arco-dropdown-menu-dark .arco-dropdown-menu-group-title{
  color:var(--color-text-3);
}
.arco-dropdown-menu-pop-trigger .arco-trigger-arrow{
  display:none;
}
.arco-dropdown-menu+.arco-trigger-arrow{
  background-color:var(--color-bg-popup);
}
.arco-empty{
  box-sizing:border-box;
  padding:10px 0;
  width:100%;
}
.arco-empty .arco-empty-wrapper{
  box-sizing:border-box;
  color:rgb(var(--gray-5));
  text-align:center;
  width:100%;
}
.arco-empty .arco-empty-wrapper .arco-empty-image{
  font-size:48px;
  line-height:1;
  margin-bottom:4px;
}
.arco-empty .arco-empty-wrapper img{
  height:80px;
}
.arco-empty .arco-empty-description{
  color:rgb(var(--gray-5));
  font-size:12px;
}
.arco-form{
  display:flex;
  flex-direction:column;
  width:100%;
}
.arco-form-inline{
  flex-flow:row wrap;
}
.arco-form-inline .arco-form-item{
  margin-bottom:8px;
  width:auto;
}
.arco-form-item{
  align-items:flex-start;
  display:flex;
  justify-content:flex-start;
  margin-bottom:20px;
  width:100%;
}
.arco-form-item.arco-form-item-hidden{
  display:none;
}
.arco-form-item>.arco-form-label-item{
  padding-right:16px;
}
.arco-form-item.arco-form-item-error{
  margin-bottom:0;
}
.arco-form-item-wrapper-flex.arco-col{
  flex:1;
}
.arco-form-size-mini .arco-form-label-item{
  font-size:12px;
  line-height:24px;
}
.arco-form-size-mini .arco-form-label-item>label{
  font-size:12px;
}
.arco-form-size-mini .arco-form-item-control{
  min-height:24px;
}
.arco-form-size-small .arco-form-label-item{
  line-height:28px;
}
.arco-form-size-small .arco-form-label-item>label{
  font-size:12px;
}
.arco-form-size-small .arco-form-item-control{
  min-height:28px;
}
.arco-form-size-large .arco-form-label-item{
  line-height:36px;
}
.arco-form-size-large .arco-form-label-item>label{
  font-size:12px;
}
.arco-form-size-large .arco-form-item-control{
  min-height:36px;
}
.arco-form-extra{
  color:var(--color-text-3);
  font-size:12px;
  margin-top:4px;
}
.arco-form-message{
  color:rgb(var(--danger-6));
  font-size:12px;
  line-height:20px;
  min-height:20px;
}
.arco-form-message-help{
  color:var(--color-text-3);
}
.arco-form-message+.arco-form-extra{
  margin-bottom:4px;
  margin-top:0;
}
.arco-form-layout-vertical{
  display:block;
}
.arco-form-layout-vertical>.arco-form-label-item{
  line-height:1.5715;
  margin-bottom:8px;
  padding:0;
  text-align:left;
  white-space:normal;
}
.arco-form-layout-inline{
  margin-right:24px;
}
.arco-form-label-item{
  line-height:32px;
  text-align:right;
  white-space:nowrap;
}
.arco-form-label-item-flex.arco-col{
  flex:0;
}
.arco-form-label-item-flex.arco-col>label{
  white-space:nowrap;
}
.arco-form-label-item>label{
  color:var(--color-text-2);
  font-size:12px;
  white-space:normal;
}
.arco-form-label-item .arco-form-item-symbol{
  color:rgb(var(--danger-6));
  font-size:12px;
  line-height:1;
}
.arco-form-label-item .arco-form-item-symbol svg{
  transform:scale(.5);
}
.arco-form-label-item-left{
  text-align:left;
}
.arco-form-item-control{
  align-items:center;
  display:flex;
  min-height:32px;
  width:100%;
}
.arco-form-item-control-children{
  flex:1;
  width:100%;
}
.arco-form-item-control-wrapper{
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  width:100%;
}
.arco-form .arco-slider{
  display:block;
}
.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-validating .arco-input:not(.arco-input-disabled),.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled){
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-validating .arco-input:focus,.arco-form-item-status-validating .arco-input:focus:hover,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus,.arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input,.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input:hover{
  background:none;
  box-shadow:none;
}
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled) .arco-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled){
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-input-tag{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-input-tag:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-validating .arco-input-tag.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-form-item-status-validating .arco-form-message-help{
  color:rgb(var(--primary-6));
}
.arco-form-item-status-validating .arco-form-message-help .arco-form-message-help-warning{
  color:rgb(var(--warning-6));
}
.arco-form-item-status-validating .arco-form-item-feedback{
  color:rgb(var(--primary-6));
}
.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-success .arco-input:not(.arco-input-disabled),.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled){
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-success .arco-input:focus,.arco-form-item-status-success .arco-input:focus:hover,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-success .arco-textarea.arco-textarea-focus,.arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-input-inner-wrapper .arco-input,.arco-form-item-status-success .arco-input-inner-wrapper .arco-input:hover{
  background:none;
  box-shadow:none;
}
.arco-form-item-status-success .arco-select:not(.arco-select-disabled) .arco-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled){
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-input-tag{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-form-item-status-success .arco-input-tag:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-form-item-status-success .arco-input-tag.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--success-6));
  box-shadow:0 0 0 0 var(--color-success-light-2);
}
.arco-form-item-status-success .arco-form-message-help{
  color:rgb(var(--success-6));
}
.arco-form-item-status-success .arco-form-message-help .arco-form-message-help-warning{
  color:rgb(var(--warning-6));
}
.arco-form-item-status-success .arco-form-item-feedback{
  color:rgb(var(--success-6));
}
.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-warning .arco-input:not(.arco-input-disabled),.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled){
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-warning .arco-input:focus,.arco-form-item-status-warning .arco-input:focus:hover,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus,.arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input,.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input:hover{
  background:none;
  box-shadow:none;
}
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled) .arco-select-view{
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled){
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-input-tag{
  background-color:var(--color-warning-light-1);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-input-tag:hover{
  background-color:var(--color-warning-light-2);
  border-color:transparent;
}
.arco-form-item-status-warning .arco-input-tag.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--warning-6));
  box-shadow:0 0 0 0 var(--color-warning-light-2);
}
.arco-form-item-status-warning .arco-form-item-feedback,.arco-form-item-status-warning .arco-form-message-help,.arco-form-item-status-warning .arco-form-message-help .arco-form-message-help-warning{
  color:rgb(var(--warning-6));
}
.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled),.arco-form-item-status-error .arco-input:not(.arco-input-disabled),.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled){
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover,.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover,.arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus,.arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus:hover,.arco-form-item-status-error .arco-input:focus,.arco-form-item-status-error .arco-input:focus:hover,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus,.arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover,.arco-form-item-status-error .arco-textarea.arco-textarea-focus,.arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-input-inner-wrapper .arco-input,.arco-form-item-status-error .arco-input-inner-wrapper .arco-input:hover{
  background:none;
  box-shadow:none;
}
.arco-form-item-status-error .arco-select:not(.arco-select-disabled) .arco-select-view{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled){
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled),.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-input-tag{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-form-item-status-error .arco-input-tag:hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-form-item-status-error .arco-input-tag.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-form-item-status-error .arco-form-message-help{
  color:rgb(var(--danger-6));
}
.arco-form-item-status-error .arco-form-message-help .arco-form-message-help-warning{
  color:rgb(var(--warning-6));
}
.arco-form-item-status-error .arco-form-item-feedback{
  color:rgb(var(--danger-6));
}
.arco-form-item-control-children{
  position:relative;
}
.arco-form-item-feedback{
  font-size:14px;
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
}
.arco-form-item-feedback .arco-icon-loading{
  font-size:12px;
}
.arco-form-item-has-feedback .arco-input,.arco-form-item-has-feedback .arco-input-inner-wrapper,.arco-form-item-has-feedback .arco-textarea{
  padding-right:28px;
}
.arco-form-item-has-feedback .arco-input-number-mode-embed .arco-input-number-step-layer{
  right:24px;
}
.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view,.arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view{
  padding-right:28px;
}
.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix{
  padding-right:0;
}
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view,.arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view{
  padding-right:28px;
}
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix{
  padding-right:0;
}
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view,.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view{
  padding-right:28px;
}
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix{
  padding-right:0;
}
.arco-form-item-has-feedback .arco-picker{
  padding-right:28px;
}
.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon,.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon{
  margin-left:0;
  margin-right:0;
}
.arco-form-item-has-feedback .arco-input-tag{
  padding-right:23px;
}
.arco-form-item-has-feedback .arco-input-tag-suffix{
  padding-right:0;
}
.formblink-appear,.formblink-enter{
  opacity:0;
}
.formblink-appear-active,.formblink-enter-active{
  opacity:1;
  transition:opacity .3s linear;
}
.formblink-enter-done{
  animation:arco-form-blink .5s linear;
}
@keyframes arco-form-blink{
  0%{
    opacity:1;
  }
  50%{
    opacity:.2;
  }
  to{
    opacity:1;
  }
}
.arco-row{
  display:flex;
  flex-flow:row wrap;
}
.arco-row-align-start{
  align-items:flex-start;
}
.arco-row-align-center{
  align-items:center;
}
.arco-row-align-end{
  align-items:flex-end;
}
.arco-row-justify-start{
  justify-content:flex-start;
}
.arco-row-justify-center{
  justify-content:center;
}
.arco-row-justify-end{
  justify-content:flex-end;
}
.arco-row-justify-space-around{
  justify-content:space-around;
}
.arco-row-justify-space-between{
  justify-content:space-between;
}
.arco-col{
  box-sizing:border-box;
  position:relative;
}
.arco-col-0{
  display:none;
}
.arco-col-1{
  flex:0 0 4.16666667%;
  width:4.16666667%;
}
.arco-col-2{
  flex:0 0 8.33333333%;
  width:8.33333333%;
}
.arco-col-3{
  flex:0 0 12.5%;
  width:12.5%;
}
.arco-col-4{
  flex:0 0 16.66666667%;
  width:16.66666667%;
}
.arco-col-5{
  flex:0 0 20.83333333%;
  width:20.83333333%;
}
.arco-col-6{
  flex:0 0 25%;
  width:25%;
}
.arco-col-7{
  flex:0 0 29.16666667%;
  width:29.16666667%;
}
.arco-col-8{
  flex:0 0 33.33333333%;
  width:33.33333333%;
}
.arco-col-9{
  flex:0 0 37.5%;
  width:37.5%;
}
.arco-col-10{
  flex:0 0 41.66666667%;
  width:41.66666667%;
}
.arco-col-11{
  flex:0 0 45.83333333%;
  width:45.83333333%;
}
.arco-col-12{
  flex:0 0 50%;
  width:50%;
}
.arco-col-13{
  flex:0 0 54.16666667%;
  width:54.16666667%;
}
.arco-col-14{
  flex:0 0 58.33333333%;
  width:58.33333333%;
}
.arco-col-15{
  flex:0 0 62.5%;
  width:62.5%;
}
.arco-col-16{
  flex:0 0 66.66666667%;
  width:66.66666667%;
}
.arco-col-17{
  flex:0 0 70.83333333%;
  width:70.83333333%;
}
.arco-col-18{
  flex:0 0 75%;
  width:75%;
}
.arco-col-19{
  flex:0 0 79.16666667%;
  width:79.16666667%;
}
.arco-col-20{
  flex:0 0 83.33333333%;
  width:83.33333333%;
}
.arco-col-21{
  flex:0 0 87.5%;
  width:87.5%;
}
.arco-col-22{
  flex:0 0 91.66666667%;
  width:91.66666667%;
}
.arco-col-23{
  flex:0 0 95.83333333%;
  width:95.83333333%;
}
.arco-col-24{
  flex:0 0 100%;
  width:100%;
}
.arco-col-offset-0{
  margin-left:0;
}
.arco-col-offset-1{
  margin-left:4.16666667%;
}
.arco-col-offset-2{
  margin-left:8.33333333%;
}
.arco-col-offset-3{
  margin-left:12.5%;
}
.arco-col-offset-4{
  margin-left:16.66666667%;
}
.arco-col-offset-5{
  margin-left:20.83333333%;
}
.arco-col-offset-6{
  margin-left:25%;
}
.arco-col-offset-7{
  margin-left:29.16666667%;
}
.arco-col-offset-8{
  margin-left:33.33333333%;
}
.arco-col-offset-9{
  margin-left:37.5%;
}
.arco-col-offset-10{
  margin-left:41.66666667%;
}
.arco-col-offset-11{
  margin-left:45.83333333%;
}
.arco-col-offset-12{
  margin-left:50%;
}
.arco-col-offset-13{
  margin-left:54.16666667%;
}
.arco-col-offset-14{
  margin-left:58.33333333%;
}
.arco-col-offset-15{
  margin-left:62.5%;
}
.arco-col-offset-16{
  margin-left:66.66666667%;
}
.arco-col-offset-17{
  margin-left:70.83333333%;
}
.arco-col-offset-18{
  margin-left:75%;
}
.arco-col-offset-19{
  margin-left:79.16666667%;
}
.arco-col-offset-20{
  margin-left:83.33333333%;
}
.arco-col-offset-21{
  margin-left:87.5%;
}
.arco-col-offset-22{
  margin-left:91.66666667%;
}
.arco-col-offset-23{
  margin-left:95.83333333%;
}
.arco-col-order-0{
  order:0;
}
.arco-col-order-1{
  order:1;
}
.arco-col-order-2{
  order:2;
}
.arco-col-order-3{
  order:3;
}
.arco-col-order-4{
  order:4;
}
.arco-col-order-5{
  order:5;
}
.arco-col-order-6{
  order:6;
}
.arco-col-order-7{
  order:7;
}
.arco-col-order-8{
  order:8;
}
.arco-col-order-9{
  order:9;
}
.arco-col-order-10{
  order:10;
}
.arco-col-order-11{
  order:11;
}
.arco-col-order-12{
  order:12;
}
.arco-col-order-13{
  order:13;
}
.arco-col-order-14{
  order:14;
}
.arco-col-order-15{
  order:15;
}
.arco-col-order-16{
  order:16;
}
.arco-col-order-17{
  order:17;
}
.arco-col-order-18{
  order:18;
}
.arco-col-order-19{
  order:19;
}
.arco-col-order-20{
  order:20;
}
.arco-col-order-21{
  order:21;
}
.arco-col-order-22{
  order:22;
}
.arco-col-order-23{
  order:23;
}
.arco-col-order-24{
  order:24;
}
.arco-col-pull-0{
  right:0;
}
.arco-col-pull-1{
  right:4.16666667%;
}
.arco-col-pull-2{
  right:8.33333333%;
}
.arco-col-pull-3{
  right:12.5%;
}
.arco-col-pull-4{
  right:16.66666667%;
}
.arco-col-pull-5{
  right:20.83333333%;
}
.arco-col-pull-6{
  right:25%;
}
.arco-col-pull-7{
  right:29.16666667%;
}
.arco-col-pull-8{
  right:33.33333333%;
}
.arco-col-pull-9{
  right:37.5%;
}
.arco-col-pull-10{
  right:41.66666667%;
}
.arco-col-pull-11{
  right:45.83333333%;
}
.arco-col-pull-12{
  right:50%;
}
.arco-col-pull-13{
  right:54.16666667%;
}
.arco-col-pull-14{
  right:58.33333333%;
}
.arco-col-pull-15{
  right:62.5%;
}
.arco-col-pull-16{
  right:66.66666667%;
}
.arco-col-pull-17{
  right:70.83333333%;
}
.arco-col-pull-18{
  right:75%;
}
.arco-col-pull-19{
  right:79.16666667%;
}
.arco-col-pull-20{
  right:83.33333333%;
}
.arco-col-pull-21{
  right:87.5%;
}
.arco-col-pull-22{
  right:91.66666667%;
}
.arco-col-pull-23{
  right:95.83333333%;
}
.arco-col-pull-24{
  right:100%;
}
.arco-col-push-0{
  left:0;
}
.arco-col-push-1{
  left:4.16666667%;
}
.arco-col-push-2{
  left:8.33333333%;
}
.arco-col-push-3{
  left:12.5%;
}
.arco-col-push-4{
  left:16.66666667%;
}
.arco-col-push-5{
  left:20.83333333%;
}
.arco-col-push-6{
  left:25%;
}
.arco-col-push-7{
  left:29.16666667%;
}
.arco-col-push-8{
  left:33.33333333%;
}
.arco-col-push-9{
  left:37.5%;
}
.arco-col-push-10{
  left:41.66666667%;
}
.arco-col-push-11{
  left:45.83333333%;
}
.arco-col-push-12{
  left:50%;
}
.arco-col-push-13{
  left:54.16666667%;
}
.arco-col-push-14{
  left:58.33333333%;
}
.arco-col-push-15{
  left:62.5%;
}
.arco-col-push-16{
  left:66.66666667%;
}
.arco-col-push-17{
  left:70.83333333%;
}
.arco-col-push-18{
  left:75%;
}
.arco-col-push-19{
  left:79.16666667%;
}
.arco-col-push-20{
  left:83.33333333%;
}
.arco-col-push-21{
  left:87.5%;
}
.arco-col-push-22{
  left:91.66666667%;
}
.arco-col-push-23{
  left:95.83333333%;
}
.arco-col-push-24{
  left:100%;
}
.arco-col-xs-0{
  display:none;
}
.arco-col-xs-1{
  flex:0 0 4.16666667%;
  width:4.16666667%;
}
.arco-col-xs-2{
  flex:0 0 8.33333333%;
  width:8.33333333%;
}
.arco-col-xs-3{
  flex:0 0 12.5%;
  width:12.5%;
}
.arco-col-xs-4{
  flex:0 0 16.66666667%;
  width:16.66666667%;
}
.arco-col-xs-5{
  flex:0 0 20.83333333%;
  width:20.83333333%;
}
.arco-col-xs-6{
  flex:0 0 25%;
  width:25%;
}
.arco-col-xs-7{
  flex:0 0 29.16666667%;
  width:29.16666667%;
}
.arco-col-xs-8{
  flex:0 0 33.33333333%;
  width:33.33333333%;
}
.arco-col-xs-9{
  flex:0 0 37.5%;
  width:37.5%;
}
.arco-col-xs-10{
  flex:0 0 41.66666667%;
  width:41.66666667%;
}
.arco-col-xs-11{
  flex:0 0 45.83333333%;
  width:45.83333333%;
}
.arco-col-xs-12{
  flex:0 0 50%;
  width:50%;
}
.arco-col-xs-13{
  flex:0 0 54.16666667%;
  width:54.16666667%;
}
.arco-col-xs-14{
  flex:0 0 58.33333333%;
  width:58.33333333%;
}
.arco-col-xs-15{
  flex:0 0 62.5%;
  width:62.5%;
}
.arco-col-xs-16{
  flex:0 0 66.66666667%;
  width:66.66666667%;
}
.arco-col-xs-17{
  flex:0 0 70.83333333%;
  width:70.83333333%;
}
.arco-col-xs-18{
  flex:0 0 75%;
  width:75%;
}
.arco-col-xs-19{
  flex:0 0 79.16666667%;
  width:79.16666667%;
}
.arco-col-xs-20{
  flex:0 0 83.33333333%;
  width:83.33333333%;
}
.arco-col-xs-21{
  flex:0 0 87.5%;
  width:87.5%;
}
.arco-col-xs-22{
  flex:0 0 91.66666667%;
  width:91.66666667%;
}
.arco-col-xs-23{
  flex:0 0 95.83333333%;
  width:95.83333333%;
}
.arco-col-xs-24{
  flex:0 0 100%;
  width:100%;
}
.arco-col-xs-offset-0{
  margin-left:0;
}
.arco-col-xs-offset-1{
  margin-left:4.16666667%;
}
.arco-col-xs-offset-2{
  margin-left:8.33333333%;
}
.arco-col-xs-offset-3{
  margin-left:12.5%;
}
.arco-col-xs-offset-4{
  margin-left:16.66666667%;
}
.arco-col-xs-offset-5{
  margin-left:20.83333333%;
}
.arco-col-xs-offset-6{
  margin-left:25%;
}
.arco-col-xs-offset-7{
  margin-left:29.16666667%;
}
.arco-col-xs-offset-8{
  margin-left:33.33333333%;
}
.arco-col-xs-offset-9{
  margin-left:37.5%;
}
.arco-col-xs-offset-10{
  margin-left:41.66666667%;
}
.arco-col-xs-offset-11{
  margin-left:45.83333333%;
}
.arco-col-xs-offset-12{
  margin-left:50%;
}
.arco-col-xs-offset-13{
  margin-left:54.16666667%;
}
.arco-col-xs-offset-14{
  margin-left:58.33333333%;
}
.arco-col-xs-offset-15{
  margin-left:62.5%;
}
.arco-col-xs-offset-16{
  margin-left:66.66666667%;
}
.arco-col-xs-offset-17{
  margin-left:70.83333333%;
}
.arco-col-xs-offset-18{
  margin-left:75%;
}
.arco-col-xs-offset-19{
  margin-left:79.16666667%;
}
.arco-col-xs-offset-20{
  margin-left:83.33333333%;
}
.arco-col-xs-offset-21{
  margin-left:87.5%;
}
.arco-col-xs-offset-22{
  margin-left:91.66666667%;
}
.arco-col-xs-offset-23{
  margin-left:95.83333333%;
}
.arco-col-xs-order-0{
  order:0;
}
.arco-col-xs-order-1{
  order:1;
}
.arco-col-xs-order-2{
  order:2;
}
.arco-col-xs-order-3{
  order:3;
}
.arco-col-xs-order-4{
  order:4;
}
.arco-col-xs-order-5{
  order:5;
}
.arco-col-xs-order-6{
  order:6;
}
.arco-col-xs-order-7{
  order:7;
}
.arco-col-xs-order-8{
  order:8;
}
.arco-col-xs-order-9{
  order:9;
}
.arco-col-xs-order-10{
  order:10;
}
.arco-col-xs-order-11{
  order:11;
}
.arco-col-xs-order-12{
  order:12;
}
.arco-col-xs-order-13{
  order:13;
}
.arco-col-xs-order-14{
  order:14;
}
.arco-col-xs-order-15{
  order:15;
}
.arco-col-xs-order-16{
  order:16;
}
.arco-col-xs-order-17{
  order:17;
}
.arco-col-xs-order-18{
  order:18;
}
.arco-col-xs-order-19{
  order:19;
}
.arco-col-xs-order-20{
  order:20;
}
.arco-col-xs-order-21{
  order:21;
}
.arco-col-xs-order-22{
  order:22;
}
.arco-col-xs-order-23{
  order:23;
}
.arco-col-xs-order-24{
  order:24;
}
.arco-col-xs-pull-0{
  right:0;
}
.arco-col-xs-pull-1{
  right:4.16666667%;
}
.arco-col-xs-pull-2{
  right:8.33333333%;
}
.arco-col-xs-pull-3{
  right:12.5%;
}
.arco-col-xs-pull-4{
  right:16.66666667%;
}
.arco-col-xs-pull-5{
  right:20.83333333%;
}
.arco-col-xs-pull-6{
  right:25%;
}
.arco-col-xs-pull-7{
  right:29.16666667%;
}
.arco-col-xs-pull-8{
  right:33.33333333%;
}
.arco-col-xs-pull-9{
  right:37.5%;
}
.arco-col-xs-pull-10{
  right:41.66666667%;
}
.arco-col-xs-pull-11{
  right:45.83333333%;
}
.arco-col-xs-pull-12{
  right:50%;
}
.arco-col-xs-pull-13{
  right:54.16666667%;
}
.arco-col-xs-pull-14{
  right:58.33333333%;
}
.arco-col-xs-pull-15{
  right:62.5%;
}
.arco-col-xs-pull-16{
  right:66.66666667%;
}
.arco-col-xs-pull-17{
  right:70.83333333%;
}
.arco-col-xs-pull-18{
  right:75%;
}
.arco-col-xs-pull-19{
  right:79.16666667%;
}
.arco-col-xs-pull-20{
  right:83.33333333%;
}
.arco-col-xs-pull-21{
  right:87.5%;
}
.arco-col-xs-pull-22{
  right:91.66666667%;
}
.arco-col-xs-pull-23{
  right:95.83333333%;
}
.arco-col-xs-pull-24{
  right:100%;
}
.arco-col-xs-push-0{
  left:0;
}
.arco-col-xs-push-1{
  left:4.16666667%;
}
.arco-col-xs-push-2{
  left:8.33333333%;
}
.arco-col-xs-push-3{
  left:12.5%;
}
.arco-col-xs-push-4{
  left:16.66666667%;
}
.arco-col-xs-push-5{
  left:20.83333333%;
}
.arco-col-xs-push-6{
  left:25%;
}
.arco-col-xs-push-7{
  left:29.16666667%;
}
.arco-col-xs-push-8{
  left:33.33333333%;
}
.arco-col-xs-push-9{
  left:37.5%;
}
.arco-col-xs-push-10{
  left:41.66666667%;
}
.arco-col-xs-push-11{
  left:45.83333333%;
}
.arco-col-xs-push-12{
  left:50%;
}
.arco-col-xs-push-13{
  left:54.16666667%;
}
.arco-col-xs-push-14{
  left:58.33333333%;
}
.arco-col-xs-push-15{
  left:62.5%;
}
.arco-col-xs-push-16{
  left:66.66666667%;
}
.arco-col-xs-push-17{
  left:70.83333333%;
}
.arco-col-xs-push-18{
  left:75%;
}
.arco-col-xs-push-19{
  left:79.16666667%;
}
.arco-col-xs-push-20{
  left:83.33333333%;
}
.arco-col-xs-push-21{
  left:87.5%;
}
.arco-col-xs-push-22{
  left:91.66666667%;
}
.arco-col-xs-push-23{
  left:95.83333333%;
}
.arco-col-xs-push-24{
  left:100%;
}
@media (min-width:576px){
  .arco-col-sm-0{
    display:none;
  }
  .arco-col-sm-1{
    flex:0 0 4.16666667%;
    width:4.16666667%;
  }
  .arco-col-sm-2{
    flex:0 0 8.33333333%;
    width:8.33333333%;
  }
  .arco-col-sm-3{
    flex:0 0 12.5%;
    width:12.5%;
  }
  .arco-col-sm-4{
    flex:0 0 16.66666667%;
    width:16.66666667%;
  }
  .arco-col-sm-5{
    flex:0 0 20.83333333%;
    width:20.83333333%;
  }
  .arco-col-sm-6{
    flex:0 0 25%;
    width:25%;
  }
  .arco-col-sm-7{
    flex:0 0 29.16666667%;
    width:29.16666667%;
  }
  .arco-col-sm-8{
    flex:0 0 33.33333333%;
    width:33.33333333%;
  }
  .arco-col-sm-9{
    flex:0 0 37.5%;
    width:37.5%;
  }
  .arco-col-sm-10{
    flex:0 0 41.66666667%;
    width:41.66666667%;
  }
  .arco-col-sm-11{
    flex:0 0 45.83333333%;
    width:45.83333333%;
  }
  .arco-col-sm-12{
    flex:0 0 50%;
    width:50%;
  }
  .arco-col-sm-13{
    flex:0 0 54.16666667%;
    width:54.16666667%;
  }
  .arco-col-sm-14{
    flex:0 0 58.33333333%;
    width:58.33333333%;
  }
  .arco-col-sm-15{
    flex:0 0 62.5%;
    width:62.5%;
  }
  .arco-col-sm-16{
    flex:0 0 66.66666667%;
    width:66.66666667%;
  }
  .arco-col-sm-17{
    flex:0 0 70.83333333%;
    width:70.83333333%;
  }
  .arco-col-sm-18{
    flex:0 0 75%;
    width:75%;
  }
  .arco-col-sm-19{
    flex:0 0 79.16666667%;
    width:79.16666667%;
  }
  .arco-col-sm-20{
    flex:0 0 83.33333333%;
    width:83.33333333%;
  }
  .arco-col-sm-21{
    flex:0 0 87.5%;
    width:87.5%;
  }
  .arco-col-sm-22{
    flex:0 0 91.66666667%;
    width:91.66666667%;
  }
  .arco-col-sm-23{
    flex:0 0 95.83333333%;
    width:95.83333333%;
  }
  .arco-col-sm-24{
    flex:0 0 100%;
    width:100%;
  }
  .arco-col-sm-offset-0{
    margin-left:0;
  }
  .arco-col-sm-offset-1{
    margin-left:4.16666667%;
  }
  .arco-col-sm-offset-2{
    margin-left:8.33333333%;
  }
  .arco-col-sm-offset-3{
    margin-left:12.5%;
  }
  .arco-col-sm-offset-4{
    margin-left:16.66666667%;
  }
  .arco-col-sm-offset-5{
    margin-left:20.83333333%;
  }
  .arco-col-sm-offset-6{
    margin-left:25%;
  }
  .arco-col-sm-offset-7{
    margin-left:29.16666667%;
  }
  .arco-col-sm-offset-8{
    margin-left:33.33333333%;
  }
  .arco-col-sm-offset-9{
    margin-left:37.5%;
  }
  .arco-col-sm-offset-10{
    margin-left:41.66666667%;
  }
  .arco-col-sm-offset-11{
    margin-left:45.83333333%;
  }
  .arco-col-sm-offset-12{
    margin-left:50%;
  }
  .arco-col-sm-offset-13{
    margin-left:54.16666667%;
  }
  .arco-col-sm-offset-14{
    margin-left:58.33333333%;
  }
  .arco-col-sm-offset-15{
    margin-left:62.5%;
  }
  .arco-col-sm-offset-16{
    margin-left:66.66666667%;
  }
  .arco-col-sm-offset-17{
    margin-left:70.83333333%;
  }
  .arco-col-sm-offset-18{
    margin-left:75%;
  }
  .arco-col-sm-offset-19{
    margin-left:79.16666667%;
  }
  .arco-col-sm-offset-20{
    margin-left:83.33333333%;
  }
  .arco-col-sm-offset-21{
    margin-left:87.5%;
  }
  .arco-col-sm-offset-22{
    margin-left:91.66666667%;
  }
  .arco-col-sm-offset-23{
    margin-left:95.83333333%;
  }
  .arco-col-sm-order-0{
    order:0;
  }
  .arco-col-sm-order-1{
    order:1;
  }
  .arco-col-sm-order-2{
    order:2;
  }
  .arco-col-sm-order-3{
    order:3;
  }
  .arco-col-sm-order-4{
    order:4;
  }
  .arco-col-sm-order-5{
    order:5;
  }
  .arco-col-sm-order-6{
    order:6;
  }
  .arco-col-sm-order-7{
    order:7;
  }
  .arco-col-sm-order-8{
    order:8;
  }
  .arco-col-sm-order-9{
    order:9;
  }
  .arco-col-sm-order-10{
    order:10;
  }
  .arco-col-sm-order-11{
    order:11;
  }
  .arco-col-sm-order-12{
    order:12;
  }
  .arco-col-sm-order-13{
    order:13;
  }
  .arco-col-sm-order-14{
    order:14;
  }
  .arco-col-sm-order-15{
    order:15;
  }
  .arco-col-sm-order-16{
    order:16;
  }
  .arco-col-sm-order-17{
    order:17;
  }
  .arco-col-sm-order-18{
    order:18;
  }
  .arco-col-sm-order-19{
    order:19;
  }
  .arco-col-sm-order-20{
    order:20;
  }
  .arco-col-sm-order-21{
    order:21;
  }
  .arco-col-sm-order-22{
    order:22;
  }
  .arco-col-sm-order-23{
    order:23;
  }
  .arco-col-sm-order-24{
    order:24;
  }
  .arco-col-sm-pull-0{
    right:0;
  }
  .arco-col-sm-pull-1{
    right:4.16666667%;
  }
  .arco-col-sm-pull-2{
    right:8.33333333%;
  }
  .arco-col-sm-pull-3{
    right:12.5%;
  }
  .arco-col-sm-pull-4{
    right:16.66666667%;
  }
  .arco-col-sm-pull-5{
    right:20.83333333%;
  }
  .arco-col-sm-pull-6{
    right:25%;
  }
  .arco-col-sm-pull-7{
    right:29.16666667%;
  }
  .arco-col-sm-pull-8{
    right:33.33333333%;
  }
  .arco-col-sm-pull-9{
    right:37.5%;
  }
  .arco-col-sm-pull-10{
    right:41.66666667%;
  }
  .arco-col-sm-pull-11{
    right:45.83333333%;
  }
  .arco-col-sm-pull-12{
    right:50%;
  }
  .arco-col-sm-pull-13{
    right:54.16666667%;
  }
  .arco-col-sm-pull-14{
    right:58.33333333%;
  }
  .arco-col-sm-pull-15{
    right:62.5%;
  }
  .arco-col-sm-pull-16{
    right:66.66666667%;
  }
  .arco-col-sm-pull-17{
    right:70.83333333%;
  }
  .arco-col-sm-pull-18{
    right:75%;
  }
  .arco-col-sm-pull-19{
    right:79.16666667%;
  }
  .arco-col-sm-pull-20{
    right:83.33333333%;
  }
  .arco-col-sm-pull-21{
    right:87.5%;
  }
  .arco-col-sm-pull-22{
    right:91.66666667%;
  }
  .arco-col-sm-pull-23{
    right:95.83333333%;
  }
  .arco-col-sm-pull-24{
    right:100%;
  }
  .arco-col-sm-push-0{
    left:0;
  }
  .arco-col-sm-push-1{
    left:4.16666667%;
  }
  .arco-col-sm-push-2{
    left:8.33333333%;
  }
  .arco-col-sm-push-3{
    left:12.5%;
  }
  .arco-col-sm-push-4{
    left:16.66666667%;
  }
  .arco-col-sm-push-5{
    left:20.83333333%;
  }
  .arco-col-sm-push-6{
    left:25%;
  }
  .arco-col-sm-push-7{
    left:29.16666667%;
  }
  .arco-col-sm-push-8{
    left:33.33333333%;
  }
  .arco-col-sm-push-9{
    left:37.5%;
  }
  .arco-col-sm-push-10{
    left:41.66666667%;
  }
  .arco-col-sm-push-11{
    left:45.83333333%;
  }
  .arco-col-sm-push-12{
    left:50%;
  }
  .arco-col-sm-push-13{
    left:54.16666667%;
  }
  .arco-col-sm-push-14{
    left:58.33333333%;
  }
  .arco-col-sm-push-15{
    left:62.5%;
  }
  .arco-col-sm-push-16{
    left:66.66666667%;
  }
  .arco-col-sm-push-17{
    left:70.83333333%;
  }
  .arco-col-sm-push-18{
    left:75%;
  }
  .arco-col-sm-push-19{
    left:79.16666667%;
  }
  .arco-col-sm-push-20{
    left:83.33333333%;
  }
  .arco-col-sm-push-21{
    left:87.5%;
  }
  .arco-col-sm-push-22{
    left:91.66666667%;
  }
  .arco-col-sm-push-23{
    left:95.83333333%;
  }
  .arco-col-sm-push-24{
    left:100%;
  }
}
@media (min-width:768px){
  .arco-col-md-0{
    display:none;
  }
  .arco-col-md-1{
    flex:0 0 4.16666667%;
    width:4.16666667%;
  }
  .arco-col-md-2{
    flex:0 0 8.33333333%;
    width:8.33333333%;
  }
  .arco-col-md-3{
    flex:0 0 12.5%;
    width:12.5%;
  }
  .arco-col-md-4{
    flex:0 0 16.66666667%;
    width:16.66666667%;
  }
  .arco-col-md-5{
    flex:0 0 20.83333333%;
    width:20.83333333%;
  }
  .arco-col-md-6{
    flex:0 0 25%;
    width:25%;
  }
  .arco-col-md-7{
    flex:0 0 29.16666667%;
    width:29.16666667%;
  }
  .arco-col-md-8{
    flex:0 0 33.33333333%;
    width:33.33333333%;
  }
  .arco-col-md-9{
    flex:0 0 37.5%;
    width:37.5%;
  }
  .arco-col-md-10{
    flex:0 0 41.66666667%;
    width:41.66666667%;
  }
  .arco-col-md-11{
    flex:0 0 45.83333333%;
    width:45.83333333%;
  }
  .arco-col-md-12{
    flex:0 0 50%;
    width:50%;
  }
  .arco-col-md-13{
    flex:0 0 54.16666667%;
    width:54.16666667%;
  }
  .arco-col-md-14{
    flex:0 0 58.33333333%;
    width:58.33333333%;
  }
  .arco-col-md-15{
    flex:0 0 62.5%;
    width:62.5%;
  }
  .arco-col-md-16{
    flex:0 0 66.66666667%;
    width:66.66666667%;
  }
  .arco-col-md-17{
    flex:0 0 70.83333333%;
    width:70.83333333%;
  }
  .arco-col-md-18{
    flex:0 0 75%;
    width:75%;
  }
  .arco-col-md-19{
    flex:0 0 79.16666667%;
    width:79.16666667%;
  }
  .arco-col-md-20{
    flex:0 0 83.33333333%;
    width:83.33333333%;
  }
  .arco-col-md-21{
    flex:0 0 87.5%;
    width:87.5%;
  }
  .arco-col-md-22{
    flex:0 0 91.66666667%;
    width:91.66666667%;
  }
  .arco-col-md-23{
    flex:0 0 95.83333333%;
    width:95.83333333%;
  }
  .arco-col-md-24{
    flex:0 0 100%;
    width:100%;
  }
  .arco-col-md-offset-0{
    margin-left:0;
  }
  .arco-col-md-offset-1{
    margin-left:4.16666667%;
  }
  .arco-col-md-offset-2{
    margin-left:8.33333333%;
  }
  .arco-col-md-offset-3{
    margin-left:12.5%;
  }
  .arco-col-md-offset-4{
    margin-left:16.66666667%;
  }
  .arco-col-md-offset-5{
    margin-left:20.83333333%;
  }
  .arco-col-md-offset-6{
    margin-left:25%;
  }
  .arco-col-md-offset-7{
    margin-left:29.16666667%;
  }
  .arco-col-md-offset-8{
    margin-left:33.33333333%;
  }
  .arco-col-md-offset-9{
    margin-left:37.5%;
  }
  .arco-col-md-offset-10{
    margin-left:41.66666667%;
  }
  .arco-col-md-offset-11{
    margin-left:45.83333333%;
  }
  .arco-col-md-offset-12{
    margin-left:50%;
  }
  .arco-col-md-offset-13{
    margin-left:54.16666667%;
  }
  .arco-col-md-offset-14{
    margin-left:58.33333333%;
  }
  .arco-col-md-offset-15{
    margin-left:62.5%;
  }
  .arco-col-md-offset-16{
    margin-left:66.66666667%;
  }
  .arco-col-md-offset-17{
    margin-left:70.83333333%;
  }
  .arco-col-md-offset-18{
    margin-left:75%;
  }
  .arco-col-md-offset-19{
    margin-left:79.16666667%;
  }
  .arco-col-md-offset-20{
    margin-left:83.33333333%;
  }
  .arco-col-md-offset-21{
    margin-left:87.5%;
  }
  .arco-col-md-offset-22{
    margin-left:91.66666667%;
  }
  .arco-col-md-offset-23{
    margin-left:95.83333333%;
  }
  .arco-col-md-order-0{
    order:0;
  }
  .arco-col-md-order-1{
    order:1;
  }
  .arco-col-md-order-2{
    order:2;
  }
  .arco-col-md-order-3{
    order:3;
  }
  .arco-col-md-order-4{
    order:4;
  }
  .arco-col-md-order-5{
    order:5;
  }
  .arco-col-md-order-6{
    order:6;
  }
  .arco-col-md-order-7{
    order:7;
  }
  .arco-col-md-order-8{
    order:8;
  }
  .arco-col-md-order-9{
    order:9;
  }
  .arco-col-md-order-10{
    order:10;
  }
  .arco-col-md-order-11{
    order:11;
  }
  .arco-col-md-order-12{
    order:12;
  }
  .arco-col-md-order-13{
    order:13;
  }
  .arco-col-md-order-14{
    order:14;
  }
  .arco-col-md-order-15{
    order:15;
  }
  .arco-col-md-order-16{
    order:16;
  }
  .arco-col-md-order-17{
    order:17;
  }
  .arco-col-md-order-18{
    order:18;
  }
  .arco-col-md-order-19{
    order:19;
  }
  .arco-col-md-order-20{
    order:20;
  }
  .arco-col-md-order-21{
    order:21;
  }
  .arco-col-md-order-22{
    order:22;
  }
  .arco-col-md-order-23{
    order:23;
  }
  .arco-col-md-order-24{
    order:24;
  }
  .arco-col-md-pull-0{
    right:0;
  }
  .arco-col-md-pull-1{
    right:4.16666667%;
  }
  .arco-col-md-pull-2{
    right:8.33333333%;
  }
  .arco-col-md-pull-3{
    right:12.5%;
  }
  .arco-col-md-pull-4{
    right:16.66666667%;
  }
  .arco-col-md-pull-5{
    right:20.83333333%;
  }
  .arco-col-md-pull-6{
    right:25%;
  }
  .arco-col-md-pull-7{
    right:29.16666667%;
  }
  .arco-col-md-pull-8{
    right:33.33333333%;
  }
  .arco-col-md-pull-9{
    right:37.5%;
  }
  .arco-col-md-pull-10{
    right:41.66666667%;
  }
  .arco-col-md-pull-11{
    right:45.83333333%;
  }
  .arco-col-md-pull-12{
    right:50%;
  }
  .arco-col-md-pull-13{
    right:54.16666667%;
  }
  .arco-col-md-pull-14{
    right:58.33333333%;
  }
  .arco-col-md-pull-15{
    right:62.5%;
  }
  .arco-col-md-pull-16{
    right:66.66666667%;
  }
  .arco-col-md-pull-17{
    right:70.83333333%;
  }
  .arco-col-md-pull-18{
    right:75%;
  }
  .arco-col-md-pull-19{
    right:79.16666667%;
  }
  .arco-col-md-pull-20{
    right:83.33333333%;
  }
  .arco-col-md-pull-21{
    right:87.5%;
  }
  .arco-col-md-pull-22{
    right:91.66666667%;
  }
  .arco-col-md-pull-23{
    right:95.83333333%;
  }
  .arco-col-md-pull-24{
    right:100%;
  }
  .arco-col-md-push-0{
    left:0;
  }
  .arco-col-md-push-1{
    left:4.16666667%;
  }
  .arco-col-md-push-2{
    left:8.33333333%;
  }
  .arco-col-md-push-3{
    left:12.5%;
  }
  .arco-col-md-push-4{
    left:16.66666667%;
  }
  .arco-col-md-push-5{
    left:20.83333333%;
  }
  .arco-col-md-push-6{
    left:25%;
  }
  .arco-col-md-push-7{
    left:29.16666667%;
  }
  .arco-col-md-push-8{
    left:33.33333333%;
  }
  .arco-col-md-push-9{
    left:37.5%;
  }
  .arco-col-md-push-10{
    left:41.66666667%;
  }
  .arco-col-md-push-11{
    left:45.83333333%;
  }
  .arco-col-md-push-12{
    left:50%;
  }
  .arco-col-md-push-13{
    left:54.16666667%;
  }
  .arco-col-md-push-14{
    left:58.33333333%;
  }
  .arco-col-md-push-15{
    left:62.5%;
  }
  .arco-col-md-push-16{
    left:66.66666667%;
  }
  .arco-col-md-push-17{
    left:70.83333333%;
  }
  .arco-col-md-push-18{
    left:75%;
  }
  .arco-col-md-push-19{
    left:79.16666667%;
  }
  .arco-col-md-push-20{
    left:83.33333333%;
  }
  .arco-col-md-push-21{
    left:87.5%;
  }
  .arco-col-md-push-22{
    left:91.66666667%;
  }
  .arco-col-md-push-23{
    left:95.83333333%;
  }
  .arco-col-md-push-24{
    left:100%;
  }
}
@media (min-width:992px){
  .arco-col-lg-0{
    display:none;
  }
  .arco-col-lg-1{
    flex:0 0 4.16666667%;
    width:4.16666667%;
  }
  .arco-col-lg-2{
    flex:0 0 8.33333333%;
    width:8.33333333%;
  }
  .arco-col-lg-3{
    flex:0 0 12.5%;
    width:12.5%;
  }
  .arco-col-lg-4{
    flex:0 0 16.66666667%;
    width:16.66666667%;
  }
  .arco-col-lg-5{
    flex:0 0 20.83333333%;
    width:20.83333333%;
  }
  .arco-col-lg-6{
    flex:0 0 25%;
    width:25%;
  }
  .arco-col-lg-7{
    flex:0 0 29.16666667%;
    width:29.16666667%;
  }
  .arco-col-lg-8{
    flex:0 0 33.33333333%;
    width:33.33333333%;
  }
  .arco-col-lg-9{
    flex:0 0 37.5%;
    width:37.5%;
  }
  .arco-col-lg-10{
    flex:0 0 41.66666667%;
    width:41.66666667%;
  }
  .arco-col-lg-11{
    flex:0 0 45.83333333%;
    width:45.83333333%;
  }
  .arco-col-lg-12{
    flex:0 0 50%;
    width:50%;
  }
  .arco-col-lg-13{
    flex:0 0 54.16666667%;
    width:54.16666667%;
  }
  .arco-col-lg-14{
    flex:0 0 58.33333333%;
    width:58.33333333%;
  }
  .arco-col-lg-15{
    flex:0 0 62.5%;
    width:62.5%;
  }
  .arco-col-lg-16{
    flex:0 0 66.66666667%;
    width:66.66666667%;
  }
  .arco-col-lg-17{
    flex:0 0 70.83333333%;
    width:70.83333333%;
  }
  .arco-col-lg-18{
    flex:0 0 75%;
    width:75%;
  }
  .arco-col-lg-19{
    flex:0 0 79.16666667%;
    width:79.16666667%;
  }
  .arco-col-lg-20{
    flex:0 0 83.33333333%;
    width:83.33333333%;
  }
  .arco-col-lg-21{
    flex:0 0 87.5%;
    width:87.5%;
  }
  .arco-col-lg-22{
    flex:0 0 91.66666667%;
    width:91.66666667%;
  }
  .arco-col-lg-23{
    flex:0 0 95.83333333%;
    width:95.83333333%;
  }
  .arco-col-lg-24{
    flex:0 0 100%;
    width:100%;
  }
  .arco-col-lg-offset-0{
    margin-left:0;
  }
  .arco-col-lg-offset-1{
    margin-left:4.16666667%;
  }
  .arco-col-lg-offset-2{
    margin-left:8.33333333%;
  }
  .arco-col-lg-offset-3{
    margin-left:12.5%;
  }
  .arco-col-lg-offset-4{
    margin-left:16.66666667%;
  }
  .arco-col-lg-offset-5{
    margin-left:20.83333333%;
  }
  .arco-col-lg-offset-6{
    margin-left:25%;
  }
  .arco-col-lg-offset-7{
    margin-left:29.16666667%;
  }
  .arco-col-lg-offset-8{
    margin-left:33.33333333%;
  }
  .arco-col-lg-offset-9{
    margin-left:37.5%;
  }
  .arco-col-lg-offset-10{
    margin-left:41.66666667%;
  }
  .arco-col-lg-offset-11{
    margin-left:45.83333333%;
  }
  .arco-col-lg-offset-12{
    margin-left:50%;
  }
  .arco-col-lg-offset-13{
    margin-left:54.16666667%;
  }
  .arco-col-lg-offset-14{
    margin-left:58.33333333%;
  }
  .arco-col-lg-offset-15{
    margin-left:62.5%;
  }
  .arco-col-lg-offset-16{
    margin-left:66.66666667%;
  }
  .arco-col-lg-offset-17{
    margin-left:70.83333333%;
  }
  .arco-col-lg-offset-18{
    margin-left:75%;
  }
  .arco-col-lg-offset-19{
    margin-left:79.16666667%;
  }
  .arco-col-lg-offset-20{
    margin-left:83.33333333%;
  }
  .arco-col-lg-offset-21{
    margin-left:87.5%;
  }
  .arco-col-lg-offset-22{
    margin-left:91.66666667%;
  }
  .arco-col-lg-offset-23{
    margin-left:95.83333333%;
  }
  .arco-col-lg-order-0{
    order:0;
  }
  .arco-col-lg-order-1{
    order:1;
  }
  .arco-col-lg-order-2{
    order:2;
  }
  .arco-col-lg-order-3{
    order:3;
  }
  .arco-col-lg-order-4{
    order:4;
  }
  .arco-col-lg-order-5{
    order:5;
  }
  .arco-col-lg-order-6{
    order:6;
  }
  .arco-col-lg-order-7{
    order:7;
  }
  .arco-col-lg-order-8{
    order:8;
  }
  .arco-col-lg-order-9{
    order:9;
  }
  .arco-col-lg-order-10{
    order:10;
  }
  .arco-col-lg-order-11{
    order:11;
  }
  .arco-col-lg-order-12{
    order:12;
  }
  .arco-col-lg-order-13{
    order:13;
  }
  .arco-col-lg-order-14{
    order:14;
  }
  .arco-col-lg-order-15{
    order:15;
  }
  .arco-col-lg-order-16{
    order:16;
  }
  .arco-col-lg-order-17{
    order:17;
  }
  .arco-col-lg-order-18{
    order:18;
  }
  .arco-col-lg-order-19{
    order:19;
  }
  .arco-col-lg-order-20{
    order:20;
  }
  .arco-col-lg-order-21{
    order:21;
  }
  .arco-col-lg-order-22{
    order:22;
  }
  .arco-col-lg-order-23{
    order:23;
  }
  .arco-col-lg-order-24{
    order:24;
  }
  .arco-col-lg-pull-0{
    right:0;
  }
  .arco-col-lg-pull-1{
    right:4.16666667%;
  }
  .arco-col-lg-pull-2{
    right:8.33333333%;
  }
  .arco-col-lg-pull-3{
    right:12.5%;
  }
  .arco-col-lg-pull-4{
    right:16.66666667%;
  }
  .arco-col-lg-pull-5{
    right:20.83333333%;
  }
  .arco-col-lg-pull-6{
    right:25%;
  }
  .arco-col-lg-pull-7{
    right:29.16666667%;
  }
  .arco-col-lg-pull-8{
    right:33.33333333%;
  }
  .arco-col-lg-pull-9{
    right:37.5%;
  }
  .arco-col-lg-pull-10{
    right:41.66666667%;
  }
  .arco-col-lg-pull-11{
    right:45.83333333%;
  }
  .arco-col-lg-pull-12{
    right:50%;
  }
  .arco-col-lg-pull-13{
    right:54.16666667%;
  }
  .arco-col-lg-pull-14{
    right:58.33333333%;
  }
  .arco-col-lg-pull-15{
    right:62.5%;
  }
  .arco-col-lg-pull-16{
    right:66.66666667%;
  }
  .arco-col-lg-pull-17{
    right:70.83333333%;
  }
  .arco-col-lg-pull-18{
    right:75%;
  }
  .arco-col-lg-pull-19{
    right:79.16666667%;
  }
  .arco-col-lg-pull-20{
    right:83.33333333%;
  }
  .arco-col-lg-pull-21{
    right:87.5%;
  }
  .arco-col-lg-pull-22{
    right:91.66666667%;
  }
  .arco-col-lg-pull-23{
    right:95.83333333%;
  }
  .arco-col-lg-pull-24{
    right:100%;
  }
  .arco-col-lg-push-0{
    left:0;
  }
  .arco-col-lg-push-1{
    left:4.16666667%;
  }
  .arco-col-lg-push-2{
    left:8.33333333%;
  }
  .arco-col-lg-push-3{
    left:12.5%;
  }
  .arco-col-lg-push-4{
    left:16.66666667%;
  }
  .arco-col-lg-push-5{
    left:20.83333333%;
  }
  .arco-col-lg-push-6{
    left:25%;
  }
  .arco-col-lg-push-7{
    left:29.16666667%;
  }
  .arco-col-lg-push-8{
    left:33.33333333%;
  }
  .arco-col-lg-push-9{
    left:37.5%;
  }
  .arco-col-lg-push-10{
    left:41.66666667%;
  }
  .arco-col-lg-push-11{
    left:45.83333333%;
  }
  .arco-col-lg-push-12{
    left:50%;
  }
  .arco-col-lg-push-13{
    left:54.16666667%;
  }
  .arco-col-lg-push-14{
    left:58.33333333%;
  }
  .arco-col-lg-push-15{
    left:62.5%;
  }
  .arco-col-lg-push-16{
    left:66.66666667%;
  }
  .arco-col-lg-push-17{
    left:70.83333333%;
  }
  .arco-col-lg-push-18{
    left:75%;
  }
  .arco-col-lg-push-19{
    left:79.16666667%;
  }
  .arco-col-lg-push-20{
    left:83.33333333%;
  }
  .arco-col-lg-push-21{
    left:87.5%;
  }
  .arco-col-lg-push-22{
    left:91.66666667%;
  }
  .arco-col-lg-push-23{
    left:95.83333333%;
  }
  .arco-col-lg-push-24{
    left:100%;
  }
}
@media (min-width:1200px){
  .arco-col-xl-0{
    display:none;
  }
  .arco-col-xl-1{
    flex:0 0 4.16666667%;
    width:4.16666667%;
  }
  .arco-col-xl-2{
    flex:0 0 8.33333333%;
    width:8.33333333%;
  }
  .arco-col-xl-3{
    flex:0 0 12.5%;
    width:12.5%;
  }
  .arco-col-xl-4{
    flex:0 0 16.66666667%;
    width:16.66666667%;
  }
  .arco-col-xl-5{
    flex:0 0 20.83333333%;
    width:20.83333333%;
  }
  .arco-col-xl-6{
    flex:0 0 25%;
    width:25%;
  }
  .arco-col-xl-7{
    flex:0 0 29.16666667%;
    width:29.16666667%;
  }
  .arco-col-xl-8{
    flex:0 0 33.33333333%;
    width:33.33333333%;
  }
  .arco-col-xl-9{
    flex:0 0 37.5%;
    width:37.5%;
  }
  .arco-col-xl-10{
    flex:0 0 41.66666667%;
    width:41.66666667%;
  }
  .arco-col-xl-11{
    flex:0 0 45.83333333%;
    width:45.83333333%;
  }
  .arco-col-xl-12{
    flex:0 0 50%;
    width:50%;
  }
  .arco-col-xl-13{
    flex:0 0 54.16666667%;
    width:54.16666667%;
  }
  .arco-col-xl-14{
    flex:0 0 58.33333333%;
    width:58.33333333%;
  }
  .arco-col-xl-15{
    flex:0 0 62.5%;
    width:62.5%;
  }
  .arco-col-xl-16{
    flex:0 0 66.66666667%;
    width:66.66666667%;
  }
  .arco-col-xl-17{
    flex:0 0 70.83333333%;
    width:70.83333333%;
  }
  .arco-col-xl-18{
    flex:0 0 75%;
    width:75%;
  }
  .arco-col-xl-19{
    flex:0 0 79.16666667%;
    width:79.16666667%;
  }
  .arco-col-xl-20{
    flex:0 0 83.33333333%;
    width:83.33333333%;
  }
  .arco-col-xl-21{
    flex:0 0 87.5%;
    width:87.5%;
  }
  .arco-col-xl-22{
    flex:0 0 91.66666667%;
    width:91.66666667%;
  }
  .arco-col-xl-23{
    flex:0 0 95.83333333%;
    width:95.83333333%;
  }
  .arco-col-xl-24{
    flex:0 0 100%;
    width:100%;
  }
  .arco-col-xl-offset-0{
    margin-left:0;
  }
  .arco-col-xl-offset-1{
    margin-left:4.16666667%;
  }
  .arco-col-xl-offset-2{
    margin-left:8.33333333%;
  }
  .arco-col-xl-offset-3{
    margin-left:12.5%;
  }
  .arco-col-xl-offset-4{
    margin-left:16.66666667%;
  }
  .arco-col-xl-offset-5{
    margin-left:20.83333333%;
  }
  .arco-col-xl-offset-6{
    margin-left:25%;
  }
  .arco-col-xl-offset-7{
    margin-left:29.16666667%;
  }
  .arco-col-xl-offset-8{
    margin-left:33.33333333%;
  }
  .arco-col-xl-offset-9{
    margin-left:37.5%;
  }
  .arco-col-xl-offset-10{
    margin-left:41.66666667%;
  }
  .arco-col-xl-offset-11{
    margin-left:45.83333333%;
  }
  .arco-col-xl-offset-12{
    margin-left:50%;
  }
  .arco-col-xl-offset-13{
    margin-left:54.16666667%;
  }
  .arco-col-xl-offset-14{
    margin-left:58.33333333%;
  }
  .arco-col-xl-offset-15{
    margin-left:62.5%;
  }
  .arco-col-xl-offset-16{
    margin-left:66.66666667%;
  }
  .arco-col-xl-offset-17{
    margin-left:70.83333333%;
  }
  .arco-col-xl-offset-18{
    margin-left:75%;
  }
  .arco-col-xl-offset-19{
    margin-left:79.16666667%;
  }
  .arco-col-xl-offset-20{
    margin-left:83.33333333%;
  }
  .arco-col-xl-offset-21{
    margin-left:87.5%;
  }
  .arco-col-xl-offset-22{
    margin-left:91.66666667%;
  }
  .arco-col-xl-offset-23{
    margin-left:95.83333333%;
  }
  .arco-col-xl-order-0{
    order:0;
  }
  .arco-col-xl-order-1{
    order:1;
  }
  .arco-col-xl-order-2{
    order:2;
  }
  .arco-col-xl-order-3{
    order:3;
  }
  .arco-col-xl-order-4{
    order:4;
  }
  .arco-col-xl-order-5{
    order:5;
  }
  .arco-col-xl-order-6{
    order:6;
  }
  .arco-col-xl-order-7{
    order:7;
  }
  .arco-col-xl-order-8{
    order:8;
  }
  .arco-col-xl-order-9{
    order:9;
  }
  .arco-col-xl-order-10{
    order:10;
  }
  .arco-col-xl-order-11{
    order:11;
  }
  .arco-col-xl-order-12{
    order:12;
  }
  .arco-col-xl-order-13{
    order:13;
  }
  .arco-col-xl-order-14{
    order:14;
  }
  .arco-col-xl-order-15{
    order:15;
  }
  .arco-col-xl-order-16{
    order:16;
  }
  .arco-col-xl-order-17{
    order:17;
  }
  .arco-col-xl-order-18{
    order:18;
  }
  .arco-col-xl-order-19{
    order:19;
  }
  .arco-col-xl-order-20{
    order:20;
  }
  .arco-col-xl-order-21{
    order:21;
  }
  .arco-col-xl-order-22{
    order:22;
  }
  .arco-col-xl-order-23{
    order:23;
  }
  .arco-col-xl-order-24{
    order:24;
  }
  .arco-col-xl-pull-0{
    right:0;
  }
  .arco-col-xl-pull-1{
    right:4.16666667%;
  }
  .arco-col-xl-pull-2{
    right:8.33333333%;
  }
  .arco-col-xl-pull-3{
    right:12.5%;
  }
  .arco-col-xl-pull-4{
    right:16.66666667%;
  }
  .arco-col-xl-pull-5{
    right:20.83333333%;
  }
  .arco-col-xl-pull-6{
    right:25%;
  }
  .arco-col-xl-pull-7{
    right:29.16666667%;
  }
  .arco-col-xl-pull-8{
    right:33.33333333%;
  }
  .arco-col-xl-pull-9{
    right:37.5%;
  }
  .arco-col-xl-pull-10{
    right:41.66666667%;
  }
  .arco-col-xl-pull-11{
    right:45.83333333%;
  }
  .arco-col-xl-pull-12{
    right:50%;
  }
  .arco-col-xl-pull-13{
    right:54.16666667%;
  }
  .arco-col-xl-pull-14{
    right:58.33333333%;
  }
  .arco-col-xl-pull-15{
    right:62.5%;
  }
  .arco-col-xl-pull-16{
    right:66.66666667%;
  }
  .arco-col-xl-pull-17{
    right:70.83333333%;
  }
  .arco-col-xl-pull-18{
    right:75%;
  }
  .arco-col-xl-pull-19{
    right:79.16666667%;
  }
  .arco-col-xl-pull-20{
    right:83.33333333%;
  }
  .arco-col-xl-pull-21{
    right:87.5%;
  }
  .arco-col-xl-pull-22{
    right:91.66666667%;
  }
  .arco-col-xl-pull-23{
    right:95.83333333%;
  }
  .arco-col-xl-pull-24{
    right:100%;
  }
  .arco-col-xl-push-0{
    left:0;
  }
  .arco-col-xl-push-1{
    left:4.16666667%;
  }
  .arco-col-xl-push-2{
    left:8.33333333%;
  }
  .arco-col-xl-push-3{
    left:12.5%;
  }
  .arco-col-xl-push-4{
    left:16.66666667%;
  }
  .arco-col-xl-push-5{
    left:20.83333333%;
  }
  .arco-col-xl-push-6{
    left:25%;
  }
  .arco-col-xl-push-7{
    left:29.16666667%;
  }
  .arco-col-xl-push-8{
    left:33.33333333%;
  }
  .arco-col-xl-push-9{
    left:37.5%;
  }
  .arco-col-xl-push-10{
    left:41.66666667%;
  }
  .arco-col-xl-push-11{
    left:45.83333333%;
  }
  .arco-col-xl-push-12{
    left:50%;
  }
  .arco-col-xl-push-13{
    left:54.16666667%;
  }
  .arco-col-xl-push-14{
    left:58.33333333%;
  }
  .arco-col-xl-push-15{
    left:62.5%;
  }
  .arco-col-xl-push-16{
    left:66.66666667%;
  }
  .arco-col-xl-push-17{
    left:70.83333333%;
  }
  .arco-col-xl-push-18{
    left:75%;
  }
  .arco-col-xl-push-19{
    left:79.16666667%;
  }
  .arco-col-xl-push-20{
    left:83.33333333%;
  }
  .arco-col-xl-push-21{
    left:87.5%;
  }
  .arco-col-xl-push-22{
    left:91.66666667%;
  }
  .arco-col-xl-push-23{
    left:95.83333333%;
  }
  .arco-col-xl-push-24{
    left:100%;
  }
}
@media (min-width:1600px){
  .arco-col-xxl-0{
    display:none;
  }
  .arco-col-xxl-1{
    flex:0 0 4.16666667%;
    width:4.16666667%;
  }
  .arco-col-xxl-2{
    flex:0 0 8.33333333%;
    width:8.33333333%;
  }
  .arco-col-xxl-3{
    flex:0 0 12.5%;
    width:12.5%;
  }
  .arco-col-xxl-4{
    flex:0 0 16.66666667%;
    width:16.66666667%;
  }
  .arco-col-xxl-5{
    flex:0 0 20.83333333%;
    width:20.83333333%;
  }
  .arco-col-xxl-6{
    flex:0 0 25%;
    width:25%;
  }
  .arco-col-xxl-7{
    flex:0 0 29.16666667%;
    width:29.16666667%;
  }
  .arco-col-xxl-8{
    flex:0 0 33.33333333%;
    width:33.33333333%;
  }
  .arco-col-xxl-9{
    flex:0 0 37.5%;
    width:37.5%;
  }
  .arco-col-xxl-10{
    flex:0 0 41.66666667%;
    width:41.66666667%;
  }
  .arco-col-xxl-11{
    flex:0 0 45.83333333%;
    width:45.83333333%;
  }
  .arco-col-xxl-12{
    flex:0 0 50%;
    width:50%;
  }
  .arco-col-xxl-13{
    flex:0 0 54.16666667%;
    width:54.16666667%;
  }
  .arco-col-xxl-14{
    flex:0 0 58.33333333%;
    width:58.33333333%;
  }
  .arco-col-xxl-15{
    flex:0 0 62.5%;
    width:62.5%;
  }
  .arco-col-xxl-16{
    flex:0 0 66.66666667%;
    width:66.66666667%;
  }
  .arco-col-xxl-17{
    flex:0 0 70.83333333%;
    width:70.83333333%;
  }
  .arco-col-xxl-18{
    flex:0 0 75%;
    width:75%;
  }
  .arco-col-xxl-19{
    flex:0 0 79.16666667%;
    width:79.16666667%;
  }
  .arco-col-xxl-20{
    flex:0 0 83.33333333%;
    width:83.33333333%;
  }
  .arco-col-xxl-21{
    flex:0 0 87.5%;
    width:87.5%;
  }
  .arco-col-xxl-22{
    flex:0 0 91.66666667%;
    width:91.66666667%;
  }
  .arco-col-xxl-23{
    flex:0 0 95.83333333%;
    width:95.83333333%;
  }
  .arco-col-xxl-24{
    flex:0 0 100%;
    width:100%;
  }
  .arco-col-xxl-offset-0{
    margin-left:0;
  }
  .arco-col-xxl-offset-1{
    margin-left:4.16666667%;
  }
  .arco-col-xxl-offset-2{
    margin-left:8.33333333%;
  }
  .arco-col-xxl-offset-3{
    margin-left:12.5%;
  }
  .arco-col-xxl-offset-4{
    margin-left:16.66666667%;
  }
  .arco-col-xxl-offset-5{
    margin-left:20.83333333%;
  }
  .arco-col-xxl-offset-6{
    margin-left:25%;
  }
  .arco-col-xxl-offset-7{
    margin-left:29.16666667%;
  }
  .arco-col-xxl-offset-8{
    margin-left:33.33333333%;
  }
  .arco-col-xxl-offset-9{
    margin-left:37.5%;
  }
  .arco-col-xxl-offset-10{
    margin-left:41.66666667%;
  }
  .arco-col-xxl-offset-11{
    margin-left:45.83333333%;
  }
  .arco-col-xxl-offset-12{
    margin-left:50%;
  }
  .arco-col-xxl-offset-13{
    margin-left:54.16666667%;
  }
  .arco-col-xxl-offset-14{
    margin-left:58.33333333%;
  }
  .arco-col-xxl-offset-15{
    margin-left:62.5%;
  }
  .arco-col-xxl-offset-16{
    margin-left:66.66666667%;
  }
  .arco-col-xxl-offset-17{
    margin-left:70.83333333%;
  }
  .arco-col-xxl-offset-18{
    margin-left:75%;
  }
  .arco-col-xxl-offset-19{
    margin-left:79.16666667%;
  }
  .arco-col-xxl-offset-20{
    margin-left:83.33333333%;
  }
  .arco-col-xxl-offset-21{
    margin-left:87.5%;
  }
  .arco-col-xxl-offset-22{
    margin-left:91.66666667%;
  }
  .arco-col-xxl-offset-23{
    margin-left:95.83333333%;
  }
  .arco-col-xxl-order-0{
    order:0;
  }
  .arco-col-xxl-order-1{
    order:1;
  }
  .arco-col-xxl-order-2{
    order:2;
  }
  .arco-col-xxl-order-3{
    order:3;
  }
  .arco-col-xxl-order-4{
    order:4;
  }
  .arco-col-xxl-order-5{
    order:5;
  }
  .arco-col-xxl-order-6{
    order:6;
  }
  .arco-col-xxl-order-7{
    order:7;
  }
  .arco-col-xxl-order-8{
    order:8;
  }
  .arco-col-xxl-order-9{
    order:9;
  }
  .arco-col-xxl-order-10{
    order:10;
  }
  .arco-col-xxl-order-11{
    order:11;
  }
  .arco-col-xxl-order-12{
    order:12;
  }
  .arco-col-xxl-order-13{
    order:13;
  }
  .arco-col-xxl-order-14{
    order:14;
  }
  .arco-col-xxl-order-15{
    order:15;
  }
  .arco-col-xxl-order-16{
    order:16;
  }
  .arco-col-xxl-order-17{
    order:17;
  }
  .arco-col-xxl-order-18{
    order:18;
  }
  .arco-col-xxl-order-19{
    order:19;
  }
  .arco-col-xxl-order-20{
    order:20;
  }
  .arco-col-xxl-order-21{
    order:21;
  }
  .arco-col-xxl-order-22{
    order:22;
  }
  .arco-col-xxl-order-23{
    order:23;
  }
  .arco-col-xxl-order-24{
    order:24;
  }
  .arco-col-xxl-pull-0{
    right:0;
  }
  .arco-col-xxl-pull-1{
    right:4.16666667%;
  }
  .arco-col-xxl-pull-2{
    right:8.33333333%;
  }
  .arco-col-xxl-pull-3{
    right:12.5%;
  }
  .arco-col-xxl-pull-4{
    right:16.66666667%;
  }
  .arco-col-xxl-pull-5{
    right:20.83333333%;
  }
  .arco-col-xxl-pull-6{
    right:25%;
  }
  .arco-col-xxl-pull-7{
    right:29.16666667%;
  }
  .arco-col-xxl-pull-8{
    right:33.33333333%;
  }
  .arco-col-xxl-pull-9{
    right:37.5%;
  }
  .arco-col-xxl-pull-10{
    right:41.66666667%;
  }
  .arco-col-xxl-pull-11{
    right:45.83333333%;
  }
  .arco-col-xxl-pull-12{
    right:50%;
  }
  .arco-col-xxl-pull-13{
    right:54.16666667%;
  }
  .arco-col-xxl-pull-14{
    right:58.33333333%;
  }
  .arco-col-xxl-pull-15{
    right:62.5%;
  }
  .arco-col-xxl-pull-16{
    right:66.66666667%;
  }
  .arco-col-xxl-pull-17{
    right:70.83333333%;
  }
  .arco-col-xxl-pull-18{
    right:75%;
  }
  .arco-col-xxl-pull-19{
    right:79.16666667%;
  }
  .arco-col-xxl-pull-20{
    right:83.33333333%;
  }
  .arco-col-xxl-pull-21{
    right:87.5%;
  }
  .arco-col-xxl-pull-22{
    right:91.66666667%;
  }
  .arco-col-xxl-pull-23{
    right:95.83333333%;
  }
  .arco-col-xxl-pull-24{
    right:100%;
  }
  .arco-col-xxl-push-0{
    left:0;
  }
  .arco-col-xxl-push-1{
    left:4.16666667%;
  }
  .arco-col-xxl-push-2{
    left:8.33333333%;
  }
  .arco-col-xxl-push-3{
    left:12.5%;
  }
  .arco-col-xxl-push-4{
    left:16.66666667%;
  }
  .arco-col-xxl-push-5{
    left:20.83333333%;
  }
  .arco-col-xxl-push-6{
    left:25%;
  }
  .arco-col-xxl-push-7{
    left:29.16666667%;
  }
  .arco-col-xxl-push-8{
    left:33.33333333%;
  }
  .arco-col-xxl-push-9{
    left:37.5%;
  }
  .arco-col-xxl-push-10{
    left:41.66666667%;
  }
  .arco-col-xxl-push-11{
    left:45.83333333%;
  }
  .arco-col-xxl-push-12{
    left:50%;
  }
  .arco-col-xxl-push-13{
    left:54.16666667%;
  }
  .arco-col-xxl-push-14{
    left:58.33333333%;
  }
  .arco-col-xxl-push-15{
    left:62.5%;
  }
  .arco-col-xxl-push-16{
    left:66.66666667%;
  }
  .arco-col-xxl-push-17{
    left:70.83333333%;
  }
  .arco-col-xxl-push-18{
    left:75%;
  }
  .arco-col-xxl-push-19{
    left:79.16666667%;
  }
  .arco-col-xxl-push-20{
    left:83.33333333%;
  }
  .arco-col-xxl-push-21{
    left:87.5%;
  }
  .arco-col-xxl-push-22{
    left:91.66666667%;
  }
  .arco-col-xxl-push-23{
    left:95.83333333%;
  }
  .arco-col-xxl-push-24{
    left:100%;
  }
}
.arco-image-trigger{
  background:var(--color-bg-5);
  border:1px solid var(--color-neutral-3);
  border-radius:4px;
  padding:6px 4px;
}
.arco-image-trigger .arco-trigger-arrow{
  background-color:var(--color-bg-5);
  border:1px solid var(--color-neutral-3);
}
.arco-image{
  border-radius:var(--border-radius-small);
  display:inline-block;
  position:relative;
  vertical-align:middle;
}
.arco-image-img{
  border-radius:inherit;
  vertical-align:middle;
}
.arco-image-overlay{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.arco-image-footer{
  display:flex;
  max-width:100%;
  width:100%;
}
.arco-image-footer-block{
  flex:auto;
}
.arco-image-caption-title{
  font-size:16px;
  font-weight:500;
}
.arco-image-caption-description{
  font-size:12px;
}
.arco-image-actions{
  padding-left:12px;
}
.arco-image-actions-list{
  align-items:center;
  display:flex;
  justify-content:flex-end;
}
.arco-image-actions-item{
  border-radius:var(--border-radius-small);
  cursor:pointer;
  font-size:14px;
  line-height:1;
  margin-left:12px;
  padding:0;
}
.arco-image-actions-item:first-child{
  margin-left:0;
}
.arco-image-actions-item-trigger{
  display:inline-block;
  padding:5px 4px;
}
.arco-image-with-footer-inner .arco-image-footer{
  align-items:center;
  background:linear-gradient(1turn, rgba(0,0,0,.3), transparent);
  bottom:0;
  box-sizing:border-box;
  color:var(--color-white);
  left:0;
  padding:9px 16px;
  position:absolute;
}
.arco-image-with-footer-inner .arco-image-caption-description,.arco-image-with-footer-inner .arco-image-caption-title{
  color:var(--color-white);
}
.arco-image-with-footer-inner .arco-image-actions-item:hover{
  background:rgba(0,0,0,.5);
}
.arco-image-with-footer-outer .arco-image-footer{
  color:var(--color-neutral-8);
  margin-top:4px;
}
.arco-image-with-footer-outer .arco-image-caption-title{
  color:var(--color-text-1);
}
.arco-image-with-footer-outer .arco-image-caption-description{
  color:var(--color-neutral-6);
}
.arco-image-with-footer-outer .arco-image-actions-item:hover{
  background:var(--color-neutral-2);
}
.arco-image-error{
  align-items:center;
  background-color:var(--color-neutral-1);
  box-sizing:border-box;
  color:var(--color-neutral-4);
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  width:100%;
}
.arco-image-error-icon{
  height:60px;
  max-height:100%;
  max-width:100%;
  width:60px;
}
.arco-image-error-icon>svg{
  height:100%;
  width:100%;
}
.arco-image-error-alt{
  font-size:12px;
  line-height:1.6667;
  padding:8px 16px;
  text-align:center;
}
.arco-image-loader{
  background-color:var(--color-neutral-1);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.arco-image-loader-spin{
  color:rgb(var(--primary-6));
  font-size:32px;
  left:50%;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translate(-50%, -50%);
}
.arco-image-loader-spin-text{
  color:var(--color-neutral-6);
  font-size:16px;
}
.arco-image-simple.arco-image-with-footer-inner .arco-image-footer{
  padding:12px 16px;
}
.arco-image-loading .arco-image-img,.arco-image-loading-error .arco-image-img{
  visibility:hidden;
}
.arco-image-trigger .arco-image-actions-list{
  flex-direction:column;
}
.arco-image-trigger .arco-image-actions-item{
  color:var(--color-neutral-8);
  margin-left:0;
}
.arco-image-trigger .arco-image-actions-item:hover{
  background:var(--color-neutral-2);
}
.arco-image-preview{
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1001;
}
.arco-image-preview-hide{
  display:none;
}
.arco-image-preview-mask,.arco-image-preview-wrapper{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.arco-image-preview-mask{
  background-color:var(--color-mask-bg);
}
.arco-image-preview-img-container{
  height:100%;
  text-align:center;
  width:100%;
}
.arco-image-preview-img-container:before{
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle;
  width:0;
}
.arco-image-preview-img-container .arco-image-preview-img{
  cursor:grab;
  display:inline-block;
  max-height:100%;
  max-width:100%;
  user-select:none;
  vertical-align:middle;
}
.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving{
  cursor:grabbing;
}
.arco-image-preview-scale-value{
  background-color:hsla(0,0%,100%,.08);
  box-sizing:border-box;
  color:var(--color-white);
  font-size:12px;
  left:50%;
  line-height:normal;
  padding:7px 10px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}
.arco-image-preview-toolbar{
  align-items:flex-start;
  background-color:var(--color-bg-2);
  border-radius:var(--border-radius-medium);
  bottom:46px;
  display:flex;
  left:50%;
  padding:4px 16px;
  position:absolute;
  transform:translateX(-50%);
}
.arco-image-preview-toolbar-action{
  align-items:center;
  background-color:transparent;
  border-radius:var(--border-radius-small);
  color:var(--color-neutral-8);
  cursor:pointer;
  display:flex;
  font-size:14px;
}
.arco-image-preview-toolbar-action:not(:last-of-type){
  margin-right:0;
}
.arco-image-preview-toolbar-action:hover{
  background-color:var(--color-neutral-2);
  color:rgb(var(--primary-6));
}
.arco-image-preview-toolbar-action-disabled,.arco-image-preview-toolbar-action-disabled:hover{
  background-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-image-preview-toolbar-action-name{
  font-size:12px;
  padding-right:12px;
}
.arco-image-preview-toolbar-action-content{
  line-height:1;
  padding:13px;
}
.arco-image-preview-toolbar-simple{
  padding:4px;
}
.arco-image-preview-toolbar-simple .arco-image-preview-toolbar-action{
  margin-right:0;
}
.arco-image-preview-trigger.arco-image-trigger{
  padding:12px 16px;
}
.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action{
  margin-right:0;
  text-align:left;
}
.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action:not(:last-of-type){
  margin-bottom:0;
}
.arco-image-preview-loading{
  align-items:center;
  background-color:#232324;
  border-radius:var(--border-radius-medium);
  box-sizing:border-box;
  color:rgb(var(--primary-6));
  display:flex;
  font-size:18px;
  height:48px;
  justify-content:center;
  left:50%;
  padding:10px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:48px;
}
.arco-image-preview-close-btn{
  background:rgba(0,0,0,.5);
  font-size:14px;
  line-height:32px;
  right:36px;
  text-align:center;
  top:36px;
}
.arco-image-preview-arrow-left,.arco-image-preview-arrow-right,.arco-image-preview-close-btn{
  border-radius:50%;
  color:var(--color-white);
  cursor:pointer;
  height:32px;
  position:absolute;
  width:32px;
}
.arco-image-preview-arrow-left,.arco-image-preview-arrow-right{
  align-items:center;
  background-color:hsla(0,0%,100%,.3);
  display:flex;
  justify-content:center;
  z-index:2;
}
.arco-image-preview-arrow-left>svg,.arco-image-preview-arrow-right>svg{
  color:var(--color-white);
  font-size:16px;
}
.arco-image-preview-arrow-left:hover,.arco-image-preview-arrow-right:hover{
  background-color:hsla(0,0%,100%,.5);
}
.arco-image-preview-arrow-left{
  left:20px;
  top:50%;
  transform:translateY(-50%);
}
.arco-image-preview-arrow-right{
  right:20px;
  top:50%;
  transform:translateY(-50%);
}
.arco-image-preview-arrow-disabled{
  background-color:hsla(0,0%,100%,.2);
  color:hsla(0,0%,100%,.3);
  cursor:not-allowed;
}
.arco-image-preview-arrow-disabled>svg{
  color:hsla(0,0%,100%,.3);
}
.arco-image-preview-arrow-disabled:hover{
  background-color:hsla(0,0%,100%,.2);
}
.fadeImage-appear,.fadeImage-enter{
  opacity:0;
}
.fadeImage-appear-active,.fadeImage-enter-active{
  opacity:1;
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1);
}
.fadeImage-exit{
  opacity:1;
}
.fadeImage-exit-active{
  opacity:0;
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-input{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  appearance:none;
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-1);
  font-size:12px;
  line-height:1.5715;
  outline:none;
  padding:6px 12px;
  transition:color .1s linear,border-color .1s linear,background-color .1s linear;
  width:100%;
}
.arco-input::placeholder{
  color:var(--color-text-3);
}
.arco-input:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-input.arco-input-focus,.arco-input:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-input-error{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-input-error:hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-input-error.arco-input-focus,.arco-input-error:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-input-disabled{
  -webkit-text-fill-color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-input-disabled,.arco-input-disabled:hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:var(--color-text-4);
}
.arco-input-disabled::placeholder{
  color:var(--color-text-4);
}
.arco-input input:disabled{
  -webkit-text-fill-color:var(--color-text-4);
  color:var(--color-text-4);
  opacity:1;
}
.arco-input-word-limit{
  color:var(--color-text-3);
  font-size:12px;
  padding-left:8px;
}
.arco-input-word-limit-error{
  color:rgb(var(--danger-6));
}
.arco-input-size-mini{
  font-size:12px;
  line-height:1.667;
  padding-bottom:1px;
  padding-top:1px;
}
.arco-input-size-small{
  font-size:12px;
  padding-bottom:4px;
  padding-top:4px;
}
.arco-input-size-large{
  font-size:12px;
  padding-bottom:8px;
  padding-top:8px;
}
.arco-input-group-wrapper-mini .arco-input-group-addafter,.arco-input-group-wrapper-mini .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-mini,.arco-input-size-mini{
  padding-left:8px;
  padding-right:8px;
}
.arco-input-group-wrapper-small .arco-input-group-addafter,.arco-input-group-wrapper-small .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-small,.arco-input-size-small{
  padding-left:12px;
  padding-right:12px;
}
.arco-input-group-wrapper-large .arco-input-group-addafter,.arco-input-group-wrapper-large .arco-input-group-addbefore,.arco-input-inner-wrapper.arco-input-inner-wrapper-large,.arco-input-size-large{
  padding-left:16px;
  padding-right:16px;
}
.arco-input-clear-wrapper .arco-input{
  padding-right:24px;
}
.arco-input-clear-icon{
  color:var(--color-text-2);
  cursor:pointer;
  font-size:12px;
}
.arco-input-clear-icon>svg{
  position:relative;
  transition:color .1s linear;
}
.arco-input-inner-wrapper{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  align-items:center;
  appearance:none;
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-1);
  display:inline-flex;
  font-size:12px;
  outline:none;
  padding-left:12px;
  padding-right:12px;
  position:relative;
  transition:color .1s linear,border-color .1s linear,background-color .1s linear;
  width:100%;
}
.arco-input-inner-wrapper::placeholder{
  color:var(--color-text-3);
}
.arco-input-inner-wrapper:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-input-inner-wrapper.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-input-inner-wrapper-error{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-input-inner-wrapper-error:hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus,.arco-input-inner-wrapper-error:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-input-inner-wrapper .arco-input{
  background:none;
  border:none;
  border-radius:0;
  padding-left:0;
  padding-right:0;
}
.arco-input-inner-wrapper .arco-input:focus,.arco-input-inner-wrapper .arco-input:hover{
  background:none;
  box-shadow:none;
}
.arco-input-inner-wrapper-has-prefix>.arco-input,.arco-input-inner-wrapper-has-prefix>.arco-input-clear-wrapper .arco-input{
  padding-left:12px;
}
.arco-input-inner-wrapper>.arco-input-clear-wrapper{
  height:100%;
}
.arco-input-inner-wrapper>.arco-input-clear-wrapper .arco-input{
  padding-right:12px;
}
.arco-input-inner-wrapper>.arco-input-clear-wrapper .arco-input-clear-icon{
  right:8px;
}
.arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-inner-wrapper .arco-input-group-suffix{
  align-items:center;
  display:inline-flex;
  height:100%;
  user-select:none;
  white-space:nowrap;
}
.arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-inner-wrapper .arco-input-group-suffix{
  color:var(--color-text-2);
}
.arco-input-inner-wrapper-disabled{
  -webkit-text-fill-color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-input-inner-wrapper-disabled,.arco-input-inner-wrapper-disabled:hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:var(--color-text-4);
}
.arco-input-inner-wrapper-disabled::placeholder{
  color:var(--color-text-4);
}
.arco-input-inner-wrapper-disabled .arco-input-group-prefix,.arco-input-inner-wrapper-disabled .arco-input-group-suffix{
  color:inherit;
}
.arco-input-inner-wrapper .arco-input-clear-icon{
  display:none;
}
.arco-input-inner-wrapper:hover .arco-input-clear-icon{
  display:inline-block;
}
.arco-input-inner-wrapper:hover .arco-input-clear-icon~.arco-input-group-suffix{
  margin-left:4px;
}
.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover:before{
  background-color:var(--color-fill-4);
}
.arco-input-group{
  display:table;
  height:100%;
  width:100%;
}
.arco-input-group>.arco-input,.arco-input-group>.arco-input-inner-wrapper{
  border-radius:0;
}
.arco-input-group>.arco-input-focus,.arco-input-group>.arco-input-inner-wrapper-focus{
  border-radius:var(--border-radius-small);
}
.arco-input-group>:first-child{
  border-bottom-left-radius:var(--border-radius-small);
  border-top-left-radius:var(--border-radius-small);
}
.arco-input-group>:last-child{
  border-bottom-right-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
}
.arco-input-group-addafter,.arco-input-group-addbefore{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  box-sizing:border-box;
  color:var(--color-text-1);
  display:table-cell;
  height:100%;
  padding:0 12px;
  vertical-align:middle;
  white-space:nowrap;
  width:1px;
}
.arco-input-group-addafter>svg,.arco-input-group-addbefore>svg{
  font-size:14px;
}
.arco-input-group-addafter{
  border-left:1px solid var(--color-neutral-3);
}
.arco-input-group-addafter .arco-input,.arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
}
.arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-addbefore{
  border-right:1px solid var(--color-neutral-3);
}
.arco-input-group-addbefore .arco-input,.arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
}
.arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper{
  display:inline-block;
  vertical-align:top;
  width:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:12px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore{
  font-size:12px;
  height:22px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore>svg{
  font-size:12px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore{
  font-size:12px;
  height:26px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore{
  font-size:12px;
  height:34px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore{
  font-size:12px;
  height:22px;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter>svg,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore>svg{
  font-size:14px;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.arco-input-group-wrapper .arco-input-inner-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper,.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input{
  height:100%;
}
.arco-input-group-wrapper.arco-input-disabled{
  cursor:not-allowed;
}
.arco-input-mirror{
  left:0;
  position:absolute;
  top:0;
  visibility:hidden;
}
.arco-textarea{
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  appearance:none;
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-1);
  font-size:12px;
  height:auto;
  line-height:1.5715;
  max-width:100%;
  min-height:32px;
  outline:none;
  overflow:auto;
  padding:4px 12px;
  position:relative;
  resize:vertical;
  transition:color .1s linear,border-color .1s linear,background-color .1s linear;
  vertical-align:top;
  width:100%;
}
.arco-textarea::placeholder{
  color:var(--color-text-3);
}
.arco-textarea:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-textarea.arco-textarea-focus,.arco-textarea:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
}
.arco-textarea-error{
  background-color:var(--color-danger-light-1);
  border-color:transparent;
}
.arco-textarea-error:hover{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-textarea-error.arco-textarea-focus,.arco-textarea-error:focus{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
}
.arco-textarea-disabled{
  -webkit-text-fill-color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-textarea-disabled,.arco-textarea-disabled:hover{
  background-color:var(--color-fill-2);
  border-color:transparent;
  color:var(--color-text-4);
}
.arco-textarea-disabled::placeholder{
  color:var(--color-text-4);
}
.arco-input-group.arco-input-group-compact>.arco-select{
  vertical-align:unset;
}
.arco-input-group.arco-input-group-compact>*,.arco-input-group.arco-input-group-compact>* .arco-input-group>:first-child,.arco-input-group.arco-input-group-compact>* .arco-input-group>:last-child,.arco-input-group.arco-input-group-compact>.arco-select .arco-select-view{
  border-radius:0;
}
.arco-input-group.arco-input-group-compact>:not(:last-child){
  border-right:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  position:relative;
}
.arco-input-group.arco-input-group-compact>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child,.arco-input-group.arco-input-group-compact>:first-child .arco-input-group>:first-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:first-child .arco-select .arco-select-view{
  border-bottom-left-radius:var(--border-radius-small);
  border-top-left-radius:var(--border-radius-small);
}
.arco-input-group.arco-input-group-compact>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child,.arco-input-group.arco-input-group-compact>:last-child .arco-input-group>:last-child .arco-select .arco-select-view,.arco-input-group.arco-input-group-compact>:last-child .arco-select .arco-select-view{
  border-bottom-right-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
}
.arco-input-group.arco-input-group-compact>.arco-input:not(:last-child){
  border-right-color:var(--color-neutral-3);
}
.arco-input-group.arco-input-group-compact>.arco-input:not(:last-child):focus{
  border-right-color:rgb(var(--primary-6));
}
.size-height-size-mini{
  font-size:12px;
  line-height:1.667;
  padding-bottom:1px;
  padding-top:1px;
}
.size-height-size-small{
  font-size:12px;
  padding-bottom:4px;
  padding-top:4px;
}
.size-height-size-large{
  font-size:12px;
  padding-bottom:8px;
  padding-top:8px;
}
.size-height-group-wrapper-mini .arco-input-group-addafter,.size-height-group-wrapper-mini .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-mini,.size-height-size-mini{
  padding-left:8px;
  padding-right:8px;
}
.size-height-group-wrapper-small .arco-input-group-addafter,.size-height-group-wrapper-small .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-small,.size-height-size-small{
  padding-left:12px;
  padding-right:12px;
}
.size-height-group-wrapper-large .arco-input-group-addafter,.size-height-group-wrapper-large .arco-input-group-addbefore,.size-height-inner-wrapper.size-height-inner-wrapper-large,.size-height-size-large{
  padding-left:16px;
  padding-right:16px;
}
.group-size.group-size-mini .arco-input-group,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix,.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:12px;
}
.group-size.group-size-mini .arco-input-group-addafter,.group-size.group-size-mini .arco-input-group-addbefore{
  font-size:12px;
  height:22px;
}
.group-size.group-size-mini .arco-input-group-addafter>svg,.group-size.group-size-mini .arco-input-group-addbefore>svg{
  font-size:12px;
}
.group-size.group-size-mini .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.group-size-mini .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.group-size-small .arco-input-group,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.group-size.group-size-small .arco-input-group-addafter,.group-size.group-size-small .arco-input-group-addbefore{
  font-size:12px;
  height:26px;
}
.group-size.group-size-small .arco-input-group-addafter>svg,.group-size.group-size-small .arco-input-group-addbefore>svg{
  font-size:14px;
}
.group-size.group-size-small .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.group-size-small .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.group-size-large .arco-input-group,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.group-size.group-size-large .arco-input-group-addafter,.group-size.group-size-large .arco-input-group-addbefore{
  font-size:12px;
  height:34px;
}
.group-size.group-size-large .arco-input-group-addafter>svg,.group-size.group-size-large .arco-input-group-addbefore>svg{
  font-size:14px;
}
.group-size.group-size-large .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.group-size-large .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.arco-input-custom-height .arco-input-group,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix{
  font-size:12px;
}
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix>svg,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix>svg{
  font-size:14px;
}
.group-size.arco-input-custom-height .arco-input-group-addafter,.group-size.arco-input-custom-height .arco-input-group-addbefore{
  font-size:12px;
  height:22px;
}
.group-size.arco-input-custom-height .arco-input-group-addafter>svg,.group-size.arco-input-custom-height .arco-input-group-addbefore>svg{
  font-size:14px;
}
.group-size.arco-input-custom-height .arco-input-group-addafter .item-style{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input{
  border-bottom-left-radius:0;
  border-color:transparent;
  border-top-left-radius:0;
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select{
  height:100%;
  margin:-1px -13px -1px -12px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view{
  height:100%;
}
.group-size.arco-input-custom-height .arco-input-group-addbefore .item-style{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input{
  border-bottom-right-radius:0;
  border-color:transparent;
  border-top-right-radius:0;
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select{
  height:100%;
  margin:-1px -12px -1px -13px;
  width:auto;
}
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view{
  background-color:inherit;
  border-color:transparent;
  border-radius:0;
}
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view,.group-size.arco-input-custom-height .arco-input-inner-wrapper,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper,.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input{
  height:100%;
}
.arco-textarea-wrapper{
  position:relative;
  width:100%;
}
.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon,.arco-textarea-wrapper{
  display:inline-block;
}
.arco-textarea-clear-wrapper .arco-textarea{
  padding-right:20px;
}
.arco-textarea-word-limit{
  bottom:6px;
  color:var(--color-text-3);
  font-size:12px;
  position:absolute;
  right:10px;
  user-select:none;
}
.arco-textarea-word-limit-error{
  color:rgb(var(--danger-6));
}
.arco-textarea-clear-icon{
  color:var(--color-text-2);
  display:none;
  font-size:12px;
  position:absolute;
  right:10px;
  top:10px;
}
.arco-textarea-clear-icon>svg{
  position:relative;
  transition:color .1s linear;
}
.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore{
  transition:all .1s linear;
}
.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter{
  border:none;
  padding:0;
}
.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix{
  color:var(--color-text-2);
  font-size:14px;
}
.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore{
  color:var(--color-text-2);
  cursor:pointer;
  font-size:14px;
}
.arco-input-search.arco-input-group-wrapper .arco-input-search-btn{
  border-bottom-left-radius:0;
  border-top-left-radius:0;
  color:var(--color-white);
  font-size:14px;
  height:100%;
}
.arco-input-search-button .arco-input-inner-wrapper{
  border-bottom-right-radius:0;
  border-right:none;
  border-top-right-radius:0;
}
.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix{
  color:var(--color-text-2);
  cursor:pointer;
  font-size:12px;
}
.arco-input-number{
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  display:inline-block;
  position:relative;
  width:100%;
}
.arco-input-number-step-button{
  align-items:center;
  background-color:var(--color-fill-2);
  border-color:var(--color-neutral-3);
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  display:flex;
  justify-content:center;
  transition:all .1s linear;
  user-select:none;
}
.arco-input-number-step-button:hover{
  background-color:var(--color-fill-3);
  border-color:var(--color-fill-3);
}
.arco-input-number-step-button:active{
  background-color:var(--color-fill-4);
  border-color:var(--color-fill-4);
}
.arco-input-number-step-button-disabled{
  background-color:var(--color-fill-2);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-input-number-step-button-disabled:active,.arco-input-number-step-button-disabled:hover{
  background-color:var(--color-fill-2);
  border-color:var(--color-neutral-3);
}
.arco-input-number-prefix,.arco-input-number-suffix{
  transition:all .1s linear;
}
.arco-input-number-mode-embed .arco-input-number-step-layer{
  border-radius:1px;
  bottom:4px;
  opacity:0;
  overflow:hidden;
  position:absolute;
  right:4px;
  top:4px;
  transition:all .1s linear;
  width:18px;
}
.arco-input-number-mode-embed .arco-input-number-step-layer .arco-input-number-step-button{
  font-size:10px;
  height:50%;
  width:100%;
}
.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer{
  opacity:1;
}
.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer~.arco-input-number-suffix{
  opacity:0;
  pointer-events:none;
}
.arco-input-number-mode-embed .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover{
  background-color:var(--color-fill-4);
}
.arco-input-number-mode-button .arco-input{
  text-align:center;
}
.arco-input-number-mode-button .arco-input-group{
  position:relative;
}
.arco-input-number-mode-button .arco-input-group-addafter,.arco-input-number-mode-button .arco-input-group-addbefore{
  padding:0;
}
.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button{
  border:inherit;
  height:100%;
  position:absolute;
  top:0;
}
.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button:active{
  border-color:var(--color-fill-4);
}
.arco-input-number-mode-button .arco-input-group-addbefore .arco-input-number-step-button{
  border-right-color:var(--color-neutral-3);
  left:0;
}
.arco-input-number-mode-button .arco-input-group-addafter .arco-input-number-step-button{
  border-left-color:var(--color-neutral-3);
  right:0;
}
.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore .arco-input-number-step-button{
  width:24px;
}
.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore .arco-input-number-step-button{
  width:28px;
}
.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore .arco-input-number-step-button{
  width:32px;
}
.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter .arco-input-number-step-button,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore,.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore .arco-input-number-step-button{
  width:36px;
}
.arco-input-number-readonly .arco-input-number-step-button{
  color:var(--color-text-4);
  pointer-events:none;
}
.arco-input-number-illegal-value input{
  color:rgb(var(--danger-6));
}
.arco-input-tag{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-1);
  cursor:text;
  display:inline-block;
  padding-left:4px;
  padding-right:4px;
  transition:all .1s linear;
  vertical-align:top;
  width:100%;
}
.arco-input-tag-view{
  display:flex;
  width:100%;
}
.arco-input-tag-inner{
  flex-grow:1;
  flex-wrap:wrap;
  overflow:hidden;
  position:relative;
}
.arco-input-tag-inner,.arco-input-tag-suffix{
  align-items:center;
  box-sizing:border-box;
  display:flex;
}
.arco-input-tag-suffix{
  justify-content:center;
  min-width:22px;
  padding-right:8px;
}
.arco-input-tag .arco-input-tag-clear-icon{
  color:var(--color-text-2);
  cursor:pointer;
  display:none;
  font-size:12px;
}
.arco-input-tag .arco-input-tag-clear-icon>svg{
  position:relative;
  transition:color .1s linear;
}
.arco-input-tag:hover .arco-input-tag-clear-icon{
  display:block;
}
.arco-input-tag:hover .arco-input-tag-clear-icon~*{
  display:none;
}
.arco-input-tag:not(.arco-input-tag-focus) .arco-input-tag-clear-icon:hover:before{
  background-color:var(--color-fill-4);
}
.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item{
  cursor:move;
}
.arco-input-tag-input{
  background:none;
  border:none;
  color:inherit;
  cursor:inherit;
  font-size:inherit;
  outline:none;
  padding:0;
  width:100%;
}
.arco-input-tag-input-mirror{
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  visibility:hidden;
}
.arco-input-tag-input::placeholder{
  color:var(--color-text-3);
}
.arco-input-tag-tag{
  font-size:12px;
  margin-right:4px;
}
.arco-input-tag .arco-icon-hover{
  cursor:pointer;
}
.arco-input-tag .arco-icon-hover.arco-icon-hover-disabled{
  cursor:not-allowed;
}
.arco-input-tag:hover{
  background-color:var(--color-fill-3);
  border:1px solid transparent;
}
.arco-input-tag.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border:1px solid rgb(var(--primary-6));
  box-shadow:0 0 0 0 rgb(var(--primary-2));
}
.arco-input-tag .arco-input-tag-tag{
  align-items:center;
  background-color:var(--color-bg-2);
  border-color:var(--color-fill-3);
  color:var(--color-text-1);
  display:inline-flex;
}
.arco-input-tag .arco-input-tag-tag-content{
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.arco-input-tag .arco-icon-hover:hover:before{
  background-color:var(--color-fill-2);
}
.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag{
  background-color:var(--color-fill-2);
  border-color:var(--color-fill-2);
}
.arco-input-tag.arco-input-tag-focus .arco-icon-hover:hover:before{
  background-color:var(--color-fill-3);
}
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag{
  background-color:var(--color-fill-2);
  border-color:var(--color-fill-3);
  color:var(--color-text-4);
}
.arco-input-tag-disabled{
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-input-tag-disabled,.arco-input-tag-disabled:hover{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
}
.arco-input-tag-disabled .arco-input-tag-input::placeholder{
  color:var(--color-text-4);
}
.arco-input-tag-error{
  background-color:rgb(var(--danger-1));
  border:1px solid transparent;
  color:var(--color-text-1);
}
.arco-input-tag-error:hover{
  background-color:rgb(var(--danger-2));
  border:1px solid transparent;
}
.arco-input-tag-error.arco-input-tag-focus{
  background-color:var(--color-bg-2);
  border:1px solid rgb(var(--danger-6));
  box-shadow:0 0 0 0 rgb(var(--danger-2));
}
.arco-input-tag-readonly{
  cursor:default;
}
.arco-input-tag-size-mini{
  font-size:12px;
}
.arco-input-tag-size-mini .arco-input-tag-view{
  min-height:22px;
}
.arco-input-tag-size-mini .arco-input-tag-inner{
  padding-bottom:-1px;
  padding-top:-1px;
}
.arco-input-tag-size-mini .arco-input-tag-tag,.arco-input-tag-size-mini .arco-input-tag-tag+.arco-input-tag-input{
  height:20px;
  line-height:18px;
  margin-bottom:1px;
  margin-top:1px;
}
.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-mini.arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:4px;
}
.arco-input-tag-size-default{
  font-size:12px;
}
.arco-input-tag-size-default .arco-input-tag-view{
  min-height:30px;
}
.arco-input-tag-size-default .arco-input-tag-inner{
  padding-bottom:1px;
  padding-top:1px;
}
.arco-input-tag-size-default .arco-input-tag-tag,.arco-input-tag-size-default .arco-input-tag-tag+.arco-input-tag-input{
  height:24px;
  line-height:22px;
  margin-bottom:1px;
  margin-top:1px;
}
.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-default.arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-input-tag-size-small{
  font-size:12px;
}
.arco-input-tag-size-small .arco-input-tag-view{
  min-height:26px;
}
.arco-input-tag-size-small .arco-input-tag-inner{
  padding-bottom:1px;
  padding-top:1px;
}
.arco-input-tag-size-small .arco-input-tag-tag,.arco-input-tag-size-small .arco-input-tag-tag+.arco-input-tag-input{
  height:20px;
  line-height:18px;
  margin-bottom:1px;
  margin-top:1px;
}
.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-small.arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-input-tag-size-large{
  font-size:16px;
}
.arco-input-tag-size-large .arco-input-tag-view{
  min-height:34px;
}
.arco-input-tag-size-large .arco-input-tag-inner{
  padding-bottom:1px;
  padding-top:1px;
}
.arco-input-tag-size-large .arco-input-tag-tag,.arco-input-tag-size-large .arco-input-tag-tag+.arco-input-tag-input{
  height:28px;
  line-height:26px;
  margin-bottom:1px;
  margin-top:1px;
}
.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-input-tag-size-large.arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:12px;
}
.arco-layout{
  display:flex;
  flex:1;
  flex-direction:column;
  margin:0;
  padding:0;
}
.arco-layout-sider{
  background:var(--color-menu-dark-bg);
  flex:none;
  margin:0;
  padding:0;
  position:relative;
  transition:width .2s cubic-bezier(.34, .69, .1, 1);
  width:auto;
}
.arco-layout-sider-children{
  height:100%;
  overflow:auto;
}
.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar{
  width:0;
}
.arco-layout-sider-has-trigger{
  box-sizing:border-box;
  padding-bottom:48px;
}
.arco-layout-sider-trigger{
  background:hsla(0,0%,100%,.2);
  box-sizing:border-box;
  color:var(--color-white);
  cursor:pointer;
  height:48px;
  line-height:48px;
  text-align:center;
  transition:width .2s cubic-bezier(.34, .69, .1, 1);
  width:100%;
  z-index:1;
}
.arco-layout-sider-trigger-light{
  background:var(--color-menu-light-bg);
  border-top:1px solid var(--color-bg-5);
  color:var(--color-text-1);
}
.arco-layout-sider-light{
  background:var(--color-menu-light-bg);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.08);
}
.arco-layout-header{
  box-sizing:border-box;
  flex:0 0 auto;
  margin:0;
}
.arco-layout-content{
  flex:1;
}
.arco-layout-footer{
  flex:0 0 auto;
  margin:0;
}
.arco-layout-has-sider{
  flex-direction:row;
}
.arco-layout-has-sider>.arco-layout,.arco-layout-has-sider>.arco-layout-content{
  overflow-x:hidden;
}
.arco-link{
  background-color:transparent;
  border-radius:var(--border-radius-small);
  color:rgb(var(--link-6));
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  line-height:1.5715;
  padding:1px 4px;
  text-decoration:none;
  transition:all .1s linear;
}
.arco-link:hover{
  background-color:var(--color-fill-2);
  color:rgb(var(--link-6));
}
.arco-link:active{
  background-color:var(--color-fill-3);
  color:rgb(var(--link-6));
  transition:none;
}
.arco-link.arco-link-hoverless{
  background-color:unset;
  display:inline;
  padding:0;
}
.arco-link.arco-link-hoverless:active,.arco-link.arco-link-hoverless:hover{
  background-color:unset;
}
.arco-link.arco-link-disabled{
  background:none;
  color:var(--color-link-light-3);
  cursor:not-allowed;
}
.arco-link-is-success,.arco-link-is-success:active,.arco-link-is-success:hover{
  color:rgb(var(--success-6));
}
.arco-link-is-success.arco-link-disabled{
  color:var(--color-success-light-3);
}
.arco-link-is-error,.arco-link-is-error:active,.arco-link-is-error:hover{
  color:rgb(var(--danger-6));
}
.arco-link-is-error.arco-link-disabled{
  color:var(--color-danger-light-3);
}
.arco-link-is-warning,.arco-link-is-warning:active,.arco-link-is-warning:hover{
  color:rgb(var(--warning-6));
}
.arco-link-is-warning.arco-link-disabled{
  color:var(--color-warning-light-2);
}
.arco-link-icon{
  font-size:12px;
  margin-right:6px;
}
.arco-list{
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-sizing:border-box;
  color:var(--color-text-1);
  display:flex;
  flex-direction:column;
  font-size:12px;
  line-height:1.5715;
  overflow-y:auto;
  width:100%;
}
.arco-list-wrapper{
  overflow:hidden;
}
.arco-list-small>.arco-list-header{
  padding:8px 20px;
}
.arco-list-small>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-small>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-small>.arco-list-content>.arco-list-item,.arco-list-small>.arco-list-footer{
  padding:9px 20px;
}
.arco-list-default>.arco-list-header{
  padding:12px 20px;
}
.arco-list-default>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-default>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-default>.arco-list-content>.arco-list-item,.arco-list-default>.arco-list-footer{
  padding:13px 20px;
}
.arco-list-large>.arco-list-header{
  padding:16px 20px;
}
.arco-list-large>.arco-list-content .arco-list-row-col>.arco-list-item,.arco-list-large>.arco-list-content.arco-list-virtual .arco-list-item,.arco-list-large>.arco-list-content>.arco-list-item,.arco-list-large>.arco-list-footer{
  padding:17px 20px;
}
.arco-list-header,.arco-list-item:not(:last-child){
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-list-footer{
  border-top:1px solid var(--color-neutral-3);
}
.arco-list-no-border,.arco-list-no-split .arco-list-footer,.arco-list-no-split .arco-list-header,.arco-list-no-split .arco-list-item{
  border:none;
}
.arco-list-header{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
  line-height:1.5;
}
.arco-list-item{
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  overflow:hidden;
  width:100%;
}
.arco-list-item-main{
  flex:1;
  overflow:hidden;
}
.arco-list-item-main .arco-list-item-action:not(:first-child){
  margin-top:4px;
}
.arco-list-item-meta{
  align-items:center;
  display:flex;
  padding:4px 0;
}
.arco-list-item-meta-avatar{
  display:flex;
}
.arco-list-item-meta-avatar:not(:last-child){
  margin-right:16px;
}
.arco-list-item-meta-title{
  color:var(--color-text-1);
  font-weight:500;
}
.arco-list-item-meta-title:not(:last-child){
  margin-bottom:2px;
}
.arco-list-item-meta-description{
  color:var(--color-text-2);
}
.arco-list-item-action{
  align-self:center;
  display:flex;
  flex-wrap:nowrap;
  list-style:none;
}
.arco-list-item-action>li{
  cursor:pointer;
  display:inline-block;
}
.arco-list-item-action>li:not(:last-child){
  margin-right:20px;
}
.arco-list-hoverable .arco-list-item:hover{
  background-color:var(--color-fill-1);
}
.arco-list-pagination{
  float:right;
  margin-top:24px;
}
.arco-list-pagination:after{
  clear:both;
  content:"";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
}
.arco-list-scroll-loading{
  align-items:center;
  display:flex;
  justify-content:center;
}
.arco-list-content{
  flex:1;
}
.arco-list-content .arco-empty{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
}
.arco-mentions{
  box-sizing:border-box;
  display:inline-block;
  position:relative;
  vertical-align:middle;
  white-space:pre-wrap;
  width:100%;
}
.arco-mentions-measure,.arco-mentions-textarea{
  font-size:12px;
  line-height:1.5715;
  padding:4px 12px;
  white-space:inherit;
}
.arco-mentions-textarea{
  resize:none;
}
.arco-mentions-align-textarea .arco-mentions-measure-trigger,.arco-mentions-measure{
  bottom:0;
  left:0;
  overflow:auto;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  visibility:hidden;
}
@keyframes arco-menu-selected-item-label-enter{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.arco-menu{
  box-sizing:border-box;
  font-size:14px;
  line-height:1.5715;
  position:relative;
  transition:width .2s cubic-bezier(.34, .69, .1, 1);
  width:100%;
}
.arco-menu:focus-visible{
  outline:3px solid var(--color-primary-light-2);
}
.arco-menu-indent{
  display:inline-block;
  width:20px;
}
.arco-menu .arco-menu-group-title,.arco-menu .arco-menu-inline-header,.arco-menu .arco-menu-item,.arco-menu .arco-menu-pop-header{
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  cursor:pointer;
  position:relative;
}
.arco-menu .arco-menu-group-title.arco-menu-disabled,.arco-menu .arco-menu-inline-header.arco-menu-disabled,.arco-menu .arco-menu-item.arco-menu-disabled,.arco-menu .arco-menu-pop-header.arco-menu-disabled{
  cursor:not-allowed;
}
.arco-menu .arco-menu-group-title.arco-menu-selected,.arco-menu .arco-menu-inline-header.arco-menu-selected,.arco-menu .arco-menu-item.arco-menu-selected,.arco-menu .arco-menu-pop-header.arco-menu-selected{
  font-weight:500;
  transition:color .2s linear;
}
.arco-menu .arco-menu-group-title.arco-menu-selected svg,.arco-menu .arco-menu-inline-header.arco-menu-selected svg,.arco-menu .arco-menu-item.arco-menu-selected svg,.arco-menu .arco-menu-pop-header.arco-menu-selected svg{
  transition:color .2s linear;
}
.arco-menu .arco-menu-group-title .arco-icon,.arco-menu .arco-menu-inline-header .arco-icon,.arco-menu .arco-menu-item .arco-icon,.arco-menu .arco-menu-pop-header .arco-icon{
  margin-right:16px;
}
.arco-menu-light{
  background-color:var(--color-menu-light-bg);
}
.arco-menu-light .arco-menu-group-title,.arco-menu-light .arco-menu-inline-header,.arco-menu-light .arco-menu-item,.arco-menu-light .arco-menu-pop-header{
  background-color:var(--color-menu-light-bg);
  color:var(--color-text-2);
}
.arco-menu-light .arco-menu-group-title .arco-icon,.arco-menu-light .arco-menu-inline-header .arco-icon,.arco-menu-light .arco-menu-item .arco-icon,.arco-menu-light .arco-menu-pop-header .arco-icon{
  color:var(--color-text-3);
}
.arco-menu-light .arco-menu-group-title:hover,.arco-menu-light .arco-menu-inline-header:hover,.arco-menu-light .arco-menu-item:hover,.arco-menu-light .arco-menu-pop-header:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-2);
}
.arco-menu-light .arco-menu-group-title:hover .arco-icon,.arco-menu-light .arco-menu-inline-header:hover .arco-icon,.arco-menu-light .arco-menu-item:hover .arco-icon,.arco-menu-light .arco-menu-pop-header:hover .arco-icon{
  color:var(--color-text-3);
}
.arco-menu-light .arco-menu-group-title.arco-menu-active,.arco-menu-light .arco-menu-inline-header.arco-menu-active,.arco-menu-light .arco-menu-item.arco-menu-active,.arco-menu-light .arco-menu-pop-header.arco-menu-active{
  box-shadow:0 0 0 1px rgb(var(--primary-6)) inset;
}
.arco-menu-light .arco-menu-group-title.arco-menu-selected,.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-inline-header.arco-menu-selected,.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-item.arco-menu-selected,.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,.arco-menu-light .arco-menu-pop-header.arco-menu-selected,.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon{
  color:rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-group-title.arco-menu-disabled,.arco-menu-light .arco-menu-inline-header.arco-menu-disabled,.arco-menu-light .arco-menu-item.arco-menu-disabled,.arco-menu-light .arco-menu-pop-header.arco-menu-disabled{
  background-color:var(--color-menu-light-bg);
  color:var(--color-text-4);
}
.arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon,.arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon{
  color:var(--color-text-4);
}
.arco-menu-light .arco-menu-item.arco-menu-selected{
  background-color:var(--color-fill-2);
}
.arco-menu-light .arco-menu-inline-header.arco-menu-selected,.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon{
  color:rgb(var(--primary-6));
}
.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover{
  background-color:var(--color-fill-2);
}
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected,.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected{
  background:none;
  transition:color .2s linear;
}
.arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,.arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover{
  background-color:var(--color-fill-2);
}
.arco-menu-light .arco-menu-group-title{
  color:var(--color-text-3);
  pointer-events:none;
}
.arco-menu-light .arco-menu-collapse-button{
  background-color:var(--color-fill-1);
  color:var(--color-text-3);
}
.arco-menu-light .arco-menu-collapse-button:hover{
  background-color:var(--color-fill-3);
}
.arco-menu-dark{
  background-color:var(--color-menu-dark-bg);
}
.arco-menu-dark .arco-menu-group-title,.arco-menu-dark .arco-menu-inline-header,.arco-menu-dark .arco-menu-item,.arco-menu-dark .arco-menu-pop-header{
  background-color:var(--color-menu-dark-bg);
  color:var(--color-text-4);
}
.arco-menu-dark .arco-menu-group-title .arco-icon,.arco-menu-dark .arco-menu-inline-header .arco-icon,.arco-menu-dark .arco-menu-item .arco-icon,.arco-menu-dark .arco-menu-pop-header .arco-icon{
  color:var(--color-text-3);
}
.arco-menu-dark .arco-menu-group-title:hover,.arco-menu-dark .arco-menu-inline-header:hover,.arco-menu-dark .arco-menu-item:hover,.arco-menu-dark .arco-menu-pop-header:hover{
  background-color:var(--color-menu-dark-hover);
  color:var(--color-text-4);
}
.arco-menu-dark .arco-menu-group-title:hover .arco-icon,.arco-menu-dark .arco-menu-inline-header:hover .arco-icon,.arco-menu-dark .arco-menu-item:hover .arco-icon,.arco-menu-dark .arco-menu-pop-header:hover .arco-icon{
  color:var(--color-text-3);
}
.arco-menu-dark .arco-menu-group-title.arco-menu-active,.arco-menu-dark .arco-menu-inline-header.arco-menu-active,.arco-menu-dark .arco-menu-item.arco-menu-active,.arco-menu-dark .arco-menu-pop-header.arco-menu-active{
  box-shadow:0 0 0 1px rgb(var(--primary-6)) inset;
}
.arco-menu-dark .arco-menu-group-title.arco-menu-selected,.arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-item.arco-menu-selected,.arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon,.arco-menu-dark .arco-menu-pop-header.arco-menu-selected,.arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon{
  color:var(--color-white);
}
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled,.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled,.arco-menu-dark .arco-menu-item.arco-menu-disabled,.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled{
  background-color:var(--color-menu-dark-bg);
  color:var(--color-text-2);
}
.arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon,.arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon{
  color:var(--color-text-2);
}
.arco-menu-dark .arco-menu-item.arco-menu-selected{
  background-color:var(--color-menu-dark-hover);
}
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon{
  color:rgb(var(--primary-6));
}
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover{
  background-color:var(--color-menu-dark-hover);
}
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected,.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected{
  background:none;
  transition:color .2s linear;
}
.arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover,.arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover{
  background-color:var(--color-menu-dark-hover);
}
.arco-menu-dark .arco-menu-group-title{
  color:var(--color-text-3);
  pointer-events:none;
}
.arco-menu-dark .arco-menu-collapse-button{
  background-color:rgb(var(--primary-6));
  color:var(--color-white);
}
.arco-menu-dark .arco-menu-collapse-button:hover{
  background-color:rgb(var(--primary-7));
}
.arco-menu a,.arco-menu a:active,.arco-menu a:focus,.arco-menu a:hover{
  color:inherit;
  cursor:inherit;
  text-decoration:none;
}
.arco-menu-inner{
  box-sizing:border-box;
  height:100%;
  overflow:auto;
  width:100%;
}
.arco-menu-icon-suffix.is-open{
  transform:rotate(180deg);
}
.arco-menu-vertical .arco-menu-group-title,.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-item,.arco-menu-vertical .arco-menu-pop-header{
  line-height:40px;
  padding:0 12px;
}
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon{
  margin-right:0;
}
.arco-menu-vertical .arco-menu-group-title,.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-item,.arco-menu-vertical .arco-menu-pop-header{
  margin-bottom:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner,.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner,.arco-menu-vertical .arco-menu-item .arco-menu-item-inner,.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix,.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix{
  position:absolute;
  right:12px;
}
.arco-menu-vertical .arco-menu-inner{
  padding:4px 8px;
}
.arco-menu-vertical .arco-menu-item.arco-menu-item-indented{
  display:flex;
}
.arco-menu-vertical .arco-menu-inline-header,.arco-menu-vertical .arco-menu-pop-header{
  padding-right:28px;
}
.arco-menu-horizontal{
  height:auto;
  width:auto;
}
.arco-menu-horizontal .arco-menu-group-title,.arco-menu-horizontal .arco-menu-inline-header,.arco-menu-horizontal .arco-menu-item,.arco-menu-horizontal .arco-menu-pop-header{
  line-height:30px;
  padding:0 12px;
}
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon,.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon{
  margin-right:0;
}
.arco-menu-horizontal .arco-menu-group-title .arco-icon,.arco-menu-horizontal .arco-menu-inline-header .arco-icon,.arco-menu-horizontal .arco-menu-item .arco-icon,.arco-menu-horizontal .arco-menu-pop-header .arco-icon{
  margin-right:16px;
}
.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix,.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix{
  margin-left:6px;
}
.arco-menu-horizontal .arco-menu-inner{
  align-items:center;
  display:flex;
  padding:14px 20px;
}
.arco-menu-horizontal .arco-menu-item,.arco-menu-horizontal .arco-menu-pop{
  display:inline-block;
  flex-shrink:0;
  vertical-align:middle;
}
.arco-menu-horizontal .arco-menu-item:not(:first-child),.arco-menu-horizontal .arco-menu-pop:not(:first-child){
  margin-left:12px;
}
.arco-menu-horizontal .arco-menu-pop:after{
  bottom:-14px;
  content:" ";
  height:14px;
  left:0;
  position:absolute;
  width:100%;
}
.arco-menu-overflow-wrap{
  width:100%;
}
.arco-menu-overflow-hidden-menu-item,.arco-menu-overflow-sub-menu-mirror{
  pointer-events:none;
  position:absolute !important;
  visibility:hidden;
  white-space:nowrap;
}
.arco-menu-selected-label{
  animation:arco-menu-selected-item-label-enter .2s linear;
  background-color:rgb(var(--primary-6));
  bottom:-14px;
  height:3px;
  left:12px;
  position:absolute;
  right:12px;
}
.arco-menu-pop-button{
  background:none;
  box-shadow:none;
  width:auto;
}
.arco-menu-pop-button.arco-menu-collapse{
  width:auto;
}
.arco-menu-pop-button .arco-menu-group-title,.arco-menu-pop-button .arco-menu-inline-header,.arco-menu-pop-button .arco-menu-item,.arco-menu-pop-button .arco-menu-pop-header{
  border:1px solid transparent;
  border-radius:50%;
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  height:40px;
  line-height:40px;
  margin-bottom:16px;
  width:40px;
}
.arco-menu-collapse{
  width:48px;
}
.arco-menu-collapse .arco-menu-inner{
  padding:4px;
}
.arco-menu-collapse .arco-menu-icon-suffix{
  display:none;
}
.arco-menu-collapse .arco-menu-group-title .arco-icon,.arco-menu-collapse .arco-menu-inline-header .arco-icon,.arco-menu-collapse .arco-menu-item .arco-icon,.arco-menu-collapse .arco-menu-pop-header .arco-icon{
  margin-right:100%;
}
.arco-menu-collapse-button{
  align-items:center;
  border-radius:var(--border-radius-small);
  bottom:12px;
  cursor:pointer;
  display:flex;
  height:24px;
  justify-content:center;
  position:absolute;
  right:12px;
  width:24px;
}
.arco-menu-inline-content{
  height:auto;
  overflow:hidden;
  transition:height .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-menu-inline-content-hide{
  height:0;
}
.arco-menu-item-tooltip a{
  color:inherit;
  cursor:text;
}
.arco-menu-item-tooltip a:active,.arco-menu-item-tooltip a:focus,.arco-menu-item-tooltip a:hover{
  color:inherit;
}
.arco-menu-pop-trigger.arco-trigger-position-bl{
  transform:translateY(14px);
}
.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow{
  border-left:1px solid var(--color-neutral-3);
  border-top:1px solid var(--color-neutral-3);
  z-index:0;
}
.arco-menu-pop-trigger.arco-trigger-position-rt{
  transform:translateX(8px);
}
.arco-menu-pop-trigger.arco-trigger-position-rt .arco-trigger-arrow{
  border-bottom:1px solid var(--color-neutral-3);
  border-left:1px solid var(--color-neutral-3);
  z-index:0;
}
.arco-menu-pop-trigger .arco-dropdown-menu-dark~.arco-trigger-arrow-container .arco-trigger-arrow{
  background-color:var(--color-menu-dark-bg);
  border-color:var(--color-menu-dark-bg);
}
.arco-message-wrapper{
  box-sizing:border-box;
  padding:0 10px;
  pointer-events:none;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:1003;
}
.arco-message-wrapper-top{
  top:40px;
}
.arco-message-wrapper-bottom{
  bottom:40px;
}
.arco-message{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-small);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  display:inline-block;
  line-height:1;
  margin-bottom:16px;
  overflow:hidden;
  padding:10px 16px;
  pointer-events:auto;
  position:relative;
  text-align:center;
  transition:opacity .1s linear;
}
.arco-message-closable{
  padding-right:38px;
}
.arco-message-icon{
  animation:arco-msg-fade .1s linear,arco-msg-fade .4s cubic-bezier(.3, 1.3, .3, 1);
  display:inline-block;
  font-size:20px;
  margin-right:8px;
}
.arco-message-content,.arco-message-icon{
  color:var(--color-text-1);
  vertical-align:middle;
}
.arco-message-content{
  font-size:12px;
}
.arco-message-info{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-message-info .arco-message-icon{
  color:rgb(var(--primary-6));
}
.arco-message-info .arco-message-content{
  color:var(--color-text-1);
}
.arco-message-success{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-message-success .arco-message-icon{
  color:rgb(var(--success-6));
}
.arco-message-success .arco-message-content{
  color:var(--color-text-1);
}
.arco-message-warning{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-message-warning .arco-message-icon{
  color:rgb(var(--warning-6));
}
.arco-message-warning .arco-message-content{
  color:var(--color-text-1);
}
.arco-message-error{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-message-error .arco-message-icon{
  color:rgb(var(--danger-6));
}
.arco-message-error .arco-message-content{
  color:var(--color-text-1);
}
.arco-message-loading{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-message-loading .arco-message-icon{
  color:rgb(var(--primary-6));
}
.arco-message-close-btn,.arco-message-loading .arco-message-content{
  color:var(--color-text-1);
}
.arco-message-close-btn{
  font-size:12px;
  position:absolute;
  right:12px;
  top:14px;
}
.arco-message-close-btn>svg{
  position:relative;
}
.arco-message .arco-icon-hover.arco-message-icon-hover:before{
  height:20px;
  width:20px;
}
.fadeMessage-appear,.fadeMessage-enter{
  opacity:0;
}
.fadeMessage-appear-active,.fadeMessage-enter-active{
  opacity:1;
  transition:opacity .1s linear;
}
.fadeMessage-exit{
  opacity:0;
  overflow:hidden;
}
.fadeMessage-exit-active{
  height:0;
  opacity:0;
  transition:all .3s cubic-bezier(.34, .69, .1, 1);
}
@keyframes arco-msg-fade{
  0%{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
@keyframes arco-msg-scale{
  0%{
    transform:scale(0);
  }
  to{
    transform:scale(1);
  }
}
.arco-modal-mask{
  background-color:var(--color-mask-bg);
  display:none;
}
.arco-modal-mask,.arco-modal-wrapper{
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:1001;
}
.arco-modal-wrapper{
  overflow:auto;
}
.arco-modal-wrapper-no-mask{
  pointer-events:none;
}
.arco-modal-wrapper-no-mask .arco-modal{
  pointer-events:auto;
}
.arco-modal-wrapper.arco-modal-wrapper-align-center{
  text-align:center;
  white-space:nowrap;
}
.arco-modal-wrapper.arco-modal-wrapper-align-center:after{
  content:"";
  display:inline-block;
  height:100%;
  vertical-align:middle;
  width:0;
}
.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal{
  display:inline-block;
  top:0;
  vertical-align:middle;
}
.arco-modal{
  background-color:var(--color-bg-3);
  border:0 solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:none;
  box-sizing:border-box;
  line-height:1.5715;
  margin:0 auto;
  position:relative;
  text-align:left;
  top:100px;
  white-space:normal;
  width:520px;
}
.arco-modal-header{
  align-items:center;
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  display:flex;
  height:48px;
  padding:0 20px;
  width:100%;
}
.arco-modal-header .arco-modal-title{
  flex:1;
  text-align:center;
}
.arco-modal-content{
  color:var(--color-text-1);
  font-size:12px;
  padding:24px 20px;
  position:relative;
}
.arco-modal-footer{
  border-top:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  padding:16px 20px;
  text-align:right;
  width:100%;
}
.arco-modal-footer>.arco-btn{
  margin-left:12px;
}
.arco-modal-footer>.arco-btn:only-child{
  margin-left:0;
}
.arco-modal .arco-modal-close-icon{
  color:var(--color-text-1);
  cursor:pointer;
  font-size:12px;
  position:absolute;
  right:20px;
  top:18px;
}
.arco-modal-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
}
.arco-modal-title .arco-icon{
  font-size:18px;
  margin-right:10px;
  vertical-align:-3px;
}
.arco-modal-title .arco-icon-info-circle-fill{
  color:rgb(var(--primary-6));
}
.arco-modal-title .arco-icon-check-circle-fill{
  color:rgb(var(--success-6));
}
.arco-modal-title .arco-icon-exclamation-circle-fill{
  color:rgb(var(--warning-6));
}
.arco-modal-title .arco-icon-close-circle-fill{
  color:rgb(var(--danger-6));
}
.arco-modal-simple{
  padding:24px 32px 32px;
  width:464px;
}
.arco-modal-simple .arco-modal-footer,.arco-modal-simple .arco-modal-header{
  border:none;
  height:unset;
  padding:0;
}
.arco-modal-simple .arco-modal-header{
  margin-bottom:24px;
}
.arco-modal-simple .arco-modal-title{
  text-align:center;
}
.arco-modal-simple .arco-modal-footer{
  margin-top:32px;
  text-align:center;
}
.arco-modal-simple .arco-modal-content{
  padding:0;
}
.zoomModal-appear,.zoomModal-enter{
  opacity:0;
  transform:scale(.5);
}
.zoomModal-appear-active,.zoomModal-enter-active{
  opacity:1;
  transform:scale(1);
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1),transform .4s cubic-bezier(.3, 1.3, .3, 1);
}
.zoomModal-exit{
  opacity:1;
  transform:scale(1);
}
.zoomModal-exit-active{
  opacity:0;
  transform:scale(.5);
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1),transform .4s cubic-bezier(.3, 1.3, .3, 1);
}
.fadeModal-appear,.fadeModal-enter{
  opacity:0;
}
.fadeModal-appear-active,.fadeModal-enter-active{
  opacity:1;
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1);
}
.fadeModal-exit{
  opacity:1;
}
.fadeModal-exit-active{
  opacity:0;
  transition:opacity .4s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-notification-wrapper{
  position:fixed;
  z-index:1003;
}
.arco-notification-wrapper-topLeft{
  left:20px;
  top:20px;
}
.arco-notification-wrapper-topRight{
  right:20px;
  top:20px;
}
.arco-notification-wrapper-topRight .arco-notification{
  margin-left:auto;
}
.arco-notification-wrapper-bottomLeft{
  bottom:20px;
  left:20px;
}
.arco-notification-wrapper-bottomRight{
  bottom:20px;
  right:20px;
}
.arco-notification-wrapper-bottomRight .arco-notification{
  margin-left:auto;
}
.arco-notification{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  box-sizing:border-box;
  display:flex;
  margin-bottom:20px;
  opacity:1;
  overflow:hidden;
  padding:20px;
  position:relative;
  transition:opacity .2s linear;
  width:340px;
}
.arco-notification-icon{
  align-items:center;
  color:var(--color-text-1);
  display:inline-flex;
  font-size:24px;
}
.arco-notification-info{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-notification-info .arco-notification-icon{
  color:rgb(var(--primary-6));
}
.arco-notification-success{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-notification-success .arco-notification-icon{
  color:rgb(var(--success-6));
}
.arco-notification-warning{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-notification-warning .arco-notification-icon{
  color:rgb(var(--warning-6));
}
.arco-notification-error{
  background-color:var(--color-bg-popup);
  border-color:var(--color-neutral-3);
}
.arco-notification-error .arco-notification-icon{
  color:rgb(var(--danger-6));
}
.arco-notification-left{
  padding-right:16px;
}
.arco-notification-right{
  flex:1;
  word-break:break-word;
}
.arco-notification-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
  margin-bottom:4px;
}
.arco-notification-content{
  font-size:12px;
}
.arco-notification-content,.arco-notification-error .arco-notification-content,.arco-notification-error .arco-notification-title,.arco-notification-info .arco-notification-content,.arco-notification-info .arco-notification-title,.arco-notification-success .arco-notification-content,.arco-notification-success .arco-notification-title,.arco-notification-warning .arco-notification-content,.arco-notification-warning .arco-notification-title{
  color:var(--color-text-1);
}
.arco-notification-btn-wrapper{
  margin-top:16px;
  text-align:right;
}
.arco-notification .arco-notification-close-btn{
  color:var(--color-text-1);
  cursor:pointer;
  font-size:12px;
  position:absolute;
  right:12px;
  top:12px;
}
.arco-notification .arco-notification-close-btn>svg{
  position:relative;
}
.arco-notification .arco-icon-hover.arco-notification-icon-hover:before{
  height:20px;
  width:20px;
}
.slideNoticeLeft-appear,.slideNoticeLeft-enter{
  transform:translateX(-100%);
}
.slideNoticeLeft-appear-active,.slideNoticeLeft-enter-active{
  transform:translateX(0);
  transition:transform .4s cubic-bezier(.3, 1.3, .3, 1);
}
.slideNoticeLeft-exit{
  opacity:0;
}
.slideNoticeLeft-exit-active{
  height:0;
  margin-bottom:0;
  opacity:0;
  padding-bottom:0;
  padding-top:0;
  transition:all .3s cubic-bezier(.34, .69, .1, 1);
}
.slideNoticeRight-appear,.slideNoticeRight-enter{
  transform:translateX(100%);
}
.slideNoticeRight-appear-active,.slideNoticeRight-enter-active{
  transform:translateX(0);
  transition:transform .4s cubic-bezier(.3, 1.3, .3, 1);
}
.slideNoticeRight-exit{
  opacity:0;
}
.slideNoticeRight-exit-active{
  height:0;
  opacity:0;
  transition:all .3s cubic-bezier(.34, .69, .1, 1);
}
.arco-page-header{
  padding:16px 0;
}
.arco-breadcrumb+.arco-page-header-head{
  margin-top:4px;
}
.arco-page-header-head{
  justify-content:space-between;
  line-height:28px;
}
.arco-page-header-head,.arco-page-header-head-left{
  align-items:center;
  display:flex;
}
.arco-page-header-head-wrapper{
  padding-left:24px;
  padding-right:20px;
}
.arco-page-header-head-main{
  align-items:center;
  display:flex;
  min-height:30px;
  overflow:hidden;
}
.arco-page-header-head-main-with-back{
  margin-left:-9px;
  padding-left:9px;
}
.arco-page-header-head-extra{
  overflow:hidden;
  white-space:nowrap;
}
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:before{
  height:30px;
  width:30px;
}
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover:before{
  background-color:var(--color-fill-2);
}
.arco-page-header-back{
  color:var(--color-text-2);
  font-size:12px;
  margin-right:12px;
}
.arco-page-header-back-icon{
  position:relative;
}
.arco-page-header-title{
  color:var(--color-text-1);
  font-size:20px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-page-header-divider{
  background-color:var(--color-fill-3);
  height:16px;
  margin-left:12px;
  margin-right:12px;
  width:1px;
}
.arco-page-header-sub-title{
  color:var(--color-text-3);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-page-header-content{
  border-top:1px solid var(--color-neutral-3);
  padding:20px 32px;
}
.arco-page-header-footer{
  padding:16px 20px 0 24px;
}
.arco-page-header-with-breadcrumb{
  padding:12px 0;
}
.arco-page-header-with-breadcrumb .arco-page-header-footer{
  padding-top:12px;
}
.arco-page-header-with-content .arco-page-header-head-wrapper{
  padding-bottom:12px;
}
.arco-page-header-with-footer{
  padding-bottom:0;
}
.arco-page-header-wrap .arco-page-header-head{
  flex-wrap:wrap;
}
.arco-page-header-wrap .arco-page-header-head .arco-page-header-head-extra{
  margin-top:4px;
}
.arco-pagination{
  align-items:center;
  display:flex;
  font-size:12px;
}
.arco-pagination-list{
  display:inline-block;
  list-style:none;
  margin:0;
  padding:0;
}
.arco-pagination-item{
  background-color:transparent;
  border:0 solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  height:32px;
  line-height:32px;
  list-style:none;
  min-width:32px;
  outline:0;
  text-align:center;
  user-select:none;
  vertical-align:middle;
}
.arco-pagination-item-disabled{
  background-color:transparent;
  border-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover{
  background-color:var(--color-fill-1);
  border-color:transparent;
  color:var(--color-text-2);
}
.arco-pagination-item-active{
  background-color:var(--color-primary-light-1);
  border-color:transparent;
  color:rgb(var(--primary-6));
  transition:color .2s linear,background-color .2s linear;
}
.arco-pagination-item:not(:last-child){
  margin-right:8px;
}
.arco-pagination-item-next,.arco-pagination-item-prev{
  background-color:transparent;
  color:var(--color-text-2);
  font-size:12px;
}
.arco-pagination-item-next:not(.arco-pagination-item-disabled):hover,.arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover{
  background-color:var(--color-fill-1);
  color:rgb(var(--primary-6));
}
.arco-pagination-item-next:after,.arco-pagination-item-prev:after{
  content:".";
  display:inline-block;
  font-size:0;
  vertical-align:middle;
}
.arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled,.arco-pagination .arco-pagination-item-prev.arco-pagination-item-disabled{
  background-color:transparent;
  color:var(--color-text-4);
}
.arco-pagination-item-jumper{
  font-size:16px;
}
.arco-pagination-jumper{
  margin-left:8px;
}
.arco-pagination-jumper>span{
  font-size:12px;
}
.arco-pagination-jumper-text-goto{
  color:var(--color-text-3);
}
.arco-pagination .arco-pagination-jumper-input{
  margin-left:8px;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  width:40px;
}
.arco-pagination-option{
  display:inline-block;
  font-size:12px;
  height:32px;
  line-height:0;
  margin-left:8px;
  min-width:0;
  position:relative;
  text-align:center;
  vertical-align:middle;
}
.arco-pagination-option .arco-select{
  width:auto;
}
.arco-pagination-option .arco-select-view-value{
  overflow:inherit;
  padding-right:6px;
}
.arco-pagination-total-text{
  color:var(--color-text-1);
  display:inline-block;
  font-size:12px;
  height:100%;
  line-height:32px;
  margin-right:8px;
}
.arco-pagination-item-simple-pager{
  display:inline-block;
  margin:0 12px 0 4px;
  vertical-align:middle;
}
.arco-pagination-item-simple-pager .arco-pagination-jumper-separator{
  padding:0 12px;
}
.arco-pagination-simple .arco-pagination-item{
  margin-right:0;
}
.arco-pagination-simple .arco-pagination-jumper{
  color:var(--color-text-1);
  margin-left:0;
}
.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input{
  margin-left:0;
  width:40px;
}
.arco-pagination-simple .arco-pagination-item-next,.arco-pagination-simple .arco-pagination-item-prev{
  background-color:transparent;
  color:var(--color-text-2);
}
.arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover,.arco-pagination-simple .arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover{
  background-color:var(--color-fill-1);
  color:rgb(var(--primary-6));
}
.arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled,.arco-pagination-simple .arco-pagination-item-prev.arco-pagination-item-disabled{
  background-color:transparent;
  color:var(--color-text-4);
}
.arco-pagination-disabled{
  cursor:not-allowed;
}
.arco-pagination-disabled .arco-pagination-item,.arco-pagination-disabled .arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover{
  background-color:transparent;
  border-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-pagination.arco-pagination-disabled .arco-pagination-item-active{
  background-color:var(--color-fill-1);
  border-color:transparent;
  color:var(--color-primary-light-3);
}
.arco-pagination-size-mini .arco-pagination-item{
  font-size:12px;
  height:24px;
  line-height:24px;
  min-width:24px;
}
.arco-pagination-size-mini .arco-pagination-item-next,.arco-pagination-size-mini .arco-pagination-item-prev{
  font-size:12px;
}
.arco-pagination-size-mini .arco-pagination-total-text{
  font-size:12px;
  line-height:24px;
}
.arco-pagination-size-mini .arco-pagination-option{
  font-size:12px;
  height:24px;
  line-height:0;
}
.arco-pagination-size-mini .arco-pagination-jumper>span{
  font-size:12px;
}
.arco-pagination-size-small .arco-pagination-item{
  font-size:12px;
  height:28px;
  line-height:28px;
  min-width:28px;
}
.arco-pagination-size-small .arco-pagination-item-next,.arco-pagination-size-small .arco-pagination-item-prev{
  font-size:12px;
}
.arco-pagination-size-small .arco-pagination-total-text{
  font-size:12px;
  line-height:28px;
}
.arco-pagination-size-small .arco-pagination-option{
  font-size:12px;
  height:28px;
  line-height:0;
}
.arco-pagination-size-small .arco-pagination-jumper>span{
  font-size:12px;
}
.arco-pagination-size-large .arco-pagination-item{
  font-size:12px;
  height:36px;
  line-height:36px;
  min-width:36px;
}
.arco-pagination-size-large .arco-pagination-item-next,.arco-pagination-size-large .arco-pagination-item-prev{
  font-size:14px;
}
.arco-pagination-size-large .arco-pagination-total-text{
  font-size:12px;
  line-height:36px;
}
.arco-pagination-size-large .arco-pagination-option{
  font-size:12px;
  height:36px;
  line-height:0;
}
.arco-pagination-size-large .arco-pagination-jumper>span{
  font-size:12px;
}
.arco-popconfirm-content{
  box-sizing:border-box;
  padding:16px;
}
.arco-popconfirm-title{
  align-items:flex-start;
  color:var(--color-text-1);
  display:flex;
  font-size:12px;
  margin-bottom:16px;
  position:relative;
}
.arco-popconfirm-title-icon{
  align-items:center;
  display:inline-flex;
  font-size:18px;
  height:18.858px;
  margin-right:8px;
}
.arco-popconfirm-title-icon .arco-icon-exclamation-circle-fill{
  color:rgb(var(--warning-6));
}
.arco-popconfirm .arco-popconfirm-btn{
  text-align:right;
}
.arco-popconfirm .arco-popconfirm-btn>button{
  margin-left:8px;
}
.arco-popover-content{
  padding:12px 16px;
}
.arco-popover-title{
  color:var(--color-text-1);
  font-size:16px;
  font-weight:500;
}
.arco-popover-title+.arco-popover-inner-content{
  margin-top:4px;
}
.arco-popconfirm-content,.arco-popover-content{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  box-sizing:border-box;
  color:var(--color-text-2);
  font-size:12px;
  line-height:1.5715;
  max-width:none;
  width:100%;
}
.arco-popconfirm-content-inner,.arco-popover-content-inner{
  word-wrap:break-word;
  text-align:left;
}
.arco-popconfirm-arrow.arco-trigger-arrow,.arco-popover-arrow.arco-trigger-arrow{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  z-index:1;
}
.arco-progress{
  font-size:12px;
  line-height:1;
  position:relative;
}
.arco-progress-line,.arco-progress-steps{
  display:inline-block;
  max-width:100%;
  width:100%;
}
.arco-progress-line-wrapper,.arco-progress-steps-wrapper{
  align-items:center;
  display:flex;
  height:100%;
  max-width:100%;
  width:100%;
}
.arco-progress-line-text,.arco-progress-steps-text{
  color:var(--color-text-2);
  flex-grow:1;
  flex-shrink:0;
  font-size:12px;
  margin-left:16px;
  min-width:32px;
  text-align:right;
  white-space:nowrap;
}
.arco-progress-line-text .arco-icon,.arco-progress-steps-text .arco-icon{
  font-size:12px;
  margin-left:4px;
}
.arco-progress-line-outer{
  background-color:var(--color-fill-3);
  border-radius:100px;
  display:inline-block;
  overflow:hidden;
  position:relative;
  width:100%;
}
.arco-progress-line-inner{
  background-color:rgb(var(--primary-6));
  border-radius:100px;
  height:100%;
  max-width:100%;
  position:relative;
  transition:width .6s cubic-bezier(.34, .69, .1, 1),background .3s cubic-bezier(.34, .69, .1, 1);
}
.arco-progress-line-inner-buffer{
  background-color:var(--color-primary-light-3);
  border-radius:0 100px 100px 0;
  height:100%;
  left:0;
  max-width:100%;
  position:absolute;
  top:0;
  transition:all .6s cubic-bezier(.34, .69, .1, 1);
}
.arco-progress-line-inner-animate:after{
  animation:arco-progress-loading 1.5s cubic-bezier(.34, .69, .1, 1) infinite;
  background:linear-gradient(90deg, transparent 25%, hsla(0,0%,100%,.5) 50%, transparent 75%);
  background-size:400% 100%;
  border-radius:inherit;
  content:"";
  display:block;
  height:100%;
  position:absolute;
  top:0;
  width:100%;
}
.arco-progress-line-text .arco-icon{
  color:var(--color-text-2);
}
.arco-progress-steps-outer{
  display:flex;
  width:100%;
}
.arco-progress-steps-text{
  margin-left:8px;
  min-width:unset;
}
.arco-progress-steps-text .arco-icon{
  color:var(--color-text-2);
}
.arco-progress-steps-item{
  background-color:var(--color-fill-3);
  display:inline-block;
  flex:1;
  height:100%;
  position:relative;
}
.arco-progress-steps-item:not(:last-of-type){
  margin-right:3px;
}
.arco-progress-steps-item:last-of-type{
  border-bottom-right-radius:100px;
  border-top-right-radius:100px;
}
.arco-progress-steps-item:first-of-type{
  border-bottom-left-radius:100px;
  border-top-left-radius:100px;
}
.arco-progress-steps-item-active{
  background-color:rgb(var(--primary-6));
}
.arco-progress-steps.arco-progress-small{
  width:auto;
}
.arco-progress-steps.arco-progress-small .arco-progress-steps-item{
  border-radius:2px;
  flex:unset;
  width:2px;
}
.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type){
  margin-right:3px;
}
.arco-progress-is-warning .arco-progress-line-inner,.arco-progress-is-warning .arco-progress-steps-item-active{
  background-color:rgb(var(--warning-6));
}
.arco-progress-is-warning .arco-progress-line-text .arco-icon,.arco-progress-is-warning .arco-progress-steps-text .arco-icon{
  color:rgb(var(--warning-6));
}
.arco-progress-is-success .arco-progress-line-inner,.arco-progress-is-success .arco-progress-steps-item-active{
  background-color:rgb(var(--success-6));
}
.arco-progress-is-success .arco-progress-line-text .arco-icon,.arco-progress-is-success .arco-progress-steps-text .arco-icon{
  color:rgb(var(--success-6));
}
.arco-progress-is-error .arco-progress-line-inner,.arco-progress-is-error .arco-progress-steps-item-active{
  background-color:rgb(var(--danger-6));
}
.arco-progress-is-error .arco-progress-line-text .arco-icon,.arco-progress-is-error .arco-progress-steps-text .arco-icon{
  color:rgb(var(--danger-6));
}
.arco-progress-small .arco-progress-line-text{
  font-size:12px;
  margin-left:16px;
}
.arco-progress-small .arco-progress-line-text .arco-icon{
  font-size:12px;
}
.arco-progress-large .arco-progress-line-text{
  font-size:16px;
  margin-left:16px;
}
.arco-progress-large .arco-progress-line-text .arco-icon{
  font-size:14px;
}
.arco-progress-circle{
  display:inline-block;
}
.arco-progress-circle-wrapper{
  display:inline-block;
  line-height:1;
  position:relative;
  text-align:center;
  vertical-align:text-bottom;
}
.arco-progress-circle-svg{
  transform:rotate(-90deg);
}
.arco-progress-circle-text{
  font-size:12px;
}
.arco-progress-circle-text .arco-icon{
  color:var(--color-text-2);
  font-size:16px;
}
.arco-progress-circle .arco-progress-circle-text{
  color:var(--color-text-3);
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}
.arco-progress-circle-mask{
  stroke:var(--color-fill-3);
}
.arco-progress-circle-path{
  stroke:rgb(var(--primary-6));
  transition:stroke-dashoffset .6s linear 0s,stroke .6s linear;
}
.arco-progress-mini .arco-progress-circle-mask{
  stroke:var(--color-primary-light-3);
}
.arco-progress-mini .arco-progress-circle-path{
  stroke:rgb(var(--primary-6));
}
.arco-progress-mini.arco-progress-is-warning .arco-progress-circle-mask{
  stroke:var(--color-warning-light-3);
}
.arco-progress-mini.arco-progress-is-error .arco-progress-circle-mask{
  stroke:var(--color-danger-light-3);
}
.arco-progress-mini.arco-progress-is-success .arco-progress-circle-mask{
  stroke:var(--color-success-light-3);
}
.arco-progress-mini.arco-progress-is-success .arco-progress-circle-wrapper .arco-icon-check{
  left:50%;
  position:absolute;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
}
.arco-progress-mini .arco-progress-circle-text{
  left:unset;
  position:static;
  top:unset;
  transform:unset;
}
.arco-progress-small .arco-progress-circle-text{
  font-size:13px;
}
.arco-progress-small .arco-progress-circle-text .arco-icon{
  font-size:14px;
}
.arco-progress-large .arco-progress-circle-text,.arco-progress-large .arco-progress-circle-text .arco-icon{
  font-size:16px;
}
.arco-progress-is-warning .arco-progress-circle-path{
  stroke:rgb(var(--warning-6));
}
.arco-progress-is-warning .arco-icon{
  color:rgb(var(--warning-6));
}
.arco-progress-is-success .arco-progress-circle-path{
  stroke:rgb(var(--success-6));
}
.arco-progress-is-success .arco-icon{
  color:rgb(var(--success-6));
}
.arco-progress-is-error .arco-progress-circle-path{
  stroke:rgb(var(--danger-6));
}
.arco-progress-is-error .arco-icon{
  color:rgb(var(--danger-6));
}
@keyframes arco-progress-loading{
  0%{
    background-position:100% 50%;
  }
  to{
    background-position:0 50%;
  }
}
.arco-radio-button>input[type=radio],.arco-radio>input[type=radio]{
  height:0;
  left:0;
  opacity:0;
  position:absolute;
  top:0;
  width:0;
}
.arco-radio-button>input[type=radio]:focus+.arco-radio-icon-hover:before,.arco-radio>input[type=radio]:focus+.arco-radio-icon-hover:before{
  background-color:var(--color-fill-2);
}
.arco-icon-hover.arco-radio-icon-hover:before{
  height:24px;
  width:24px;
}
.arco-radio{
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  line-height:unset;
  padding-left:5px;
  position:relative;
}
.arco-radio-text{
  color:var(--color-text-1);
  margin-left:8px;
}
.arco-radio-mask-wrapper{
  line-height:1;
  position:relative;
  top:-.09em;
  vertical-align:middle;
}
.arco-radio-mask{
  border:2px solid var(--color-neutral-3);
  display:block;
  height:14px;
  line-height:14px;
  position:relative;
  width:14px;
}
.arco-radio-mask,.arco-radio-mask:after{
  border-radius:var(--border-radius-circle);
  box-sizing:border-box;
}
.arco-radio-mask:after{
  background-color:var(--color-bg-2);
  content:"";
  display:inline-block;
  height:10px;
  left:0;
  position:absolute;
  top:0;
  transform:scale(1);
  transition:transform .3s cubic-bezier(.3, 1.3, .3, 1);
  width:10px;
}
.arco-radio:hover .arco-radio-mask{
  border-color:var(--color-neutral-3);
}
.arco-radio-checked .arco-radio-mask{
  background-color:rgb(var(--primary-6));
  border-color:rgb(var(--primary-6));
}
.arco-radio-checked .arco-radio-mask:after{
  background-color:var(--color-white);
  transform:scale(.4);
}
.arco-radio-checked:hover .arco-radio-mask{
  border-color:rgb(var(--primary-6));
}
.arco-radio-disabled,.arco-radio-disabled .arco-radio-icon-hover{
  cursor:not-allowed;
}
.arco-radio-disabled .arco-radio-text{
  color:var(--color-text-4);
}
.arco-radio-disabled .arco-radio-mask{
  border-color:var(--color-neutral-3);
}
.arco-radio-disabled .arco-radio-mask:after{
  background-color:var(--color-fill-2);
}
.arco-radio-disabled:hover .arco-radio-mask{
  border-color:var(--color-neutral-3);
}
.arco-radio-checked.arco-radio-disabled .arco-radio-mask,.arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask{
  background-color:var(--color-primary-light-3);
  border-color:transparent;
}
.arco-radio-checked.arco-radio-disabled .arco-radio-mask:after{
  background-color:var(--color-fill-2);
}
.arco-radio-checked.arco-radio-disabled .arco-radio-text{
  color:var(--color-text-4);
}
.arco-radio:hover .arco-radio-icon-hover:before{
  background-color:var(--color-fill-2);
}
.arco-radio-group{
  box-sizing:border-box;
  display:inline-block;
}
.arco-radio-group .arco-radio{
  margin-right:20px;
}
.arco-radio-group-type-button{
  line-height:26px;
  padding:1.5px;
  position:relative;
  z-index:0;
}
.arco-radio-button{
  background-color:transparent;
  border-radius:var(--border-radius-small);
  color:var(--color-text-2);
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  line-height:26px;
  margin:1.5px;
  position:relative;
  transition:all .1s linear;
}
.arco-radio-button-inner{
  display:block;
  padding:0 12px;
  position:relative;
}
.arco-radio-button:not(:first-of-type):before{
  background-color:var(--color-neutral-3);
  content:"";
  display:block;
  height:14px;
  left:-2px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .1s linear;
  width:1px;
}
.arco-radio-button.arco-radio-checked+.arco-radio-button:before,.arco-radio-button.arco-radio-checked:before,.arco-radio-button:hover+.arco-radio-button:before,.arco-radio-button:hover:before{
  opacity:0;
}
.arco-radio-button:after{
  background-color:var(--color-fill-2);
  bottom:-3px;
  content:" ";
  display:block;
  left:-3px;
  pointer-events:none;
  position:absolute;
  right:-3px;
  top:-3px;
  z-index:-1;
}
.arco-radio-button:first-of-type:after{
  border-bottom-left-radius:var(--border-radius-small);
  border-top-left-radius:var(--border-radius-small);
}
.arco-radio-button:last-of-type:after{
  border-bottom-right-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
}
.arco-radio-button:hover{
  background-color:var(--color-bg-5);
  color:var(--color-text-1);
}
.arco-radio-button.arco-radio-checked{
  background-color:var(--color-bg-5);
  color:rgb(var(--primary-6));
  font-weight:500;
}
.arco-radio-button.arco-radio-disabled{
  background-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-radio-button.arco-radio-disabled.arco-radio-checked{
  background-color:var(--color-bg-5);
  color:var(--color-primary-light-3);
}
.arco-radio-size-small{
  line-height:28px;
}
.arco-radio-size-small .arco-radio-button,.arco-radio-size-small.arco-radio-group-type-button{
  font-size:12px;
  line-height:22px;
}
.arco-radio-size-large{
  line-height:36px;
}
.arco-radio-size-large .arco-radio-button,.arco-radio-size-large.arco-radio-group-type-button{
  font-size:12px;
  line-height:30px;
}
.arco-radio-size-mini{
  line-height:24px;
}
.arco-radio-size-mini .arco-radio-button,.arco-radio-size-mini.arco-radio-group-type-button{
  font-size:12px;
  line-height:18px;
}
.arco-radio-group-direction-vertical .arco-radio{
  display:block;
  line-height:32px;
  margin-right:0;
}
body[arco-theme=dark] .arco-radio-button.arco-radio-checked,body[arco-theme=dark] .arco-radio-button:not(.arco-radio-disabled):hover{
  background-color:var(--color-fill-3);
}
body[arco-theme=dark] .arco-radio-button:after{
  background-color:var(--color-bg-3);
}
.arco-rate{
  display:inline-block;
  user-select:none;
}
.arco-rate-disabled{
  cursor:not-allowed;
}
.arco-rate-inner{
  align-items:center;
  display:flex;
  font-size:24px;
  line-height:1;
  min-height:32px;
}
.arco-rate-character{
  color:var(--color-fill-3);
  position:relative;
  transition:transform .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-rate-character:not(:last-child){
  margin-right:8px;
}
.arco-rate-character-left,.arco-rate-character-right{
  transition:inherit;
}
.arco-rate-character-left>*,.arco-rate-character-right>*{
  float:left;
}
.arco-rate-character-left{
  left:0;
  opacity:0;
  overflow:hidden;
  position:absolute;
  top:0;
  white-space:nowrap;
  width:50%;
}
.arco-rate-character-scale{
  animation:arco-rate-scale .4s cubic-bezier(.34, .69, .1, 1);
}
.arco-rate-character-full .arco-rate-character-right{
  color:rgb(var(--gold-6));
}
.arco-rate-character-half .arco-rate-character-left{
  color:rgb(var(--gold-6));
  opacity:1;
}
.arco-rate-character-disabled{
  cursor:not-allowed;
}
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character{
  cursor:pointer;
}
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus,.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover{
  transform:scale(1.2);
}
@keyframes arco-rate-scale{
  0%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.2);
  }
  to{
    transform:scale(1);
  }
}
.arco-resizebox{
  overflow:hidden;
  position:relative;
  width:100%;
}
.arco-resizebox-direction-bottom,.arco-resizebox-direction-left,.arco-resizebox-direction-right,.arco-resizebox-direction-top{
  box-sizing:border-box;
  left:0;
  position:absolute;
  top:0;
  user-select:none;
}
.arco-resizebox-direction-right{
  left:unset;
  right:0;
}
.arco-resizebox-direction-bottom{
  bottom:0;
  top:unset;
}
.arco-resizebox-split,.arco-resizebox-split-group{
  display:flex;
  user-select:auto;
}
.arco-resizebox-split .arco-resizebox-slit-trigger,.arco-resizebox-split-group .arco-resizebox-slit-trigger{
  flex:0;
}
.arco-resizebox-split-group-pane,.arco-resizebox-split-pane{
  overflow:auto;
}
.arco-resizebox-split .second-pane,.arco-resizebox-split-group .second-pane{
  flex:1;
}
.arco-resizebox-split-group-horizontal,.arco-resizebox-split-horizontal{
  flex-direction:row;
}
.arco-resizebox-split-group-vertical,.arco-resizebox-split-vertical{
  flex-direction:column;
}
.arco-resizebox-split-group-moving,.arco-resizebox-split-moving{
  user-select:none;
}
.arco-resizebox-trigger-icon-wrapper{
  align-items:center;
  background-color:var(--color-neutral-3);
  display:flex;
  height:100%;
  justify-content:center;
}
.arco-resizebox-trigger-icon{
  color:var(--color-text-1);
  display:inline-block;
  font-size:12px;
}
.arco-resizebox-trigger-next>svg,.arco-resizebox-trigger-prev>svg{
  cursor:pointer;
}
.arco-resizebox-trigger-vertical{
  cursor:col-resize;
  height:100%;
}
.arco-resizebox-trigger-vertical.arco-resizebox-trigger-not-resizable{
  cursor:default;
}
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-next,.arco-resizebox-trigger-vertical .arco-resizebox-trigger-prev{
  height:18px;
  line-height:18px;
}
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper{
  flex-direction:column;
  width:6px;
}
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-empty{
  height:18px;
  width:100%;
}
.arco-resizebox-trigger-horizontal{
  cursor:row-resize;
  width:100%;
}
.arco-resizebox-trigger-horizontal.arco-resizebox-trigger-not-resizable{
  cursor:default;
}
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-next,.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-prev{
  text-align:center;
  width:18px;
}
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper{
  height:6px;
}
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper .arco-icon{
  vertical-align:-1px;
}
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-empty{
  height:100%;
  width:18px;
}
.arco-result{
  box-sizing:border-box;
  padding:32px 32px 24px;
  width:100%;
}
.arco-result-is-403,.arco-result-is-404,.arco-result-is-500{
  padding-top:24px;
}
.arco-result-is-403 .arco-result-icon-tip,.arco-result-is-404 .arco-result-icon-tip,.arco-result-is-500 .arco-result-icon-tip{
  height:92px;
  line-height:92px;
  width:92px;
}
.arco-result-icon{
  font-size:20px;
  margin-bottom:16px;
  text-align:center;
}
.arco-result-icon-tip{
  border-radius:50%;
  display:inline-block;
  height:45px;
  line-height:45px;
  text-align:center;
  width:45px;
}
.arco-result-icon-custom{
  height:unset;
  line-height:inherit;
  width:unset;
}
.arco-result-icon-custom>.arco-icon{
  color:inherit;
  font-size:45px;
}
.arco-result-icon-success{
  background-color:var(--color-success-light-1);
  color:rgb(var(--success-6));
}
.arco-result-icon-error{
  background-color:var(--color-danger-light-1);
  color:rgb(var(--danger-6));
}
.arco-result-icon-info{
  background-color:var(--color-primary-light-1);
  color:rgb(var(--primary-6));
}
.arco-result-icon-warning{
  background-color:var(--color-warning-light-1);
  color:rgb(var(--warning-6));
}
.arco-result-title{
  color:var(--color-text-1);
  font-weight:500;
}
.arco-result-subtitle,.arco-result-title{
  font-size:12px;
  line-height:1.5715;
  text-align:center;
}
.arco-result-subtitle{
  color:var(--color-text-2);
}
.arco-result-extra{
  margin-top:20px;
  text-align:center;
}
.arco-result-content{
  margin-top:20px;
}
.arco-select .arco-select-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-1);
}
.arco-select:hover .arco-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-select.arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
  color:var(--color-text-1);
}
.arco-select .arco-select-arrow-icon,.arco-select .arco-select-clear-icon,.arco-select .arco-select-expand-icon,.arco-select .arco-select-loading-icon,.arco-select .arco-select-search-icon,.arco-select .arco-select-suffix-icon{
  color:var(--color-text-2);
}
.arco-select-error .arco-select-view{
  background-color:var(--color-danger-light-1);
  border:1px solid transparent;
}
.arco-select-error:hover .arco-select-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-select-error.arco-select-focused .arco-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
  color:var(--color-text-1);
}
.arco-select-disabled .arco-select-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-4);
}
.arco-select-disabled:hover .arco-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-select-disabled .arco-select-arrow-icon,.arco-select-disabled .arco-select-clear-icon,.arco-select-disabled .arco-select-expand-icon,.arco-select-disabled .arco-select-loading-icon,.arco-select-disabled .arco-select-search-icon,.arco-select-disabled .arco-select-suffix-icon{
  color:var(--color-text-4);
}
.arco-select-no-border .arco-select-view{
  background:none !important;
  border:none !important;
}
.arco-select-size-mini.arco-select-multiple .arco-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:4px;
}
.arco-select-size-mini.arco-select-multiple .arco-select-suffix{
  padding-right:4px;
}
.arco-select-size-mini.arco-select-multiple input{
  font-size:12px;
}
.arco-select-size-mini.arco-select-single .arco-select-view{
  font-size:12px;
  height:24px;
  line-height:22px;
  padding:0 7px;
}
.arco-select-size-mini.arco-select-single input{
  font-size:12px;
}
.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix{
  padding-left:7px;
}
.arco-select-size-small.arco-select-multiple .arco-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-select-size-small.arco-select-multiple .arco-select-suffix{
  padding-right:8px;
}
.arco-select-size-small.arco-select-multiple input{
  font-size:12px;
}
.arco-select-size-small.arco-select-single .arco-select-view{
  font-size:12px;
  height:28px;
  line-height:26px;
  padding:0 11px;
}
.arco-select-size-small.arco-select-single input{
  font-size:12px;
}
.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix{
  padding-left:11px;
}
.arco-select-size-default.arco-select-multiple .arco-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-select-size-default.arco-select-multiple .arco-select-suffix{
  padding-right:8px;
}
.arco-select-size-default.arco-select-multiple input{
  font-size:12px;
}
.arco-select-size-default.arco-select-single .arco-select-view{
  font-size:12px;
  height:32px;
  line-height:30px;
  padding:0 11px;
}
.arco-select-size-default.arco-select-single input{
  font-size:12px;
}
.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix{
  padding-left:11px;
}
.arco-select-size-large.arco-select-multiple .arco-select-view{
  font-size:16px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:12px;
}
.arco-select-size-large.arco-select-multiple .arco-select-suffix{
  padding-right:12px;
}
.arco-select-size-large.arco-select-multiple input{
  font-size:16px;
}
.arco-select-size-large.arco-select-single .arco-select-view{
  font-size:16px;
  height:36px;
  line-height:34px;
  padding:0 15px;
}
.arco-select-size-large.arco-select-single input{
  font-size:16px;
}
.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix{
  padding-left:15px;
}
.arco-select{
  cursor:pointer;
  display:inline-block;
}
.arco-select,.arco-select-view{
  box-sizing:border-box;
  position:relative;
  width:100%;
}
.arco-select-view{
  border-radius:var(--border-radius-small);
  display:flex;
  outline:none;
  text-align:left;
  transition:all .1s linear,padding 0s linear;
  user-select:none;
}
.arco-select-view input{
  color:inherit;
  cursor:inherit;
}
.arco-select-view input::placeholder{
  color:var(--color-text-3);
}
.arco-select-multiple,.arco-select-show-search{
  cursor:text;
}
.arco-select-disabled{
  cursor:not-allowed;
}
.arco-select-disabled .arco-select-view input::placeholder{
  color:var(--color-text-4);
}
.arco-select-single .arco-select-view-input{
  background:transparent;
  border:none;
  outline:none;
  padding:0;
}
.arco-select-single .arco-select-view-input,.arco-select-single .arco-select-view-value{
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-select-single .arco-select-view-value{
  display:inline-block;
}
.arco-select-single .arco-select-view-value:after{
  content:".";
  font-size:0;
  line-height:0;
  visibility:hidden;
}
.arco-select-single .arco-select-view .arco-select-hidden{
  position:absolute;
  width:0 !important;
}
.arco-select-multiple{
  vertical-align:top;
}
.arco-select-multiple .arco-select-view{
  line-height:0;
  padding:0 4px;
}
.arco-select-multiple .arco-select-view-with-prefix{
  padding-left:12px;
}
.arco-select-multiple .arco-input-tag{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  flex:1;
  overflow:hidden;
  padding:0;
}
.arco-select-multiple .arco-tag{
  max-width:100%;
}
.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=""]{
  position:absolute;
  width:0 !important;
}
.arco-select-prefix{
  align-items:center;
  color:var(--color-text-2);
  display:flex;
  margin-right:12px;
  white-space:nowrap;
}
.arco-select-suffix{
  align-items:center;
  display:flex;
  margin-left:4px;
}
.arco-select-clear-icon,.arco-select-expand-icon,.arco-select-loading-icon,.arco-select-search-icon,.arco-select-suffix-icon{
  font-size:12px;
  transition:all .1s linear;
}
.arco-select-arrow-icon{
  font-size:12px;
}
.arco-select-open .arco-select-arrow-icon svg{
  transform:rotate(180deg);
}
.arco-select .arco-select-clear-icon{
  cursor:pointer;
  display:none;
}
.arco-select .arco-select-clear-icon>svg{
  position:relative;
  transition:all .1s linear;
}
.arco-select:hover .arco-select-clear-icon{
  display:block;
}
.arco-select:hover .arco-select-clear-icon~*{
  display:none;
}
.arco-select-popup{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-fill-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  box-sizing:border-box;
  overflow:hidden;
  padding:4px 0;
  top:4px;
}
.arco-select-popup-hidden{
  display:none;
}
.arco-select-popup .arco-select-popup-inner{
  list-style:none;
  max-height:200px;
  width:100%;
}
.arco-select-popup .arco-select-option{
  box-sizing:border-box;
  cursor:pointer;
  font-size:12px;
  line-height:36px;
  overflow:hidden;
  padding:0 12px;
  position:relative;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-select-popup .arco-select-option,.arco-select-popup .arco-select-option-selected{
  background-color:var(--color-bg-popup);
  color:var(--color-text-1);
}
.arco-select-popup .arco-select-option-hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-select-popup .arco-select-option-disabled{
  background-color:var(--color-bg-popup);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-select-popup .arco-select-option-selected{
  font-weight:500;
}
.arco-select-popup .arco-select-option-empty{
  height:36px;
}
.arco-select-option-wrapper{
  align-items:center;
  display:flex;
  padding:0 7px;
}
.arco-select-option-wrapper .arco-select-checkbox{
  padding:0 5px;
}
.arco-select-option-wrapper .arco-select-checkbox input{
  display:none;
}
.arco-select-option-wrapper .arco-select-option{
  border-radius:var(--border-radius-small);
  flex:1;
  margin-left:1px;
  padding:0 4px;
}
.arco-select-group-title{
  box-sizing:border-box;
  color:var(--color-text-3);
  font-size:12px;
  line-height:20px;
  overflow:hidden;
  padding:8px 12px 0;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-select-group-title:first-child{
  padding-top:4px;
}
.arco-select-highlight{
  color:var(--color-text-1);
  font-weight:500;
}
.arco-skeleton,.arco-skeleton-header{
  display:flex;
}
.arco-skeleton-header .arco-skeleton-image{
  background-color:var(--color-fill-2);
  border-radius:var(--border-radius-small);
  height:48px;
  width:48px;
}
.arco-skeleton-header .arco-skeleton-image-circle{
  border-radius:50%;
}
.arco-skeleton-header .arco-skeleton-image-small{
  height:36px;
  width:36px;
}
.arco-skeleton-header .arco-skeleton-image-large{
  height:60px;
  width:60px;
}
.arco-skeleton-header .arco-skeleton-image-left{
  margin-right:16px;
}
.arco-skeleton-header .arco-skeleton-image-right{
  margin-left:16px;
}
.arco-skeleton-content{
  flex-grow:1;
  overflow:hidden;
}
.arco-skeleton-content .arco-skeleton-text{
  list-style:none;
  margin:0;
  padding:0;
}
.arco-skeleton-content .arco-skeleton-text-row{
  background-color:var(--color-fill-2);
  height:16px;
}
.arco-skeleton-content .arco-skeleton-text-row:not(:last-child){
  margin-bottom:16px;
}
.arco-skeleton-animate .arco-skeleton-image,.arco-skeleton-animate .arco-skeleton-text>li{
  animation:arco-skeleton-circle 1.5s linear infinite;
  background:linear-gradient(90deg, var(--color-fill-2) 25%, var(--color-fill-3) 37%, var(--color-fill-2) 63%);
  background-size:400% 100%;
}
@keyframes arco-skeleton-circle{
  0%{
    background-position:100% 50%;
  }
  to{
    background-position:0 50%;
  }
}
.arco-slider{
  display:inline-block;
  width:100%;
}
.arco-slider-wrapper{
  align-items:center;
  display:flex;
}
.arco-slider-vertical{
  display:inline-block;
  height:auto;
  min-width:22px;
  width:auto;
}
.arco-slider-vertical .arco-slider-wrapper{
  flex-direction:column;
}
.arco-slider-with-marks{
  margin-bottom:24px;
  padding:0 20px;
}
.arco-slider-vertical.arco-slider-with-marks{
  margin-bottom:0;
  padding:0;
}
.arco-slider-road{
  cursor:pointer;
  flex:1;
  height:12px;
  position:relative;
  width:100%;
}
.arco-slider-road:before{
  background-color:var(--color-fill-3);
  border-radius:2px;
  content:"";
  display:block;
  height:2px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:100%;
}
.arco-slider-road.arco-slider-road-vertical{
  height:100%;
  margin-bottom:12px / 2;
  margin-right:0;
  margin-top:12px / 2;
  max-width:12px;
  min-height:200px;
  transform:translateY(0);
  width:12px;
}
.arco-slider-road.arco-slider-road-vertical:before{
  height:100%;
  left:50%;
  top:unset;
  transform:translateX(-50%);
  width:2px;
}
.arco-slider-road.arco-slider-road-disabled:before{
  background-color:var(--color-fill-2);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-bar{
  background-color:var(--color-fill-3);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-button{
  cursor:not-allowed;
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-button:after{
  border-color:var(--color-fill-3);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot{
  border-color:var(--color-fill-2);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active{
  border-color:var(--color-fill-3);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick{
  background:var(--color-fill-2);
}
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active{
  background:var(--color-fill-3);
}
.arco-slider-bar{
  background-color:rgb(var(--primary-6));
  border-radius:2px;
  height:2px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.arco-slider-road-vertical .arco-slider-bar{
  height:unset;
  left:50%;
  top:unset;
  transform:translateX(-50%);
  width:2px;
}
.arco-slider-button{
  transform:translateX(-50%);
}
.arco-slider-button,.arco-slider-button:after{
  height:12px;
  left:0;
  position:absolute;
  top:0;
  width:12px;
}
.arco-slider-button:after{
  background:var(--color-bg-2);
  border:2px solid rgb(var(--primary-6));
  border-radius:50%;
  box-sizing:border-box;
  content:"";
  display:inline-block;
  transition:all .3s cubic-bezier(.3, 1.3, .3, 1);
}
.arco-slider-button.arco-slider-button-active:after,.arco-slider-button:hover:after{
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  transform:scale(1.16666667);
}
.arco-slider-road-vertical .arco-slider-button{
  bottom:0;
  left:0;
  top:unset;
  transform:translateY(50%);
}
.arco-slider-reverse .arco-slider-button{
  left:unset;
  right:0;
  transform:translateX(50%);
}
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button{
  transform:translateY(-50%);
}
.arco-slider-marks{
  position:absolute;
  top:12px;
  width:100%;
}
.arco-slider-marks-text{
  color:var(--color-text-3);
  cursor:pointer;
  font-size:12px;
  line-height:1;
  position:absolute;
  transform:translateX(-50%);
}
.arco-slider-road-vertical .arco-slider-marks{
  height:100%;
  left:15px;
  top:0;
}
.arco-slider-road-vertical .arco-slider-marks-text{
  transform:translateY(50%);
}
.arco-slider-reverse .arco-slider-marks-text{
  transform:translateX(50%);
}
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text{
  transform:translateY(-50%);
}
.arco-slider-dots{
  height:100%;
}
.arco-slider-dots .arco-slider-dot-wrapper{
  font-size:12px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
}
.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper{
  left:50%;
  top:unset;
  transform:translate(-50%, 50%);
}
.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper{
  transform:translate(50%, -50%);
}
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper{
  transform:translate(-50%, -50%);
}
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot{
  background-color:var(--color-bg-2);
  border:2px solid var(--color-fill-3);
  border-radius:50%;
  box-sizing:border-box;
  height:8px;
  width:8px;
}
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active{
  border-color:rgb(var(--primary-6));
}
.arco-slider-ticks .arco-slider-tick{
  background:var(--color-fill-3);
  height:3px;
  margin-top:-1px;
  position:absolute;
  top:50%;
  transform:translate(-50%, -100%);
  width:1px;
}
.arco-slider-ticks .arco-slider-tick-active{
  background:rgb(var(--primary-6));
}
.arco-slider-vertical .arco-slider-ticks .arco-slider-tick{
  height:1px;
  left:50%;
  margin-top:unset;
  top:unset;
  transform:translate(1px, 50%);
  width:3px;
}
.arco-slider-reverse .arco-slider-ticks .arco-slider-tick{
  transform:translate(50%, -100%);
}
.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick{
  transform:translate(1px, -50%);
}
.arco-slider-input{
  display:flex;
  margin-left:20px;
}
.arco-slider-vertical .arco-slider-input{
  margin-left:0;
}
.arco-slider-input>.arco-input-number{
  height:32px;
  line-height:normal;
  overflow:visible;
  width:60px;
}
.arco-slider-input>.arco-input-number input{
  text-align:center;
}
.arco-slider-input-range{
  height:32px;
  line-height:32px;
  text-align:center;
  width:20px;
}
.arco-slider-input-range-content{
  background:rgb(var(--gray-6));
  display:inline-block;
  height:2px;
  transform:translateY(-100%);
  width:8px;
}
.arco-space{
  display:inline-flex;
}
.arco-space-vertical{
  flex-direction:column;
}
.arco-space-align-baseline{
  align-items:baseline;
}
.arco-space-align-start{
  align-items:flex-start;
}
.arco-space-align-end{
  align-items:flex-end;
}
.arco-space-align-center{
  align-items:center;
}
.arco-space-wrap{
  flex-wrap:wrap;
}
.arco-spin{
  display:inline-block;
}
.arco-spin-block{
  display:block;
}
.arco-spin-with-tip{
  text-align:center;
}
.arco-spin-icon{
  color:rgb(var(--primary-6));
  font-size:20px;
}
.arco-spin-tip{
  color:rgb(var(--primary-6));
  font-size:14px;
  font-weight:500;
  margin-top:6px;
}
.arco-spin-loading-layer{
  text-align:center;
  user-select:none;
}
.arco-spin-children{
  position:relative;
}
.arco-spin-children:after{
  background-color:var(--color-spin-layer-bg);
  bottom:0;
  content:"";
  height:100%;
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .1s linear;
  width:100%;
  z-index:1;
}
.arco-spin-loading{
  position:relative;
  user-select:none;
}
.arco-spin-loading .arco-spin-loading-layer-inner{
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:2;
}
.arco-spin-loading .arco-spin-children:after{
  opacity:1;
  pointer-events:auto;
}
.arco-spin-dot{
  animation:arco-dot-loading 2s linear infinite forwards;
  background-color:rgb(var(--primary-6));
  border-radius:var(--border-radius-circle);
  height:8px;
  left:50%;
  position:absolute;
  top:0;
  transform:translateX(-50%) scale(0);
  width:8px;
}
.arco-spin-dot:nth-child(2){
  animation-delay:.4s;
  background-color:rgb(var(--primary-5));
}
.arco-spin-dot:nth-child(3){
  animation-delay:.8s;
  background-color:rgb(var(--primary-4));
}
.arco-spin-dot:nth-child(4){
  animation-delay:1.2s;
  background-color:rgb(var(--primary-4));
}
.arco-spin-dot:nth-child(5){
  animation-delay:1.6s;
  background-color:rgb(var(--primary-2));
}
.arco-spin-dot-list{
  display:inline-block;
  height:8px;
  perspective:200px;
  position:relative;
  transform-style:preserve-3d;
  width:56px;
}
@keyframes arco-dot-loading{
  0%{
    transform:translate3D(-48.621%, 0, -.985px) scale(.511);
  }
  2.778%{
    transform:translate3D(-95.766%, 0, -.94px) scale(.545);
  }
  5.556%{
    transform:translate3D(-140%, 0, -.866px) scale(.6);
  }
  8.333%{
    transform:translate3D(-179.981%, 0, -.766px) scale(.675);
  }
  11.111%{
    transform:translate3D(-214.492%, 0, -.643px) scale(.768);
  }
  13.889%{
    transform:translate3D(-242.487%, 0, -.5px) scale(.875);
  }
  16.667%{
    transform:translate3D(-263.114%, 0, -.342px) scale(.993);
  }
  19.444%{
    transform:translate3D(-275.746%, 0, -.174px) scale(1.12);
  }
  22.222%{
    transform:translate3D(-280%, 0, 0) scale(1.25);
  }
  25%{
    transform:translate3D(-275.746%, 0, .174px) scale(1.38);
  }
  27.778%{
    transform:translate3D(-263.114%, 0, .342px) scale(1.507);
  }
  30.556%{
    transform:translate3D(-242.487%, 0, .5px) scale(1.625);
  }
  33.333%{
    transform:translate3D(-214.492%, 0, .643px) scale(1.732);
  }
  36.111%{
    transform:translate3D(-179.981%, 0, .766px) scale(1.825);
  }
  38.889%{
    transform:translate3D(-140%, 0, .866px) scale(1.9);
  }
  41.667%{
    transform:translate3D(-95.766%, 0, .94px) scale(1.955);
  }
  44.444%{
    transform:translate3D(-48.621%, 0, .985px) scale(1.989);
  }
  47.222%{
    transform:translateZ(1px) scale(2);
  }
  50%{
    transform:translate3D(48.621%, 0, .985px) scale(1.989);
  }
  52.778%{
    transform:translate3D(95.766%, 0, .94px) scale(1.955);
  }
  55.556%{
    transform:translate3D(140%, 0, .866px) scale(1.9);
  }
  58.333%{
    transform:translate3D(179.981%, 0, .766px) scale(1.825);
  }
  61.111%{
    transform:translate3D(214.492%, 0, .643px) scale(1.732);
  }
  63.889%{
    transform:translate3D(242.487%, 0, .5px) scale(1.625);
  }
  66.667%{
    transform:translate3D(263.114%, 0, .342px) scale(1.507);
  }
  69.444%{
    transform:translate3D(275.746%, 0, .174px) scale(1.38);
  }
  72.222%{
    transform:translate3D(280%, 0, 0) scale(1.25);
  }
  75%{
    transform:translate3D(275.746%, 0, -.174px) scale(1.12);
  }
  77.778%{
    transform:translate3D(263.114%, 0, -.342px) scale(.993);
  }
  80.556%{
    transform:translate3D(242.487%, 0, -.5px) scale(.875);
  }
  83.333%{
    transform:translate3D(214.492%, 0, -.643px) scale(.768);
  }
  86.111%{
    transform:translate3D(179.981%, 0, -.766px) scale(.675);
  }
  88.889%{
    transform:translate3D(140%, 0, -.866px) scale(.6);
  }
  91.667%{
    transform:translate3D(95.766%, 0, -.94px) scale(.545);
  }
  94.444%{
    transform:translate3D(48.621%, 0, -.985px) scale(.511);
  }
  97.222%{
    transform:translateZ(-1px) scale(.5);
  }
}
.arco-statistic{
  color:var(--color-text-2);
  display:inline-block;
  line-height:1.5715;
}
.arco-statistic-title{
  color:var(--color-text-2);
  font-size:12px;
  margin-bottom:8px;
}
.arco-statistic-content .arco-statistic-value{
  color:var(--color-text-1);
  font-size:26px;
  font-weight:500;
  white-space:nowrap;
}
.arco-statistic-content .arco-statistic-value-int{
  white-space:nowrap;
}
.arco-statistic-content .arco-statistic-value-decimal{
  display:inline-block;
  font-size:26px;
}
.arco-statistic-content .arco-statistic-value-prefix,.arco-statistic-content .arco-statistic-value-suffix{
  font-size:14px;
}
.arco-statistic-extra{
  color:var(--color-text-2);
  margin-top:8px;
}
.arco-steps-item{
  flex:1;
  margin-right:12px;
  overflow:hidden;
  position:relative;
  text-align:left;
  white-space:nowrap;
}
.arco-steps-item:last-child{
  flex:none;
  margin-right:0;
}
.arco-steps-item-active .arco-steps-item-title{
  font-weight:500;
}
.arco-steps-item-icon{
  display:inline-block;
  font-size:16px;
  font-weight:500;
  margin-right:12px;
  vertical-align:top;
}
.arco-steps-icon{
  border-radius:var(--border-radius-circle);
  box-sizing:border-box;
  height:28px;
  line-height:26px;
  text-align:center;
  width:28px;
}
.arco-steps-item-wait .arco-steps-icon{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-2);
}
.arco-steps-item-process .arco-steps-icon{
  background-color:rgb(var(--primary-6));
  border:1px solid transparent;
  color:var(--color-white);
}
.arco-steps-item-finish .arco-steps-icon{
  background-color:var(--color-primary-light-1);
  border:1px solid transparent;
  color:rgb(var(--primary-6));
}
.arco-steps-item-error .arco-steps-icon{
  background-color:rgb(var(--danger-6));
  border:1px solid transparent;
  color:var(--color-white);
}
.arco-steps-item-title{
  display:inline-block;
  font-size:16px;
  line-height:28px;
  padding-right:12px;
  position:relative;
  white-space:nowrap;
}
.arco-steps-item-title,.arco-steps-item-wait .arco-steps-item-title{
  color:var(--color-text-2);
}
.arco-steps-item-error .arco-steps-item-title,.arco-steps-item-finish .arco-steps-item-title,.arco-steps-item-process .arco-steps-item-title{
  color:var(--color-text-1);
}
.arco-steps-item-content{
  display:inline-block;
}
.arco-steps-item-description{
  color:var(--color-text-3);
  font-size:12px;
  margin-top:2px;
  max-width:140px;
  white-space:normal;
}
.arco-steps-item-error .arco-steps-item-description,.arco-steps-item-finish .arco-steps-item-description,.arco-steps-item-process .arco-steps-item-description,.arco-steps-item-wait .arco-steps-item-description{
  color:var(--color-text-3);
}
.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{
  background-color:var(--color-neutral-3);
  box-sizing:border-box;
  content:"";
  display:block;
  height:1px;
  left:100%;
  position:absolute;
  top:13.5px;
  width:5000px;
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-process .arco-steps-item-title:after{
  background-color:var(--color-neutral-3);
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-finish .arco-steps-item-title:after{
  background-color:rgb(var(--primary-6));
}
.arco-steps-label-horizontal .arco-steps-item.arco-steps-item-next-error .arco-steps-item-title:after{
  background-color:rgb(var(--danger-6));
}
.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{
  bottom:6px;
  box-sizing:border-box;
  height:unset;
  left:13.5px;
  padding:0;
  position:absolute;
  top:34px;
  width:1px;
}
.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail:after{
  background-color:var(--color-neutral-3);
  content:"";
  display:block;
  height:100%;
  width:100%;
}
.arco-steps-item:not(:last-child) .arco-steps-item-tail{
  box-sizing:border-box;
  height:1px;
  position:absolute;
  top:13.5px;
  width:100%;
}
.arco-steps-item:not(:last-child) .arco-steps-item-tail:after{
  background-color:var(--color-neutral-3);
  content:"";
  display:block;
  height:100%;
  width:100%;
}
.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail:after{
  background-color:rgb(var(--primary-6));
}
.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail:after{
  background-color:rgb(var(--danger-6));
}
.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{
  left:11.5px;
  top:30px;
}
.arco-steps-size-small:not(.arco-steps-vertical):not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail{
  top:11.5px;
}
.arco-steps-size-small .arco-steps-item-icon{
  font-size:14px;
}
.arco-steps-size-small .arco-steps-item-title{
  font-size:12px;
  line-height:24px;
}
.arco-steps-size-small .arco-steps-item-description{
  font-size:12px;
}
.arco-steps-size-small .arco-steps-icon{
  font-size:12px;
  height:24px;
  line-height:22px;
  width:24px;
}
.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{
  top:11.5px;
}
.arco-steps-label-vertical .arco-steps-item{
  overflow:visible;
}
.arco-steps-label-vertical .arco-steps-item-title{
  margin-top:2px;
  padding-right:0;
}
.arco-steps-label-vertical .arco-steps-item-icon{
  margin-left:56px;
}
.arco-steps-label-vertical .arco-steps-item-tail{
  left:96px;
  padding-right:40px;
}
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon{
  margin-left:58px;
}
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail{
  left:94px;
  padding-right:36px;
}
.arco-steps-mode-dot .arco-steps-item{
  flex:1;
  margin-right:16px;
  overflow:visible;
  position:relative;
  text-align:left;
  white-space:nowrap;
}
.arco-steps-mode-dot .arco-steps-item:last-child{
  flex:none;
  margin-right:0;
}
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title{
  font-weight:500;
}
.arco-steps-mode-dot .arco-steps-item-icon{
  border-radius:var(--border-radius-circle);
  box-sizing:border-box;
  display:inline-block;
  height:8px;
  vertical-align:top;
  width:8px;
}
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-icon{
  height:10px;
  width:10px;
}
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-icon{
  background-color:var(--color-fill-4);
  border-color:var(--color-fill-4);
}
.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon{
  background-color:rgb(var(--primary-6));
  border-color:rgb(var(--primary-6));
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-icon{
  background-color:rgb(var(--danger-6));
  border-color:rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon{
  margin-left:66px;
}
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon{
  margin-left:65px;
  margin-top:-1px;
}
.arco-steps-mode-dot .arco-steps-item-content{
  display:inline-block;
}
.arco-steps-mode-dot .arco-steps-item-title{
  display:inline-block;
  font-size:16px;
  margin-top:4px;
  position:relative;
}
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title{
  color:var(--color-text-2);
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title{
  color:var(--color-text-1);
}
.arco-steps-mode-dot .arco-steps-item-description{
  font-size:12px;
  margin-top:4px;
  white-space:normal;
}
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description,.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description{
  color:var(--color-text-3);
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail{
  background-color:var(--color-neutral-3);
  box-sizing:border-box;
  height:1px;
  left:78px;
  position:absolute;
  top:3.5px;
  width:100%;
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail:after{
  display:none;
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail{
  background-color:var(--color-neutral-3);
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail{
  background-color:rgb(var(--primary-6));
}
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail{
  background-color:rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-icon{
  margin-right:16px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-content{
  overflow:hidden;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title{
  margin-top:-2px;
}
.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-title{
  margin-top:0;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-title{
  margin-top:-3px;
}
.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-active .arco-steps-item-title{
  margin-top:-1px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description{
  margin-top:4px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail{
  background-color:transparent;
  bottom:-4px;
  box-sizing:border-box;
  height:unset;
  left:4px;
  padding:0;
  position:absolute;
  top:20px;
  transform:translateX(-50%);
  width:1px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail:after{
  background-color:var(--color-neutral-3);
  content:"";
  display:block;
  height:100%;
  width:100%;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail:after{
  background-color:var(--color-neutral-3);
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail:after{
  background-color:rgb(var(--primary-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail:after{
  background-color:rgb(var(--danger-6));
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item .arco-steps-item-icon{
  margin-top:8px;
}
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-icon{
  margin-left:-1px;
  margin-top:6px;
}
.arco-steps-mode-arrow .arco-steps-item{
  align-items:center;
  display:flex;
  flex:1;
  height:72px;
  overflow:visible;
  position:relative;
  white-space:nowrap;
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child){
  margin-right:4px;
}
.arco-steps-mode-arrow .arco-steps-item-wait{
  background-color:var(--color-fill-1);
}
.arco-steps-mode-arrow .arco-steps-item-process{
  background-color:rgb(var(--primary-6));
}
.arco-steps-mode-arrow .arco-steps-item-finish{
  background-color:var(--color-primary-light-1);
}
.arco-steps-mode-arrow .arco-steps-item-error{
  background-color:rgb(var(--danger-6));
}
.arco-steps-mode-arrow .arco-steps-item-content{
  box-sizing:border-box;
  display:inline-block;
}
.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content{
  padding-left:16px;
}
.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content{
  padding-left:52px;
}
.arco-steps-mode-arrow .arco-steps-item-title{
  display:inline-block;
  font-size:16px;
  position:relative;
  white-space:nowrap;
}
.arco-steps-mode-arrow .arco-steps-item-title:after{
  display:none !important;
}
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title{
  color:var(--color-text-2);
}
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title{
  color:var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title{
  color:var(--color-text-1);
}
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title{
  color:var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title{
  font-weight:500;
}
.arco-steps-mode-arrow .arco-steps-item-description{
  font-size:12px;
  margin-top:0;
  max-width:none;
  white-space:nowrap;
}
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description{
  color:var(--color-text-3);
}
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description{
  color:var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description{
  color:var(--color-text-3);
}
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description{
  color:var(--color-white);
}
.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before{
  border-left:36px solid var(--color-bg-2);
  left:0;
  z-index:1;
}
.arco-steps-mode-arrow .arco-steps-item:not(:first-child):before,.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after{
  border-bottom:36px solid transparent;
  border-top:36px solid transparent;
  content:"";
  display:block;
  height:0;
  position:absolute;
  top:0;
  width:0;
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child):after{
  clear:both;
  right:-36px;
  z-index:2;
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait:after{
  border-left:36px solid var(--color-fill-1);
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process:after{
  border-left:36px solid rgb(var(--primary-6));
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error:after{
  border-left:36px solid rgb(var(--danger-6));
}
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish:after{
  border-left:36px solid var(--color-primary-light-1);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item{
  height:40px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title{
  font-size:12px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description{
  display:none;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child):before{
  border-bottom:20px solid transparent;
  border-left:20px solid var(--color-bg-2);
  border-top:20px solid transparent;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child):after{
  border-bottom:20px solid transparent;
  border-left:20px solid var(--color-fill-1);
  border-top:20px solid transparent;
  right:-20px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content{
  padding-left:20px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content{
  padding-left:40px;
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child):after{
  border-left:20px solid rgb(var(--danger-6));
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait:after{
  border-left:20px solid var(--color-fill-1);
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process:after{
  border-left:20px solid rgb(var(--primary-6));
}
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish:after{
  border-left:20px solid var(--color-primary-light-1);
}
.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title:after{
  display:none;
}
.arco-steps-mode-navigation .arco-steps-item{
  margin-right:32px;
  padding-left:20px;
  padding-right:10px;
}
.arco-steps-mode-navigation .arco-steps-item:last-child{
  flex:1;
}
.arco-steps-mode-navigation .arco-steps-item-content{
  margin-bottom:20px;
}
.arco-steps-mode-navigation .arco-steps-item-description{
  padding-right:20px;
}
.arco-steps-mode-navigation .arco-steps-item-active:after{
  background-color:rgb(var(--primary-6));
  bottom:0;
  content:"";
  display:block;
  height:2px;
  left:0;
  position:absolute;
  right:30px;
}
.arco-steps-mode-navigation .arco-steps-item-active:last-child:after{
  width:100%;
}
.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content:after{
  background-color:var(--color-bg-2);
  border:2px solid var(--color-text-4);
  border-bottom:none;
  border-left:none;
  content:"";
  display:inline-block;
  height:6px;
  position:absolute;
  right:10px;
  top:10px;
  transform:rotate(45deg);
  width:6px;
}
.arco-steps{
  display:flex;
}
.arco-steps-change-onclick .arco-steps-item-description,.arco-steps-change-onclick .arco-steps-item-title{
  transition:all .1s linear;
}
.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled){
  cursor:pointer;
}
.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description,.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title{
  color:rgb(var(--primary-6));
}
.arco-steps-lineless .arco-steps-item-title:after{
  display:none !important;
}
.arco-steps-vertical{
  flex-direction:column;
}
.arco-steps-vertical .arco-steps-item:not(:last-child){
  min-height:90px;
}
.arco-steps-vertical .arco-steps-item-title:after{
  display:none !important;
}
.arco-steps-vertical .arco-steps-item-description{
  max-width:none;
}
.arco-steps-label-vertical .arco-steps-item-content{
  display:block;
  text-align:center;
  width:140px;
}
.arco-steps-label-vertical .arco-steps-item-description{
  max-width:none;
}
.switchSlideText-appear,.switchSlideText-enter{
  left:-100% !important;
}
.switchSlideText-appear-active,.switchSlideText-enter-active{
  left:8px !important;
  transition:left .2s cubic-bezier(.34, .69, .1, 1);
}
.switchSlideText-exit{
  left:100% !important;
}
.switchSlideText-exit-active{
  left:26px !important;
  transition:left .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-switch{
  background-color:var(--color-fill-4);
  border:none;
  border-radius:12px;
  box-sizing:border-box;
  cursor:pointer;
  height:24px;
  line-height:24px;
  min-width:40px;
  outline:none;
  overflow:hidden;
  padding:0;
  position:relative;
  transition:background-color .2s cubic-bezier(.34, .69, .1, 1);
  vertical-align:middle;
}
.arco-switch-dot{
  align-items:center;
  background-color:var(--color-bg-white);
  border-radius:50%;
  color:var(--color-neutral-3);
  display:flex;
  font-size:12px;
  height:16px;
  justify-content:center;
  left:4px;
  position:absolute;
  top:4px;
  transition:all .2s cubic-bezier(.34, .69, .1, 1);
  width:16px;
}
.arco-switch-checked{
  background-color:rgb(var(--primary-6));
}
.arco-switch-checked .arco-switch-dot{
  color:rgb(var(--primary-6));
  left:100%;
  margin-left:-4px;
  transform:translateX(-100%);
}
.arco-switch[disabled] .arco-switch-dot{
  color:var(--color-fill-2);
}
.arco-switch[disabled].arco-switch-checked .arco-switch-dot{
  color:var(--color-primary-light-3);
}
.arco-switch-text-holder{
  font-size:12px;
  margin:0 8px 0 26px;
  opacity:0;
}
.arco-switch-text{
  color:var(--color-white);
  font-size:12px;
  left:26px;
  position:absolute;
  top:0;
}
.arco-switch-checked .arco-switch-text-holder{
  margin:0 26px 0 8px;
}
.arco-switch-checked .arco-switch-text{
  color:var(--color-white);
  left:8px;
}
.arco-switch[disabled]{
  background-color:var(--color-fill-2);
  cursor:not-allowed;
}
.arco-switch[disabled] .arco-switch-text{
  color:var(--color-white);
}
.arco-switch[disabled].arco-switch-checked{
  background-color:var(--color-primary-light-3);
}
.arco-switch[disabled].arco-switch-checked .arco-switch-text{
  color:var(--color-white);
}
.arco-switch-loading{
  background-color:var(--color-fill-2);
}
.arco-switch-loading .arco-switch-dot{
  color:var(--color-neutral-3);
}
.arco-switch-loading .arco-switch-text{
  color:var(--color-white);
}
.arco-switch-loading.arco-switch-checked{
  background-color:var(--color-primary-light-3);
}
.arco-switch-loading.arco-switch-checked .arco-switch-dot{
  color:var(--color-primary-light-3);
}
.arco-switch-loading.arco-switch-checked .arco-switch-text{
  color:var(--color-primary-light-1);
}
.arco-switch-small{
  height:16px;
  line-height:16px;
  min-width:28px;
}
.arco-switch-small.arco-switch-checked{
  padding-left:-2px;
}
.arco-switch-small .arco-switch-dot{
  border-radius:8px;
  height:12px;
  left:2px;
  top:2px;
  width:12px;
}
.arco-switch-small .arco-switch-dot-icon{
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%) scale(.66667);
}
.arco-switch-small.arco-switch-checked .arco-switch-dot{
  left:100%;
  margin-left:-2px;
}
.arco-switch-type-round{
  border-radius:var(--border-radius-small);
  min-width:40px;
}
.arco-switch-type-round .arco-switch-dot{
  border-radius:2px;
}
.arco-switch-type-round.arco-switch-small{
  border-radius:2px;
  height:16px;
  line-height:16px;
  min-width:28px;
}
.arco-switch-type-round.arco-switch-small .arco-switch-dot{
  border-radius:1px;
}
.arco-switch-type-line{
  background-color:transparent;
  min-width:36px;
  overflow:unset;
}
.arco-switch-type-line:after{
  background-color:var(--color-fill-4);
  border-radius:3px;
  content:"";
  display:block;
  height:6px;
  transition:background-color .2s cubic-bezier(.34, .69, .1, 1);
  width:100%;
}
.arco-switch-type-line .arco-switch-dot{
  background-color:var(--color-bg-white);
  border-radius:10px;
  box-shadow:0 1px 3px var(--color-neutral-6);
  height:20px;
  left:0;
  top:2px;
  width:20px;
}
.arco-switch-type-line.arco-switch-checked{
  background-color:transparent;
}
.arco-switch-type-line.arco-switch-checked:after{
  background-color:rgb(var(--primary-6));
}
.arco-switch-type-line.arco-switch-checked .arco-switch-dot{
  left:100%;
  margin-left:0;
}
.arco-switch-type-line[disabled]{
  background-color:transparent;
  cursor:not-allowed;
}
.arco-switch-type-line[disabled]:after{
  background-color:var(--color-fill-2);
}
.arco-switch-type-line[disabled].arco-switch-checked{
  background-color:transparent;
}
.arco-switch-type-line[disabled].arco-switch-checked:after{
  background-color:var(--color-primary-light-3);
}
.arco-switch-type-line.arco-switch-loading{
  background-color:transparent;
}
.arco-switch-type-line.arco-switch-loading:after{
  background-color:var(--color-fill-2);
}
.arco-switch-type-line.arco-switch-loading.arco-switch-checked{
  background-color:transparent;
}
.arco-switch-type-line.arco-switch-loading.arco-switch-checked:after{
  background-color:var(--color-primary-light-3);
}
.arco-switch-type-line.arco-switch-small{
  height:16px;
  line-height:16px;
  min-width:28px;
}
.arco-switch-type-line.arco-switch-small.arco-switch-checked{
  padding-left:0;
}
.arco-switch-type-line.arco-switch-small .arco-switch-dot{
  border-radius:8px;
  height:16px;
  top:0;
  width:16px;
}
.arco-switch-type-line.arco-switch-small .arco-switch-dot-icon{
  transform:translate(-50%, -50%) scale(1);
}
.arco-table-filters-popup{
  background:var(--color-bg-5);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  box-sizing:border-box;
  min-width:100px;
}
.arco-table-filters-list{
  max-height:200px;
  overflow-y:auto;
  padding:4px 0;
}
.arco-table-filters-item{
  font-size:14px;
  height:32px;
  line-height:32px;
  overflow:hidden;
  width:100%;
}
.arco-table-filters-item .arco-checkbox,.arco-table-filters-item .arco-radio{
  padding:0 12px;
  white-space:nowrap;
  width:100%;
}
.arco-table-filters-btn{
  align-items:center;
  border-top:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  display:flex;
  height:38px;
  justify-content:space-between;
  line-height:38px;
  overflow:hidden;
  padding:0 12px;
}
.arco-table-th-item{
  padding:9px 16px;
}
.arco-table-th-item.arco-table-col-has-filter{
  padding-right:28px;
}
.arco-table-col-has-sorter.arco-table-col-has-filter{
  padding-right:0;
}
.arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter{
  padding-right:28px;
}
.arco-table-col-has-sorter{
  padding:0;
}
.arco-table-col-has-sorter .arco-table-cell-with-sorter{
  cursor:pointer;
  padding:9px 16px;
}
.arco-table-td{
  padding:9px 16px;
}
.arco-table-td,.arco-table-th{
  font-size:12px;
}
.arco-table-footer{
  padding:9px 16px;
}
.arco-table-expand-fixed-row{
  margin:-9px -16px;
  padding:9px 16px;
}
.arco-table-expand-content .arco-table-td .arco-table{
  margin:-9px -16px -10px;
}
.arco-table-editable-row .arco-table-cell-wrap-value{
  padding:9px 16px;
}
.arco-table-size-middle .arco-table-th-item{
  padding:7px 16px;
}
.arco-table-size-middle .arco-table-th-item.arco-table-col-has-filter{
  padding-right:28px;
}
.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter{
  padding-right:0;
}
.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter{
  padding-right:28px;
}
.arco-table-size-middle .arco-table-col-has-sorter{
  padding:0;
}
.arco-table-size-middle .arco-table-col-has-sorter .arco-table-cell-with-sorter{
  cursor:pointer;
  padding:7px 16px;
}
.arco-table-size-middle .arco-table-td{
  font-size:12px;
  padding:7px 16px;
}
.arco-table-size-middle .arco-table-th{
  font-size:12px;
}
.arco-table-size-middle .arco-table-footer{
  padding:7px 16px;
}
.arco-table-size-middle .arco-table-expand-fixed-row{
  margin:-7px -16px;
  padding:7px 16px;
}
.arco-table-size-middle .arco-table-expand-content .arco-table-td .arco-table{
  margin:-7px -16px -8px;
}
.arco-table-size-middle .arco-table-editable-row .arco-table-cell-wrap-value{
  padding:7px 16px;
}
.arco-table-size-small .arco-table-th-item{
  padding:5px 16px;
}
.arco-table-size-small .arco-table-th-item.arco-table-col-has-filter{
  padding-right:28px;
}
.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter{
  padding-right:0;
}
.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter{
  padding-right:28px;
}
.arco-table-size-small .arco-table-col-has-sorter{
  padding:0;
}
.arco-table-size-small .arco-table-col-has-sorter .arco-table-cell-with-sorter{
  cursor:pointer;
  padding:5px 16px;
}
.arco-table-size-small .arco-table-td{
  font-size:12px;
  padding:5px 16px;
}
.arco-table-size-small .arco-table-th{
  font-size:12px;
}
.arco-table-size-small .arco-table-footer{
  padding:5px 16px;
}
.arco-table-size-small .arco-table-expand-fixed-row{
  margin:-5px -16px;
  padding:5px 16px;
}
.arco-table-size-small .arco-table-expand-content .arco-table-td .arco-table{
  margin:-5px -16px -6px;
}
.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value{
  padding:5px 16px;
}
.arco-table-size-mini .arco-table-th-item{
  padding:2px 16px;
}
.arco-table-size-mini .arco-table-th-item.arco-table-col-has-filter{
  padding-right:28px;
}
.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter{
  padding-right:0;
}
.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter{
  padding-right:28px;
}
.arco-table-size-mini .arco-table-col-has-sorter{
  padding:0;
}
.arco-table-size-mini .arco-table-col-has-sorter .arco-table-cell-with-sorter{
  cursor:pointer;
  padding:2px 16px;
}
.arco-table-size-mini .arco-table-td{
  font-size:12px;
  padding:2px 16px;
}
.arco-table-size-mini .arco-table-th{
  font-size:12px;
}
.arco-table-size-mini .arco-table-footer{
  padding:2px 16px;
}
.arco-table-size-mini .arco-table-expand-fixed-row{
  margin:-2px -16px;
  padding:2px 16px;
}
.arco-table-size-mini .arco-table-expand-content .arco-table-td .arco-table{
  margin:-2px -16px -3px;
}
.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value{
  padding:2px 16px;
}
.arco-table{
  position:relative;
}
.arco-table .arco-spin{
  display:block;
}
.arco-table>.arco-spin>.arco-spin-children:after{
  z-index:2;
}
.arco-table-footer{
  border-radius:0 0 var(--border-radius-medium) var(--border-radius-medium);
}
.arco-table-scroll-position-middle .arco-table-col-fixed-left-last:after,.arco-table-scroll-position-right .arco-table-col-fixed-left-last:after{
  box-shadow:inset 6px 0 8px -3px rgba(0,0,0,.15);
}
.arco-table-scroll-position-left .arco-table-col-fixed-right-first:after,.arco-table-scroll-position-middle .arco-table-col-fixed-right-first:after{
  box-shadow:inset -6px 0 8px -3px rgba(0,0,0,.15);
}
.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll:before,.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll:before{
  box-shadow:inset 6px 0 8px -3px rgba(0,0,0,.15);
}
.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll:after,.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll:after{
  box-shadow:inset -6px 0 8px -3px rgba(0,0,0,.15);
}
.arco-table-layout-fixed .arco-table-content-inner{
  overflow-x:auto;
  overflow-y:hidden;
}
.arco-table-layout-fixed table{
  table-layout:fixed;
}
.arco-table thead>.arco-table-tr>.arco-table-th{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-table thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan]{
  border-bottom:0;
}
.arco-table table{
  border-collapse:separate;
  border-spacing:0;
  margin:0;
  min-width:100%;
  width:100%;
}
.arco-table .arco-table-th{
  background-color:var(--color-neutral-2);
}
.arco-table .arco-table-td{
  background-color:var(--color-bg-2);
}
.arco-table .arco-table-th{
  box-sizing:border-box;
  color:rgb(var(--gray-10));
  font-weight:500;
  line-height:1.5715;
  text-align:left;
}
.arco-table .arco-table-th[colspan]{
  text-align:center;
}
.arco-table .arco-table-th:first-child{
  border-radius:var(--border-radius-medium) 0 0 0;
}
.arco-table .arco-table-th:last-child{
  border-radius:0 var(--border-radius-medium) 0 0;
}
.arco-table .arco-table-td{
  border-bottom:1px solid var(--color-neutral-3);
  box-sizing:border-box;
  color:rgb(var(--gray-10));
  line-height:1.5715;
  text-align:left;
}
.arco-table-th.arco-table-col-sorted{
  background-color:var(--color-neutral-3);
}
.arco-table-td.arco-table-col-sorted{
  background-color:var(--color-fill-1);
}
.arco-table-col-fixed-left,.arco-table-col-fixed-right{
  position:sticky;
  z-index:1;
}
.arco-table-col-fixed-left-last:after,.arco-table-col-fixed-right-first:after{
  bottom:-1px;
  box-shadow:none;
  content:"";
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  transform:translateX(-100%);
  transition:box-shadow .1s linear;
  width:10px;
}
.arco-table-col-fixed-left-last:after{
  left:unset;
  right:0;
  transform:translateX(100%);
}
.arco-table-cell-text-ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-table-editable-row .arco-table-cell-wrap-value{
  border:1px solid var(--color-white);
  border-radius:var(--border-radius-medium);
  cursor:pointer;
  transition:all .1s linear;
}
.arco-table-editable-row:hover .arco-table-cell-wrap-value{
  border:1px solid var(--color-neutral-3);
}
.arco-table-cell{
  width:100%;
  word-break:break-all;
}
.arco-table-cell-indent{
  float:left;
  height:1px;
}
.arco-table-expand-icon-cell button{
  align-items:center;
  background-color:var(--color-neutral-3);
  border:1px solid transparent;
  border-radius:2px;
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  display:inline-flex;
  font-size:12px;
  height:14px;
  justify-content:center;
  line-height:14px;
  outline:none;
  padding:0;
  transition:background-color .1s linear;
  width:14px;
}
.arco-table-expand-icon-cell button:hover{
  background-color:var(--color-neutral-4);
  border-color:transparent;
  color:var(--color-text-1);
}
.arco-table-cell-expand-icon{
  float:left;
}
.arco-table-cell-expand-icon button{
  align-items:center;
  background-color:var(--color-neutral-3);
  border:1px solid transparent;
  border-radius:2px;
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  display:inline-flex;
  font-size:12px;
  height:14px;
  justify-content:center;
  line-height:14px;
  margin-right:4px;
  outline:none;
  padding:0;
  transition:background-color .1s linear;
  width:14px;
}
.arco-table-cell-expand-icon button:hover{
  background-color:var(--color-neutral-4);
  border-color:transparent;
  color:var(--color-text-1);
}
.arco-table-cell-expand-icon-hidden{
  display:inline-block;
  height:14px;
  margin-right:4px;
  width:14px;
}
.arco-table-expand-content .arco-table-td{
  background-color:var(--color-fill-1);
}
.arco-table-expand-fixed-row{
  box-sizing:border-box;
  left:0;
  position:sticky;
}
.arco-table-expand-content .arco-table-td .arco-table .arco-table-container{
  border:none;
}
.arco-table-expand-content .arco-table-td .arco-table .arco-table-th{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-table-expand-content .arco-table-td .arco-table .arco-table-td,.arco-table-expand-content .arco-table-td .arco-table .arco-table-th{
  background-color:transparent;
}
.arco-table-expand-content .arco-table-td .arco-table .arco-table-pagination{
  margin-bottom:12px;
}
.arco-table-td.arco-table-operation,.arco-table-th.arco-table-operation .arco-table-th-item{
  padding:0;
  text-align:center;
}
.arco-table-checkbox,.arco-table-radio{
  justify-content:center;
}
.arco-table-checkbox .arco-checkbox,.arco-table-radio .arco-radio{
  padding-left:0;
}
.arco-table-expand-icon-col,.arco-table-selection-col{
  width:40px;
}
.arco-table-checkbox .arco-table-th-item,.arco-table-radio .arco-table-th-item,div.arco-table-expand-icon-col .arco-table-th-item,div.arco-table-selection-col .arco-table-th-item{
  padding:0;
}
.arco-table-th-item{
  position:relative;
  transition:background-color .1s linear;
}
.arco-table-cell-mouseenter{
  background-color:rgba(var(--gray-4), .5);
}
.arco-table-cell-next-ascend .arco-table-sorter-icon .arco-icon-caret-up,.arco-table-cell-next-descend .arco-table-sorter-icon .arco-icon-caret-down{
  color:var(--color-neutral-6);
}
.arco-table-sorter{
  display:inline-block;
  margin-left:8px;
  vertical-align:-3px;
}
.arco-table-sorter.arco-table-sorter-direction-one{
  vertical-align:0;
}
.arco-table-sorter-icon{
  height:8px;
  line-height:8px;
  overflow:hidden;
  position:relative;
  width:12px;
}
.arco-table-sorter-icon .arco-icon-caret-down,.arco-table-sorter-icon .arco-icon-caret-up{
  color:var(--color-neutral-5);
  font-size:12px;
  position:absolute;
  top:50%;
  transition:all .1s linear;
}
.arco-table-sorter-icon .arco-icon-caret-up{
  left:0;
  top:-2px;
}
.arco-table-sorter-icon .arco-icon-caret-down{
  left:0;
  top:-3px;
}
.arco-table-sorter-icon.arco-table-sorter-icon-active svg{
  color:rgb(var(--primary-6));
}
.arco-table-filters{
  align-items:center;
  background-color:transparent;
  cursor:pointer;
  display:flex;
  height:100%;
  justify-content:center;
  line-height:1;
  position:absolute;
  right:0;
  top:0;
  transition:all .1s linear;
  vertical-align:0;
  width:24px;
}
.arco-table-filters-open,.arco-table-filters:hover{
  background-color:var(--color-neutral-4);
}
.arco-table-filters svg{
  color:var(--color-text-2);
  font-size:16px;
  transition:all .1s linear;
}
.arco-table-filters-active svg{
  color:rgb(var(--primary-6));
}
.arco-table-container{
  position:relative;
}
.arco-table-container,.arco-table-header{
  border-radius:var(--border-radius-medium) var(--border-radius-medium) 0 0;
}
.arco-table-content-scroll{
  overflow:hidden;
  width:100%;
}
.arco-table-content-scroll .arco-table-content-inner{
  width:auto;
}
.arco-table-content-scroll:after,.arco-table-content-scroll:before{
  bottom:-1px;
  box-shadow:none;
  content:"";
  height:100%;
  pointer-events:none;
  position:absolute;
  top:-1px;
  transition:box-shadow .1s linear;
  width:10px;
  z-index:1;
}
.arco-table-content-scroll:before{
  border-top-left-radius:var(--border-radius-medium);
  left:0;
}
.arco-table-content-scroll:after{
  border-top-right-radius:var(--border-radius-medium);
  right:0;
}
.arco-table-header{
  background-color:var(--color-neutral-2);
  overflow-x:scroll;
  overflow-y:hidden;
  scrollbar-color:transparent transparent;
}
.arco-table-header::-webkit-scrollbar{
  background-color:transparent;
}
.arco-table-body{
  background-color:var(--color-bg-2);
  overflow:auto;
  position:relative;
}
.arco-table-no-data{
  box-sizing:border-box;
  font-size:14px;
  line-height:40px;
  padding:20px;
  text-align:center;
}
.arco-table-empty-row .arco-table-td{
  border-bottom:0;
}
.arco-table-border .arco-table-container{
  border-right:1px solid var(--color-neutral-3);
  border-top:1px solid var(--color-neutral-3);
}
.arco-table-border .arco-table-container .arco-table-expand-fixed-row,.arco-table-border .arco-table-container .arco-table-td:first-child,.arco-table-border .arco-table-container .arco-table-th:first-child{
  border-left:1px solid var(--color-neutral-3);
}
.arco-table-border .arco-table-container:before{
  background-color:var(--color-neutral-3);
  bottom:0;
  content:"";
  height:1px;
  left:0;
  position:absolute;
  width:100%;
  z-index:2;
}
.arco-table-border .arco-table-footer{
  border:1px solid var(--color-neutral-3);
  border-top:0;
}
.arco-table-border-cell .arco-table-td,.arco-table-border-cell .arco-table-th{
  border-left:1px solid var(--color-neutral-3);
}
.arco-table-border-cell thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan]{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-table-border-header-cell .arco-table-th{
  border-left:1px solid var(--color-neutral-3);
}
.arco-table-border-header-cell thead>.arco-table-tr:not(:last-child)>.arco-table-th[colspan]{
  border-bottom:1px solid var(--color-neutral-3);
}
.arco-table-border-body-cell .arco-table-td{
  border-left:1px solid var(--color-neutral-3);
}
.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child,.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child{
  border-left:0;
}
.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right),.arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td{
  background-color:var(--color-fill-1);
}
.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-left:before,.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-right:before{
  background-color:var(--color-fill-1);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1;
}
.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right){
  background-color:var(--color-fill-1);
}
.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-left:before,.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-right:before,.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right){
  background-color:transparent;
}
.arco-table-type-radio .arco-table-row-checked.arco-table-tr .arco-table-td{
  background-color:var(--color-fill-1);
}
.arco-table-virtualized table{
  table-layout:fixed;
}
.arco-table-virtualized div.arco-table-body div.arco-table-tr{
  display:flex;
}
.arco-table-virtualized div.arco-table-body div.arco-table-td{
  align-items:center;
  display:flex;
  flex:1;
}
.arco-table-virtualized .arco-table-expand-icon-col,.arco-table-virtualized .arco-table-selection-col{
  max-width:40px;
}
div.arco-table-tfoot{
  background-color:var(--color-neutral-2);
  box-shadow:0 -1px 0 var(--color-neutral-3);
  overflow-x:auto;
  position:relative;
  scrollbar-color:transparent transparent;
  width:100%;
  z-index:1;
}
div.arco-table-tfoot::-webkit-scrollbar{
  background-color:transparent;
}
.arco-table-tfoot .arco-table-td{
  background-color:var(--color-neutral-2);
}
.arco-table-pagination{
  display:flex;
  justify-content:flex-end;
}
.arco-table-pagination-left{
  justify-content:flex-start;
}
.arco-table-pagination-center{
  justify-content:center;
}
.arco-table-pagination-top{
  margin-bottom:12px;
  margin-top:0;
}
.arco-table-pagination .arco-pagination{
  margin-top:12px;
}
.arco-icon-hover.arco-tabs-icon-hover:before{
  height:16px;
  width:16px;
}
.arco-tabs .arco-tabs-icon-hover{
  color:var(--color-text-2);
  font-size:12px;
  user-select:none;
}
.arco-tabs-dropdown-icon{
  font-size:12px;
  margin-left:6px;
  user-select:none;
}
.arco-tabs-close-icon{
  margin-left:8px;
  user-select:none;
}
.arco-tabs-add-icon{
  align-items:center;
  display:inline-flex;
  font-size:12px;
  justify-content:center;
  padding:0 8px;
  user-select:none;
}
.arco-tabs-add{
  position:relative;
}
.arco-tabs-left-icon{
  margin-left:10px;
  margin-right:6px;
}
.arco-tabs-right-icon{
  margin-left:6px;
  margin-right:10px;
}
.arco-tabs-up-icon{
  margin-bottom:10px;
}
.arco-tabs-down-icon{
  margin-top:10px;
}
.arco-tabs-nav-icon-disabled{
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-tabs{
  overflow:hidden;
}
.arco-tabs,.arco-tabs-header-nav{
  position:relative;
}
.arco-tabs-header-nav:before{
  background-color:var(--color-neutral-3);
  bottom:0;
  clear:both;
  content:"";
  display:block;
  height:1px;
  left:0;
  position:absolute;
  right:0;
}
.arco-tabs-header-wrapper{
  display:flex;
  flex:1;
  overflow:hidden;
}
.arco-tabs-header{
  display:inline-block;
  position:relative;
  transition:transform .2s cubic-bezier(.34, .69, .1, 1);
  white-space:nowrap;
}
.arco-tabs-header-extra{
  align-items:center;
  display:flex;
  line-height:32px;
  width:auto;
}
.arco-tabs-header-extra .arco-tabs-add-icon{
  padding-left:0;
}
.arco-tabs-header-title{
  align-items:center;
  box-sizing:border-box;
  color:var(--color-text-2);
  cursor:pointer;
  display:inline-flex;
  font-size:12px;
  line-height:1.5715;
  padding:6px 0;
  transition:color .2s linear;
}
.arco-tabs-header-title-text{
  display:inline-block;
}
.arco-tabs-header-title:hover{
  color:var(--color-text-2);
  font-weight:400;
}
.arco-tabs-header-title-disabled,.arco-tabs-header-title-disabled:hover{
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-tabs-header-title-active,.arco-tabs-header-title-active:hover{
  color:rgb(var(--primary-6));
  font-weight:500;
}
.arco-tabs-header-title-active.arco-tabs-header-title-disabled,.arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled{
  color:var(--color-primary-light-3);
}
.arco-tabs-header-ink{
  background-color:rgb(var(--primary-6));
  bottom:0;
  height:2px;
  position:absolute;
  right:auto;
  top:auto;
  transition:left .2s cubic-bezier(.34, .69, .1, 1),width .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-tabs-header-ink.arco-tabs-header-ink-no-animation{
  transition:none;
}
.arco-tabs-header-ink-disabled{
  background-color:var(--color-primary-light-3);
}
.arco-tabs-header-nav-line .arco-tabs-header-extra{
  line-height:40px;
}
.arco-tabs-header-nav-line .arco-tabs-header-title{
  line-height:1.5715;
  margin:0 16px;
  padding:10px 0;
}
.arco-tabs-header-nav-line .arco-tabs-header-title-text{
  display:inline-block;
  padding:1px 0;
  position:relative;
}
.arco-tabs-header-nav-line .arco-tabs-header-title-text:before{
  background-color:transparent;
  border-radius:var(--border-radius-small);
  bottom:0;
  content:"";
  left:-8px;
  opacity:1;
  position:absolute;
  right:-8px;
  top:0;
  transition:all .2s linear;
  z-index:-1;
}
.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text:before{
  background-color:var(--color-fill-2);
}
.arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text:before,.arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text:before{
  background-color:transparent;
}
.arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text:before,.arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text:before{
  opacity:0;
}
.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type{
  margin-left:16px;
}
.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type,.arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding>.arco-tabs-header-title:first-of-type{
  margin-left:0;
}
.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  border:1px solid var(--color-neutral-3);
  font-size:12px;
  padding:6px 16px;
  transition:padding .2s linear,color .2s linear;
}
.arco-tabs-header-nav-card .arco-tabs-header-title-editable,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable{
  padding-right:12px;
}
.arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover:before{
  background-color:var(--color-fill-4);
}
.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon{
  height:32px;
}
.arco-tabs-header-nav-card .arco-tabs-header-title{
  background-color:transparent;
  border-right:none;
}
.arco-tabs-header-nav-card .arco-tabs-header-title:last-child{
  border-right:1px solid var(--color-neutral-3);
  border-top-right-radius:var(--border-radius-small);
}
.arco-tabs-header-nav-card .arco-tabs-header-title:first-child{
  border-top-left-radius:var(--border-radius-small);
}
.arco-tabs-header-nav-card .arco-tabs-header-title:hover{
  background-color:var(--color-fill-3);
}
.arco-tabs-header-nav-card .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover{
  background-color:transparent;
}
.arco-tabs-header-nav-card .arco-tabs-header-title-active,.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover{
  background-color:transparent;
  border-bottom-color:var(--color-bg-2);
}
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  background-color:var(--color-fill-1);
  border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;
  border-right:1px solid var(--color-neutral-3);
  margin-left:4px;
}
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover{
  background-color:var(--color-fill-3);
}
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover{
  background-color:var(--color-fill-1);
}
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover{
  background-color:transparent;
  border-bottom-color:var(--color-bg-2);
}
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child{
  margin-left:0;
}
.arco-tabs-header-nav-text:before{
  display:none;
}
.arco-tabs-header-nav-text .arco-tabs-header-title{
  font-size:12px;
  line-height:1.5715;
  margin:0 9px;
  padding:7px 0;
  position:relative;
}
.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type):before{
  background-color:var(--color-fill-3);
  content:"";
  display:block;
  height:12px;
  left:-9px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:2px;
}
.arco-tabs-header-nav-text .arco-tabs-header-title-text{
  background-color:transparent;
  padding-left:8px;
  padding-right:8px;
}
.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover{
  background-color:var(--color-fill-2);
}
.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover,.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover{
  background-color:transparent;
}
.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover{
  background-color:var(--color-primary-light-3);
}
.arco-tabs-header-nav-rounded:before{
  display:none;
}
.arco-tabs-header-nav-rounded .arco-tabs-header-title{
  background-color:transparent;
  border-radius:32px;
  font-size:12px;
  margin:0 6px;
  padding:7px 16px;
}
.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover{
  background-color:var(--color-fill-2);
}
.arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover{
  background-color:transparent;
}
.arco-tabs-header-nav-rounded .arco-tabs-header-title-active,.arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover{
  background-color:var(--color-fill-2);
}
.arco-tabs-header-nav-capsule:before{
  display:none;
}
.arco-tabs-header-nav-capsule .arco-tabs-header-wrapper{
  justify-content:flex-end;
}
.arco-tabs-header-nav-capsule .arco-tabs-header{
  background-color:var(--color-fill-2);
  border-radius:var(--border-radius-small);
  line-height:1;
  padding:3px;
}
.arco-tabs-header-nav-capsule .arco-tabs-header-title{
  background-color:transparent;
  border-radius:var(--border-radius-small);
  font-size:12px;
  line-height:26px;
  padding:0 12px;
  position:relative;
}
.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover{
  background-color:var(--color-bg-2);
}
.arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover{
  background-color:unset;
}
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover{
  background-color:var(--color-bg-2);
}
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active+.arco-tabs-header-title:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover+.arco-tabs-header-title:before,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover:before{
  opacity:0;
}
.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type){
  margin-left:3px;
}
.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type):before{
  background-color:var(--color-fill-3);
  content:"";
  display:block;
  height:14px;
  left:-2px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  transition:all .2s linear;
  width:1px;
}
.arco-tabs-header-scroll{
  align-items:center;
  display:flex;
  overflow:hidden;
  position:relative;
}
.arco-tabs-content{
  box-sizing:border-box;
  overflow:hidden;
  padding-top:16px;
  width:100%;
}
.arco-tabs-content .arco-tabs-content-inner{
  display:flex;
  width:100%;
}
.arco-tabs-content .arco-tabs-content-item{
  flex-shrink:0;
  height:0;
  overflow:hidden;
  width:100%;
}
.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active{
  height:auto;
}
.arco-tabs-card-gutter>.arco-tabs-content,.arco-tabs-card>.arco-tabs-content{
  border:1px solid var(--color-neutral-3);
  border-top:none;
}
.arco-tabs-animation.arco-tabs-content-inner{
  transition:all .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-tabs-horizontal.arco-tabs-justify{
  display:flex;
  flex-direction:column;
  height:100%;
}
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content,.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner,.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane{
  height:100%;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:6px;
  padding-top:6px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra{
  font-size:12px;
  line-height:32px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:2px;
  padding-top:2px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra{
  font-size:12px;
  line-height:24px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon{
  height:24px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title{
  font-size:12px;
  line-height:18px;
}
.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra{
  font-size:12px;
  line-height:24px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:8px;
  padding-top:8px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra{
  font-size:12px;
  line-height:36px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:4px;
  padding-top:4px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra{
  font-size:12px;
  line-height:28px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon{
  height:28px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title{
  font-size:12px;
  line-height:22px;
}
.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra{
  font-size:12px;
  line-height:28px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:12px;
  padding-top:12px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra{
  font-size:12px;
  line-height:44px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  font-size:12px;
  padding-bottom:8px;
  padding-top:8px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra{
  font-size:12px;
  line-height:36px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon,.arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon{
  height:36px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title{
  font-size:12px;
  line-height:30px;
}
.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra{
  font-size:12px;
  line-height:36px;
}
.arco-tabs-header-nav-vertical{
  float:left;
  height:100%;
}
.arco-tabs-header-nav-vertical:before{
  bottom:0;
  clear:both;
  height:100%;
  left:auto;
  position:absolute;
  right:0;
  top:0;
  width:1px;
}
.arco-tabs-header-nav-vertical .arco-tabs-add-icon{
  height:auto;
  margin-left:0;
  margin-top:8px;
  padding:0 16px;
}
.arco-tabs-header-nav-right{
  float:right;
}
.arco-tabs-header-nav-vertical .arco-tabs-header{
  height:auto;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-scroll{
  flex-direction:column;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll{
  padding:6px 0;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper{
  flex-direction:column;
  height:100%;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-ink{
  bottom:auto;
  left:auto;
  position:absolute;
  right:0;
  transition:top .2s cubic-bezier(.34, .69, .1, 1),height .2s cubic-bezier(.34, .69, .1, 1);
  width:2px;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-title{
  display:block;
  margin:12px 0 0;
  white-space:nowrap;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type{
  margin-top:0;
}
.arco-tabs-header-nav-right .arco-tabs-header-ink,.arco-tabs-header-nav-right:before{
  left:0;
  right:unset;
}
.arco-tabs-header-nav-vertical .arco-tabs-header-scroll{
  box-sizing:border-box;
  height:100%;
  position:relative;
}
.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title{
  padding:0 20px;
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title{
  border:1px solid var(--color-neutral-3);
  border-bottom:1px solid transparent;
  margin:0;
  position:relative;
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child{
  border-top-left-radius:var(--border-radius-small);
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover{
  border-bottom-color:transparent;
  border-right-color:var(--color-bg-2);
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child{
  border-bottom:1px solid var(--color-neutral-3);
  border-bottom-left-radius:var(--border-radius-small);
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{
  border-radius:var(--border-radius-small) 0 0 var(--border-radius-small);
  margin-left:0;
  position:relative;
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type){
  margin-top:4px;
}
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover{
  border-bottom-color:var(--color-neutral-3);
  border-right-color:var(--color-bg-2);
}
.arco-tabs-content-vertical{
  height:100%;
  padding:0;
  width:auto;
}
.arco-tabs-right .arco-tabs-content-vertical{
  padding-right:16px;
}
.arco-tabs-left .arco-tabs-content-vertical{
  padding-left:16px;
}
.arco-tabs-card-gutter>.arco-tabs-content-vertical,.arco-tabs-card>.arco-tabs-content-vertical{
  border:1px solid var(--color-neutral-3);
  border-left:none;
}
body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active,body[arco-theme=dark] .arco-tabs-header-nav-capsule .arco-tabs-header-title:hover{
  background-color:var(--color-fill-3);
}
.arco-tag{
  align-items:center;
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  color:var(--color-text-1);
  display:inline-flex;
  font-size:12px;
  font-weight:500;
  height:24px;
  line-height:22px;
  overflow:hidden;
  padding:0 8px;
  text-overflow:ellipsis;
  vertical-align:middle;
  white-space:nowrap;
}
.arco-tag .arco-icon-hover.arco-tag-icon-hover:before{
  height:16px;
  width:16px;
}
.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:var(--color-fill-3);
}
.arco-tag-checkable{
  cursor:pointer;
  transition:all .1s linear;
}
.arco-tag-checkable:hover,.arco-tag-checked{
  background-color:var(--color-fill-2);
}
.arco-tag-checked{
  border-color:transparent;
}
.arco-tag-checkable.arco-tag-checked:hover{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-tag-bordered,.arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover{
  border-color:var(--color-border-2);
}
.arco-tag-size-small{
  font-size:12px;
  height:20px;
  line-height:18px;
}
.arco-tag-size-medium{
  font-size:14px;
  height:28px;
  line-height:26px;
}
.arco-tag-size-large{
  font-size:14px;
  height:32px;
  line-height:30px;
}
.arco-tag-hide{
  display:none;
}
.arco-tag-loading{
  cursor:default;
  opacity:.8;
}
.arco-tag-icon{
  color:var(--color-text-2);
  margin-right:4px;
}
.arco-tag-checked.arco-tag-red{
  background-color:rgb(var(--red-1));
  border:1px solid transparent;
  color:rgb(var(--red-6));
}
.arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--red-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-red:hover{
  background-color:rgb(var(--red-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-red.arco-tag-bordered,.arco-tag-checked.arco-tag-red.arco-tag-bordered:hover{
  border-color:rgb(var(--red-6));
}
.arco-tag-checked.arco-tag-red .arco-tag-close-icon,.arco-tag-checked.arco-tag-red .arco-tag-icon,.arco-tag-checked.arco-tag-red .arco-tag-loading-icon{
  color:rgb(var(--red-6));
}
.arco-tag-checked.arco-tag-orangered{
  background-color:rgb(var(--orangered-1));
  border:1px solid transparent;
  color:rgb(var(--orangered-6));
}
.arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--orangered-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover{
  background-color:rgb(var(--orangered-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-orangered.arco-tag-bordered,.arco-tag-checked.arco-tag-orangered.arco-tag-bordered:hover{
  border-color:rgb(var(--orangered-6));
}
.arco-tag-checked.arco-tag-orangered .arco-tag-close-icon,.arco-tag-checked.arco-tag-orangered .arco-tag-icon,.arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon{
  color:rgb(var(--orangered-6));
}
.arco-tag-checked.arco-tag-orange{
  background-color:rgb(var(--orange-1));
  border:1px solid transparent;
  color:rgb(var(--orange-6));
}
.arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--orange-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover{
  background-color:rgb(var(--orange-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-orange.arco-tag-bordered,.arco-tag-checked.arco-tag-orange.arco-tag-bordered:hover{
  border-color:rgb(var(--orange-6));
}
.arco-tag-checked.arco-tag-orange .arco-tag-close-icon,.arco-tag-checked.arco-tag-orange .arco-tag-icon,.arco-tag-checked.arco-tag-orange .arco-tag-loading-icon{
  color:rgb(var(--orange-6));
}
.arco-tag-checked.arco-tag-gold{
  background-color:rgb(var(--gold-1));
  border:1px solid transparent;
  color:rgb(var(--gold-6));
}
.arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--gold-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover{
  background-color:rgb(var(--gold-3));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-gold.arco-tag-bordered,.arco-tag-checked.arco-tag-gold.arco-tag-bordered:hover{
  border-color:rgb(var(--gold-6));
}
.arco-tag-checked.arco-tag-gold .arco-tag-close-icon,.arco-tag-checked.arco-tag-gold .arco-tag-icon,.arco-tag-checked.arco-tag-gold .arco-tag-loading-icon{
  color:rgb(var(--gold-6));
}
.arco-tag-checked.arco-tag-lime{
  background-color:rgb(var(--lime-1));
  border:1px solid transparent;
  color:rgb(var(--lime-6));
}
.arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--lime-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover{
  background-color:rgb(var(--lime-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-lime.arco-tag-bordered,.arco-tag-checked.arco-tag-lime.arco-tag-bordered:hover{
  border-color:rgb(var(--lime-6));
}
.arco-tag-checked.arco-tag-lime .arco-tag-close-icon,.arco-tag-checked.arco-tag-lime .arco-tag-icon,.arco-tag-checked.arco-tag-lime .arco-tag-loading-icon{
  color:rgb(var(--lime-6));
}
.arco-tag-checked.arco-tag-green{
  background-color:rgb(var(--green-1));
  border:1px solid transparent;
  color:rgb(var(--green-6));
}
.arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--green-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-green:hover{
  background-color:rgb(var(--green-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-green.arco-tag-bordered,.arco-tag-checked.arco-tag-green.arco-tag-bordered:hover{
  border-color:rgb(var(--green-6));
}
.arco-tag-checked.arco-tag-green .arco-tag-close-icon,.arco-tag-checked.arco-tag-green .arco-tag-icon,.arco-tag-checked.arco-tag-green .arco-tag-loading-icon{
  color:rgb(var(--green-6));
}
.arco-tag-checked.arco-tag-cyan{
  background-color:rgb(var(--cyan-1));
  border:1px solid transparent;
  color:rgb(var(--cyan-6));
}
.arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--cyan-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover{
  background-color:rgb(var(--cyan-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-cyan.arco-tag-bordered,.arco-tag-checked.arco-tag-cyan.arco-tag-bordered:hover{
  border-color:rgb(var(--cyan-6));
}
.arco-tag-checked.arco-tag-cyan .arco-tag-close-icon,.arco-tag-checked.arco-tag-cyan .arco-tag-icon,.arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon{
  color:rgb(var(--cyan-6));
}
.arco-tag-checked.arco-tag-blue{
  background-color:rgb(var(--blue-1));
  border:1px solid transparent;
  color:rgb(var(--blue-6));
}
.arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--blue-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover{
  background-color:rgb(var(--blue-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-blue.arco-tag-bordered,.arco-tag-checked.arco-tag-blue.arco-tag-bordered:hover{
  border-color:rgb(var(--blue-6));
}
.arco-tag-checked.arco-tag-blue .arco-tag-close-icon,.arco-tag-checked.arco-tag-blue .arco-tag-icon,.arco-tag-checked.arco-tag-blue .arco-tag-loading-icon{
  color:rgb(var(--blue-6));
}
.arco-tag-checked.arco-tag-arcoblue{
  background-color:rgb(var(--arcoblue-1));
  border:1px solid transparent;
  color:rgb(var(--arcoblue-6));
}
.arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--arcoblue-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover{
  background-color:rgb(var(--arcoblue-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered,.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered:hover{
  border-color:rgb(var(--arcoblue-6));
}
.arco-tag-checked.arco-tag-arcoblue .arco-tag-close-icon,.arco-tag-checked.arco-tag-arcoblue .arco-tag-icon,.arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon{
  color:rgb(var(--arcoblue-6));
}
.arco-tag-checked.arco-tag-purple{
  background-color:rgb(var(--purple-1));
  border:1px solid transparent;
  color:rgb(var(--purple-6));
}
.arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--purple-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover{
  background-color:rgb(var(--purple-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-purple.arco-tag-bordered,.arco-tag-checked.arco-tag-purple.arco-tag-bordered:hover{
  border-color:rgb(var(--purple-6));
}
.arco-tag-checked.arco-tag-purple .arco-tag-close-icon,.arco-tag-checked.arco-tag-purple .arco-tag-icon,.arco-tag-checked.arco-tag-purple .arco-tag-loading-icon{
  color:rgb(var(--purple-6));
}
.arco-tag-checked.arco-tag-pinkpurple{
  background-color:rgb(var(--pinkpurple-1));
  border:1px solid transparent;
  color:rgb(var(--pinkpurple-6));
}
.arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--pinkpurple-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover{
  background-color:rgb(var(--pinkpurple-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered,.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered:hover{
  border-color:rgb(var(--pinkpurple-6));
}
.arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-icon,.arco-tag-checked.arco-tag-pinkpurple .arco-tag-icon,.arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon{
  color:rgb(var(--pinkpurple-6));
}
.arco-tag-checked.arco-tag-magenta{
  background-color:rgb(var(--magenta-1));
  border:1px solid transparent;
  color:rgb(var(--magenta-6));
}
.arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--magenta-2));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover{
  background-color:rgb(var(--magenta-2));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-magenta.arco-tag-bordered,.arco-tag-checked.arco-tag-magenta.arco-tag-bordered:hover{
  border-color:rgb(var(--magenta-6));
}
.arco-tag-checked.arco-tag-magenta .arco-tag-close-icon,.arco-tag-checked.arco-tag-magenta .arco-tag-icon,.arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon{
  color:rgb(var(--magenta-6));
}
.arco-tag-checked.arco-tag-gray{
  background-color:rgb(var(--gray-2));
  border:1px solid transparent;
  color:rgb(var(--gray-6));
}
.arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgb(var(--gray-3));
}
.arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover{
  background-color:rgb(var(--gray-3));
  border-color:transparent;
}
.arco-tag-checked.arco-tag-gray.arco-tag-bordered,.arco-tag-checked.arco-tag-gray.arco-tag-bordered:hover{
  border-color:rgb(var(--gray-6));
}
.arco-tag-checked.arco-tag-gray .arco-tag-close-icon,.arco-tag-checked.arco-tag-gray .arco-tag-icon,.arco-tag-checked.arco-tag-gray .arco-tag-loading-icon{
  color:rgb(var(--gray-6));
}
.arco-tag-custom-color{
  color:var(--color-white);
}
.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:hsla(0,0%,100%,.2);
}
.arco-tag .arco-tag-close-btn{
  font-size:12px;
  margin-left:4px;
}
.arco-tag .arco-tag-close-btn>svg{
  position:relative;
}
.arco-tag-loading-icon{
  font-size:12px;
  margin-left:4px;
}
body[arco-theme=dark] .arco-tag-checked{
  color:hsla(0,0%,100%,.9);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-red{
  background-color:rgba(var(--red-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-red:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--red-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-orangered{
  background-color:rgba(var(--orangered-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--orangered-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-orange{
  background-color:rgba(var(--orange-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--orange-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-gold{
  background-color:rgba(var(--gold-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--gold-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-lime{
  background-color:rgba(var(--lime-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--lime-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-green{
  background-color:rgba(var(--green-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-green:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--green-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-cyan{
  background-color:rgba(var(--cyan-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--cyan-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-blue{
  background-color:rgba(var(--blue-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--blue-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-arcoblue{
  background-color:rgba(var(--arcoblue-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--arcoblue-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-purple{
  background-color:rgba(var(--purple-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--purple-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-pinkpurple{
  background-color:rgba(var(--pinkpurple-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--pinkpurple-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-magenta{
  background-color:rgba(var(--magenta-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--magenta-6), .35);
}
body[arco-theme=dark] .arco-tag-checked.arco-tag-gray{
  background-color:rgba(var(--gray-6), .2);
}
body[arco-theme=dark] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover,body[arco-theme=dark] .arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover:before{
  background-color:rgba(var(--gray-6), .35);
}
.arco-timeline-item{
  color:var(--color-text-1);
  font-size:12px;
  min-height:78px;
  padding-left:6px;
  position:relative;
}
.arco-timeline-item-label{
  color:var(--color-text-3);
  font-size:12px;
  line-height:1.667;
}
.arco-timeline-item-content{
  color:var(--color-text-1);
  font-size:12px;
  line-height:1.5715;
  margin-bottom:4px;
}
.arco-timeline-item-content-wrapper{
  margin-left:16px;
  position:relative;
}
.arco-timeline-item.arco-timeline-item-last>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line{
  display:none;
}
.arco-timeline-item-dot-wrapper{
  height:100%;
  left:0;
  position:absolute;
  text-align:center;
}
.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content{
  height:18.858px;
  line-height:18.858px;
  position:relative;
  width:6px;
}
.arco-timeline-item-dot{
  border-radius:var(--border-radius-circle);
  box-sizing:border-box;
  color:rgb(var(--primary-6));
  height:6px;
  margin-top:-50%;
  position:relative;
  top:50%;
  width:6px;
}
.arco-timeline-item-dot-solid{
  background-color:rgb(var(--primary-6));
}
.arco-timeline-item-dot-hollow{
  background-color:var(--color-bg-2);
  border:2px solid rgb(var(--primary-6));
}
.arco-timeline-item-dot-custom{
  background-color:var(--color-bg-2);
  box-sizing:border-box;
  color:rgb(var(--primary-6));
  display:inline-flex;
  left:50%;
  position:absolute;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
  transform-origin:center;
}
.arco-timeline-item-dot-custom svg{
  color:inherit;
}
.arco-timeline-item-dot-line{
  border-color:var(--color-neutral-3);
  border-left-width:1px;
  bottom:-2.429px;
  box-sizing:border-box;
  left:50%;
  position:absolute;
  top:16.429px;
  transform:translateX(-50%);
  width:1px;
}
.arco-timeline-alternate{
  overflow:hidden;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left{
  padding-left:0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-dot-wrapper{
  left:50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left>.arco-timeline-item-content-wrapper{
  left:50%;
  margin-left:22px;
  padding-right:22px;
  width:50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right{
  padding-right:0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper{
  left:50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper{
  left:0;
  margin-left:-16px;
  margin-right:0;
  padding-right:16px;
  text-align:right;
  width:50%;
}
.arco-timeline-right .arco-timeline-item-vertical-right{
  padding-right:6px;
}
.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-dot-wrapper{
  left:unset;
  right:0;
}
.arco-timeline-right .arco-timeline-item-vertical-right>.arco-timeline-item-content-wrapper{
  margin-left:0;
  margin-right:16px;
  text-align:right;
}
.arco-timeline-item-label-relative>.arco-timeline-item-label{
  box-sizing:border-box;
  max-width:100px;
  position:absolute;
  top:0;
}
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative{
  margin-left:100px;
}
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label{
  left:0;
  padding-right:16px;
  text-align:right;
  transform:translateX(-100%);
}
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative{
  margin-right:100px;
}
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative>.arco-timeline-item-label{
  padding-left:16px;
  right:0;
  text-align:left;
  transform:translateX(100%);
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative{
  margin-top:50px;
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-label{
  padding-bottom:16px;
  transform:translateY(-100%);
}
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative>.arco-timeline-item-content{
  margin-bottom:0;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative{
  margin-bottom:50px;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-content{
  margin-bottom:0;
}
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative>.arco-timeline-item-label{
  bottom:0;
  padding-top:16px;
  text-align:left;
  top:unset;
  transform:translateY(100%);
}
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative{
  margin-left:0;
}
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative>.arco-timeline-item-label{
  left:0;
  max-width:unset;
  transform:none;
  width:50%;
}
.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative{
  margin-right:0;
}
.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative{
  margin-top:0;
}
.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative{
  margin-bottom:0;
}
.arco-timeline-direction-horizontal{
  display:flex;
}
.arco-timeline-item-dot-line-is-horizontal{
  border-left:none;
  border-top-width:1px;
  height:1px;
  left:12px;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  width:unset;
}
.arco-timeline-item-horizontal-bottom,.arco-timeline-item-horizontal-top{
  flex:1;
  min-height:unset;
  padding-left:0;
  padding-right:0;
}
.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper{
  height:auto;
  top:0;
  width:100%;
}
.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot{
  margin-top:unset;
  top:unset;
}
.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content,.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content{
  height:6px;
  line-height:6px;
}
.arco-timeline-item-horizontal-top{
  padding-top:6px;
}
.arco-timeline-item-horizontal-top>.arco-timeline-item-dot-wrapper{
  bottom:unset;
  top:0;
}
.arco-timeline-item-horizontal-top>.arco-timeline-item-content-wrapper{
  margin-left:0;
  margin-top:16px;
}
.arco-timeline-item-horizontal-bottom{
  padding-bottom:6px;
}
.arco-timeline-item-horizontal-bottom>.arco-timeline-item-dot-wrapper{
  bottom:0;
  top:unset;
}
.arco-timeline-item-horizontal-bottom>.arco-timeline-item-content-wrapper{
  margin-bottom:16px;
  margin-left:0;
}
.arco-timeline-alternate.arco-timeline-direction-horizontal{
  align-items:center;
  min-height:200px;
  overflow:visible;
}
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom{
  margin-top:6px;
  transform:translateY(-50%);
}
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top{
  margin-top:-6px;
  transform:translateY(50%);
}
.arco-timepicker{
  box-sizing:border-box;
  display:flex;
  padding:0;
  position:relative;
}
.arco-timepicker-container{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  overflow:hidden;
}
.arco-timepicker-list{
  box-sizing:border-box;
  height:224px;
  overflow:hidden;
  scrollbar-width:none;
  width:64px;
}
.arco-timepicker-list::-webkit-scrollbar{
  width:0;
}
.arco-timepicker-list:not(:last-child){
  border-right:1px solid var(--color-neutral-3);
}
.arco-timepicker-list:hover{
  overflow-y:auto;
}
.arco-timepicker-list ul{
  box-sizing:border-box;
  list-style:none;
  margin:0;
  padding:0;
}
.arco-timepicker-list ul:after{
  content:"";
  display:block;
  height:192px;
  width:100%;
}
.arco-timepicker-cell{
  color:var(--color-text-1);
  cursor:pointer;
  font-weight:500;
  padding:8px / 2 0;
  text-align:center;
}
.arco-timepicker-cell-inner{
  font-size:12px;
  height:24px;
  line-height:24px;
}
.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner{
  background-color:var(--color-fill-2);
}
.arco-timepicker-cell-selected .arco-timepicker-cell-inner{
  background-color:var(--color-fill-2);
  font-weight:500;
}
.arco-timepicker-cell-disabled{
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-timepicker-footer-extra-wrapper{
  border-top:1px solid var(--color-neutral-3);
  color:var(--color-text-1);
  font-size:12px;
  padding:8px;
}
.arco-timepicker-footer-btn-wrapper{
  border-top:1px solid var(--color-neutral-3);
  display:flex;
  justify-content:space-between;
  padding:8px;
}
.arco-tooltip-content{
  background-color:var(--color-tooltip-bg);
  border-radius:var(--border-radius-small);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  color:#fff;
  font-size:12px;
  line-height:1.5715;
  padding:8px 12px;
}
.arco-tooltip-content-inner{
  word-wrap:break-word;
  text-align:left;
}
.arco-tooltip-mini{
  font-size:12px;
  padding:4px 12px;
}
.arco-trigger-arrow.arco-tooltip-arrow{
  background-color:var(--color-tooltip-bg);
}
body[arco-theme=dark] .arco-tooltip-content{
  border:1px solid var(--color-neutral-3);
}
body[arco-theme=dark] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow{
  border:1px solid var(--color-neutral-3);
  border-left:none;
  border-top:none;
  z-index:1;
}
.arco-transfer{
  align-items:center;
  display:flex;
}
.arco-transfer-view{
  border:1px solid var(--color-neutral-3);
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  height:224px;
  width:200px;
}
.arco-transfer-view-search{
  padding:8px 12px 4px;
}
.arco-transfer-view-list{
  flex:1;
}
.arco-transfer-view-custom-list{
  flex:1;
  overflow:auto;
}
.arco-transfer-view-header,.arco-transfer-view-item{
  align-items:center;
  display:flex;
  padding:0 10px;
}
.arco-transfer-view-header>:first-child,.arco-transfer-view-item .arco-transfer-view-item-content{
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-transfer-view-header>:first-child:not(:last-child),.arco-transfer-view-item .arco-transfer-view-item-content:not(:last-child){
  margin-right:8px;
}
.arco-transfer-view-header{
  background-color:var(--color-fill-1);
  color:var(--color-text-1);
  font-size:12px;
  font-weight:500;
  height:40px;
  line-height:40px;
}
.arco-transfer-view-header-title{
  align-items:center;
  display:flex;
}
.arco-transfer-view-header-title .arco-checkbox{
  font-size:inherit;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-transfer-view-header-title .arco-checkbox-text{
  color:inherit;
}
.arco-transfer-view-header-unit{
  color:var(--color-text-3);
  font-size:12px;
  font-weight:400;
  margin-right:2px;
}
.arco-transfer-view-item{
  background-color:transparent;
  color:var(--color-text-1);
  cursor:default;
  height:36px;
  line-height:36px;
  list-style:none;
  position:relative;
}
.arco-transfer-view-item-content{
  font-size:12px;
}
.arco-transfer-view-item-disabled{
  background-color:transparent;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-transfer-view-item .arco-checkbox{
  width:100%;
}
.arco-transfer-view-item .arco-checkbox-text{
  color:inherit;
}
.arco-transfer-view-item-draggable:before{
  border-radius:1px;
  content:"";
  display:block;
  height:2px;
  left:0;
  position:absolute;
  right:0;
}
.arco-transfer-view-item-gap-bottom:before{
  background-color:rgb(var(--primary-6));
  bottom:-2px;
}
.arco-transfer-view-item-gap-top:before{
  background-color:rgb(var(--primary-6));
  top:-2px;
}
.arco-transfer-view-item-dragging{
  background-color:var(--color-fill-1) !important;
  color:var(--color-text-4) !important;
}
.arco-transfer-view-item-dragged{
  animation:arco-transfer-drag-item-blink .4s;
  animation-timing-function:linear;
}
.arco-transfer-view .arco-transfer-view-icon-clear,.arco-transfer-view .arco-transfer-view-item-icon-remove{
  color:var(--color-text-2);
  cursor:pointer;
  font-size:12px;
}
.arco-transfer-view .arco-transfer-view-icon-clear:hover:before,.arco-transfer-view .arco-transfer-view-item-icon-remove:hover:before{
  background-color:var(--color-fill-3);
}
.arco-transfer-view .arco-list{
  border-radius:0;
  display:flex;
  flex-direction:column;
  height:100%;
}
.arco-transfer-view .arco-list-content{
  flex:1;
  overflow-y:auto;
}
.arco-transfer-view .arco-list-footer{
  align-items:center;
  box-sizing:border-box;
  display:flex;
  height:40px;
  padding:0 8px;
  position:relative;
}
.arco-transfer-view .arco-list .arco-pagination{
  margin:0;
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
}
.arco-transfer-view .arco-list .arco-pagination-jumper-input{
  width:24px;
}
.arco-transfer-view .arco-list .arco-pagination-jumper-separator{
  padding:0 8px;
}
.arco-transfer-view .arco-checkbox{
  padding-left:6px;
}
.arco-transfer-view .arco-checkbox-wrapper{
  display:inline;
}
.arco-transfer-view .arco-checkbox .arco-icon-hover:hover:before{
  background-color:var(--color-fill-3);
}
.arco-transfer-operations{
  padding:0 20px;
}
.arco-transfer-operations .arco-btn{
  display:block;
}
.arco-transfer-operations .arco-btn:last-child{
  margin-top:12px;
}
.arco-transfer-operations-words .arco-btn{
  padding:0 12px;
  text-align:left;
  width:100%;
}
.arco-transfer-simple .arco-transfer-view-source{
  border-bottom-right-radius:0;
  border-right:none;
  border-top-right-radius:0;
}
.arco-transfer-simple .arco-transfer-view-target{
  border-bottom-left-radius:0;
  border-top-left-radius:0;
}
.arco-transfer-disabled .arco-transfer-view-header{
  color:var(--color-text-4);
}
@keyframes arco-transfer-drag-item-blink{
  0%{
    background-color:var(--color-primary-light-1);
  }
  to{
    background-color:transparent;
  }
}
.arco-icon-hover.arco-tree-node-icon-hover:before{
  height:16px;
  width:16px;
}
.arco-tree-node-switcher{
  align-items:center;
  color:var(--color-text-2);
  cursor:pointer;
  display:flex;
  flex-shrink:0;
  font-size:12px;
  height:32px;
  margin-right:10px;
  position:relative;
  user-select:none;
  width:12px;
}
.arco-tree-node-switcher-icon{
  margin:0 auto;
  position:relative;
}
.arco-tree-node-switcher-icon svg{
  position:relative;
  transform:rotate(-90deg);
  transition:transform .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-tree-node-expanded .arco-tree-node-switcher-icon svg,.arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg{
  transform:rotate(0);
}
.arco-tree-node-drag-icon{
  color:rgb(var(--primary-6));
  margin-left:120px;
  opacity:0;
}
.arco-tree-node-custom-icon{
  cursor:pointer;
  font-size:inherit;
  margin-right:10px;
  user-select:none;
}
.arco-tree-node .arco-icon-loading{
  color:rgb(var(--primary-6));
}
.arco-tree-node-minus-icon,.arco-tree-node-plus-icon{
  background:var(--color-fill-2);
  border:1px solid transparent;
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  cursor:pointer;
  display:block;
  height:14px;
  position:relative;
  width:14px;
}
.arco-tree-node-minus-icon:after,.arco-tree-node-plus-icon:after{
  height:2px;
  margin-left:-3px;
  margin-top:-1px;
  width:6px;
}
.arco-tree-node-minus-icon:after,.arco-tree-node-plus-icon:after,.arco-tree-node-plus-icon:before{
  background-color:var(--color-text-2);
  border-radius:.5px;
  color:var(--color-text-2);
  content:"";
  display:block;
  left:50%;
  position:absolute;
  top:50%;
}
.arco-tree-node-plus-icon:before{
  height:6px;
  margin-left:-1px;
  margin-top:-3px;
  width:2px;
}
.arco-tree{
  color:var(--color-text-1);
}
.arco-tree .arco-checkbox{
  line-height:32px;
  margin-right:10px;
  padding-left:0;
}
.arco-tree-node{
  align-items:flex-start;
  color:var(--color-text-1);
  cursor:pointer;
  display:flex;
  flex-wrap:nowrap;
  line-height:1.5715;
  padding-left:2px;
  position:relative;
}
.arco-tree-node-selected .arco-tree-node-title,.arco-tree-node-selected .arco-tree-node-title:hover{
  color:rgb(var(--primary-6));
  transition:color .2s linear;
}
.arco-tree-node-disabled .arco-tree-node-title,.arco-tree-node-disabled .arco-tree-node-title:hover,.arco-tree-node-disabled-selectable .arco-tree-node-title,.arco-tree-node-disabled-selectable .arco-tree-node-title:hover{
  background:none;
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title{
  color:var(--color-primary-light-3);
}
.arco-tree-node-title-block{
  box-sizing:content-box;
  flex:1;
}
.arco-tree-node-title-block .arco-tree-node-drag-icon{
  margin-left:unset;
  position:absolute;
  right:12px;
}
.arco-tree-node-indent{
  align-self:stretch;
  flex-shrink:0;
  position:relative;
}
.arco-tree-node-indent-block{
  display:inline-block;
  height:100%;
  margin-right:10px;
  position:relative;
  width:12px;
}
.arco-tree-node-title{
  border-radius:var(--border-radius-small);
  font-size:12px;
  margin-left:-4px;
  padding:6.5px 4px;
  position:relative;
}
.arco-tree-node-title:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-1);
}
.arco-tree-node-title:hover .arco-tree-node-drag-icon{
  opacity:1;
}
.arco-tree-node-title-draggable:before{
  border-radius:1px;
  content:"";
  display:block;
  height:2px;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.arco-tree-node-title-gap-bottom:before{
  bottom:0;
  top:unset;
}
.arco-tree-node-title-gap-bottom:before,.arco-tree-node-title-gap-top:before{
  background-color:rgb(var(--primary-6));
}
.arco-tree-node-title-highlight{
  background-color:var(--color-primary-light-1);
  color:var(--color-text-1);
}
.arco-tree-node-title-dragging,.arco-tree-node-title-dragging:hover{
  background-color:var(--color-fill-1);
  color:var(--color-text-4);
}
.arco-tree-show-line{
  padding-left:1px;
}
.arco-tree-show-line .arco-tree-node-switcher{
  text-align:center;
  width:14px;
}
.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover{
  width:100%;
}
.arco-tree-show-line .arco-tree-node-indent-block{
  width:14px;
}
.arco-tree-show-line .arco-tree-node-indent-block:before{
  border-left:1px solid var(--color-neutral-3);
  bottom:-5px;
  box-sizing:border-box;
  content:"";
  left:50%;
  position:absolute;
  top:-5px;
  transform:translateX(-50%);
  width:1px;
}
.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after{
  border-left:1px solid var(--color-neutral-3);
  bottom:-5px;
  box-sizing:border-box;
  content:"";
  position:absolute;
  right:-7px;
  top:27px;
  transform:translateX(50%);
  width:1px;
}
.arco-tree-show-line .arco-tree-node-indent-block-lineless:before{
  display:none;
}
.arco-tree-size-mini .arco-tree-node-switcher{
  height:24px;
}
.arco-tree-size-mini .arco-checkbox{
  line-height:24px;
}
.arco-tree-size-mini .arco-tree-node-title{
  font-size:12px;
  line-height:1.667;
  padding-bottom:2px;
  padding-top:2px;
}
.arco-tree-size-mini .arco-tree-node-indent-block:before{
  bottom:-1px;
  top:23px;
}
.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after{
  bottom:-1px;
  top:-1px;
}
.arco-tree-size-small .arco-tree-node-switcher{
  height:28px;
}
.arco-tree-size-small .arco-checkbox{
  line-height:28px;
}
.arco-tree-size-small .arco-tree-node-title{
  font-size:12px;
  padding-bottom:9px / 2;
  padding-top:9px / 2;
}
.arco-tree-size-small .arco-tree-node-indent-block:before{
  bottom:-3px;
  top:25px;
}
.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after{
  bottom:-3px;
  top:-3px;
}
.arco-tree-size-large .arco-tree-node-switcher{
  height:36px;
}
.arco-tree-size-large .arco-checkbox{
  line-height:36px;
}
.arco-tree-size-large .arco-tree-node-title{
  font-size:12px;
  padding-bottom:17px / 2;
  padding-top:17px / 2;
}
.arco-tree-size-large .arco-tree-node-indent-block:before{
  bottom:-7px;
  top:29px;
}
.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent:after{
  bottom:-7px;
  top:-7px;
}
.arco-tree-node-list{
  overflow:hidden;
  transition:height .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-tree-select .arco-tree-select-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-1);
}
.arco-tree-select:hover .arco-tree-select-view{
  background-color:var(--color-fill-3);
  border-color:transparent;
}
.arco-tree-select.arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--primary-6));
  box-shadow:0 0 0 0 var(--color-primary-light-2);
  color:var(--color-text-1);
}
.arco-tree-select .arco-tree-select-arrow-icon,.arco-tree-select .arco-tree-select-clear-icon,.arco-tree-select .arco-tree-select-expand-icon,.arco-tree-select .arco-tree-select-loading-icon,.arco-tree-select .arco-tree-select-search-icon,.arco-tree-select .arco-tree-select-suffix-icon{
  color:var(--color-text-2);
}
.arco-tree-select-error .arco-tree-select-view{
  background-color:var(--color-danger-light-1);
  border:1px solid transparent;
}
.arco-tree-select-error:hover .arco-tree-select-view{
  background-color:var(--color-danger-light-2);
  border-color:transparent;
}
.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view{
  background-color:var(--color-bg-2);
  border-color:rgb(var(--danger-6));
  box-shadow:0 0 0 0 var(--color-danger-light-2);
  color:var(--color-text-1);
}
.arco-tree-select-disabled .arco-tree-select-view{
  background-color:var(--color-fill-2);
  border:1px solid transparent;
  color:var(--color-text-4);
}
.arco-tree-select-disabled:hover .arco-tree-select-view{
  background-color:var(--color-fill-2);
  border-color:transparent;
}
.arco-tree-select-disabled .arco-tree-select-arrow-icon,.arco-tree-select-disabled .arco-tree-select-clear-icon,.arco-tree-select-disabled .arco-tree-select-expand-icon,.arco-tree-select-disabled .arco-tree-select-loading-icon,.arco-tree-select-disabled .arco-tree-select-search-icon,.arco-tree-select-disabled .arco-tree-select-suffix-icon{
  color:var(--color-text-4);
}
.arco-tree-select-no-border .arco-tree-select-view{
  background:none !important;
  border:none !important;
}
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:4px;
}
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix{
  padding-right:4px;
}
.arco-tree-select-size-mini.arco-tree-select-multiple input{
  font-size:12px;
}
.arco-tree-select-size-mini.arco-tree-select-single .arco-tree-select-view{
  font-size:12px;
  height:24px;
  line-height:22px;
  padding:0 7px;
}
.arco-tree-select-size-mini.arco-tree-select-single input{
  font-size:12px;
}
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix{
  padding-left:7px;
}
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix{
  padding-right:8px;
}
.arco-tree-select-size-small.arco-tree-select-multiple input{
  font-size:12px;
}
.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view{
  font-size:12px;
  height:28px;
  line-height:26px;
  padding:0 11px;
}
.arco-tree-select-size-small.arco-tree-select-single input{
  font-size:12px;
}
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix{
  padding-left:11px;
}
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view{
  font-size:12px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:8px;
}
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix{
  padding-right:8px;
}
.arco-tree-select-size-default.arco-tree-select-multiple input{
  font-size:12px;
}
.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view{
  font-size:12px;
  height:32px;
  line-height:30px;
  padding:0 11px;
}
.arco-tree-select-size-default.arco-tree-select-single input{
  font-size:12px;
}
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix{
  padding-left:11px;
}
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view{
  font-size:16px;
  height:auto;
  line-height:0;
  padding:0 3px;
}
.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror,.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input{
  box-sizing:border-box;
  padding-left:12px;
}
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix{
  padding-right:12px;
}
.arco-tree-select-size-large.arco-tree-select-multiple input{
  font-size:16px;
}
.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view{
  font-size:16px;
  height:36px;
  line-height:34px;
  padding:0 15px;
}
.arco-tree-select-size-large.arco-tree-select-single input{
  font-size:16px;
}
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix{
  padding-left:15px;
}
.arco-tree-select{
  cursor:pointer;
  display:inline-block;
}
.arco-tree-select,.arco-tree-select-view{
  box-sizing:border-box;
  position:relative;
  width:100%;
}
.arco-tree-select-view{
  border-radius:var(--border-radius-small);
  display:flex;
  outline:none;
  text-align:left;
  transition:all .1s linear,padding 0s linear;
  user-select:none;
}
.arco-tree-select-view input{
  color:inherit;
  cursor:inherit;
}
.arco-tree-select-view input::placeholder{
  color:var(--color-text-3);
}
.arco-tree-select-multiple,.arco-tree-select-show-search{
  cursor:text;
}
.arco-tree-select-disabled{
  cursor:not-allowed;
}
.arco-tree-select-disabled .arco-tree-select-view input::placeholder{
  color:var(--color-text-4);
}
.arco-tree-select-single .arco-tree-select-view-input{
  background:transparent;
  border:none;
  box-sizing:border-box;
  outline:none;
  overflow:hidden;
  padding:0;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-tree-select-single .arco-tree-select-view-value{
  box-sizing:border-box;
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.arco-tree-select-single .arco-tree-select-view-value:after{
  content:".";
  font-size:0;
  line-height:0;
  visibility:hidden;
}
.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden{
  position:absolute;
  width:0 !important;
}
.arco-tree-select-multiple{
  vertical-align:top;
}
.arco-tree-select-multiple .arco-tree-select-view{
  line-height:0;
  padding:0 4px;
}
.arco-tree-select-multiple .arco-tree-select-view-with-prefix{
  padding-left:12px;
}
.arco-tree-select-multiple .arco-input-tag{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  flex:1;
  overflow:hidden;
  padding:0;
}
.arco-tree-select-multiple .arco-tag{
  max-width:100%;
}
.arco-tree-select-multiple:not(.arco-tree-select-focused) .arco-input-tag input:not(:first-child)[value=""]{
  position:absolute;
  width:0 !important;
}
.arco-tree-select-prefix{
  align-items:center;
  color:var(--color-text-2);
  display:flex;
  margin-right:12px;
  white-space:nowrap;
}
.arco-tree-select-suffix{
  align-items:center;
  display:flex;
  margin-left:4px;
}
.arco-tree-select-clear-icon,.arco-tree-select-expand-icon,.arco-tree-select-loading-icon,.arco-tree-select-search-icon,.arco-tree-select-suffix-icon{
  font-size:12px;
  transition:all .1s linear;
}
.arco-tree-select-arrow-icon{
  font-size:12px;
}
.arco-tree-select-open .arco-tree-select-arrow-icon svg{
  transform:rotate(180deg);
}
.arco-tree-select .arco-tree-select-clear-icon{
  cursor:pointer;
  display:none;
}
.arco-tree-select .arco-tree-select-clear-icon>svg{
  position:relative;
  transition:all .1s linear;
}
.arco-tree-select:hover .arco-tree-select-clear-icon{
  display:block;
}
.arco-tree-select:hover .arco-tree-select-clear-icon~*{
  display:none;
}
.arco-tree-select-popup{
  background-color:var(--color-bg-popup);
  border:1px solid var(--color-fill-3);
  border-radius:var(--border-radius-medium);
  box-shadow:0 4px 10px rgba(0,0,0,.1);
  box-sizing:border-box;
  max-height:200px;
  overflow:auto;
  padding:4px 4px 4px 10px;
}
.arco-tree-select-popup .arco-tree-node{
  padding-left:0;
}
.arco-tree-select-highlight{
  font-weight:500;
}
.arco-trigger{
  backface-visibility:hidden;
  position:absolute;
  z-index:1000;
}
.arco-trigger-arrow{
  background-color:var(--color-bg-5);
  box-sizing:border-box;
  content:"";
  display:block;
  height:8px;
  position:absolute;
  transform:rotate(45deg);
  transform-origin:50% 50% 0;
  width:8px;
  z-index:-1;
}
.arco-trigger[trigger-placement=tl] .arco-trigger-arrow,.arco-trigger[trigger-placement=top] .arco-trigger-arrow,.arco-trigger[trigger-placement=tr] .arco-trigger-arrow{
  border-bottom-right-radius:2px;
  border-left:none;
  border-top:none;
  bottom:-4px;
  margin-left:-4px;
}
.arco-trigger[trigger-placement=bl] .arco-trigger-arrow,.arco-trigger[trigger-placement=bottom] .arco-trigger-arrow,.arco-trigger[trigger-placement=br] .arco-trigger-arrow{
  border-bottom:none;
  border-right:none;
  border-top-left-radius:2px;
  margin-left:-4px;
  top:-4px;
}
.arco-trigger[trigger-placement=lb] .arco-trigger-arrow,.arco-trigger[trigger-placement=left] .arco-trigger-arrow,.arco-trigger[trigger-placement=lt] .arco-trigger-arrow{
  border-bottom:none;
  border-left:none;
  border-top-right-radius:2px;
  margin-top:-4px;
  right:-4px;
}
.arco-trigger[trigger-placement=rb] .arco-trigger-arrow,.arco-trigger[trigger-placement=right] .arco-trigger-arrow,.arco-trigger[trigger-placement=rt] .arco-trigger-arrow{
  border-bottom-left-radius:2px;
  border-right:none;
  border-top:none;
  left:-4px;
  margin-top:-4px;
}
.arco-typography{
  color:var(--color-text-1);
  line-height:1.5715;
  word-break:break-all;
}
h1.arco-typography,h2.arco-typography,h3.arco-typography,h4.arco-typography,h5.arco-typography,h6.arco-typography{
  font-weight:500;
  margin-bottom:.5em;
  margin-top:1em;
}
h1.arco-typography{
  font-size:36px;
  line-height:1.23;
}
h2.arco-typography{
  font-size:32px;
  line-height:1.25;
}
h3.arco-typography{
  font-size:28px;
  line-height:1.29;
}
h4.arco-typography{
  font-size:24px;
  line-height:1.33;
}
h5.arco-typography{
  font-size:20px;
  line-height:1.4;
}
h6.arco-typography{
  font-size:16px;
  line-height:1.5;
}
div.arco-typography,p.arco-typography{
  margin-bottom:1em;
  margin-top:0;
}
.arco-typography-simple-ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-typography-primary{
  color:rgb(var(--primary-6));
}
.arco-typography-secondary{
  color:var(--color-text-2);
}
.arco-typography-success{
  color:rgb(var(--success-6));
}
.arco-typography-warning{
  color:rgb(var(--warning-6));
}
.arco-typography-error{
  color:rgb(var(--danger-6));
}
.arco-typography-disabled{
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-typography mark{
  background-color:rgb(var(--yellow-4));
}
.arco-typography u{
  text-decoration:underline;
}
.arco-typography del{
  text-decoration:line-through;
}
.arco-typography b{
  font-weight:500;
}
.arco-typography code{
  background-color:var(--color-neutral-2);
  border:1px solid var(--color-neutral-3);
  border-radius:2px;
  color:var(--color-text-2);
  font-size:85%;
  margin:0 2px;
  padding:2px 8px;
}
.arco-typography blockquote{
  background-color:var(--color-bg-2);
  border-left:2px solid var(--color-neutral-6);
  margin:0 0 1em;
  padding-left:8px;
}
.arco-typography ol,.arco-typography ul{
  margin:0;
  padding:0;
}
.arco-typography ol li,.arco-typography ul li{
  margin-left:20px;
}
.arco-typography ul{
  list-style:circle;
}
.arco-typography-spacing-close{
  line-height:1.3;
}
.arco-typography-operation-copied,.arco-typography-operation-copy{
  margin-left:2px;
  padding:2px;
}
.arco-typography-operation-copy{
  background-color:transparent;
  border-radius:2px;
  color:var(--color-text-2);
  cursor:pointer;
  transition:background-color .1s linear;
}
.arco-typography-operation-copy:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-2);
}
.arco-typography-operation-copied{
  color:rgb(var(--success-6));
}
.arco-typography-operation-edit{
  background-color:transparent;
  border-radius:2px;
  color:var(--color-text-2);
  cursor:pointer;
  margin-left:2px;
  padding:2px;
  transition:background-color .1s linear;
}
.arco-typography-operation-edit:hover{
  background-color:var(--color-fill-2);
  color:var(--color-text-2);
}
.arco-typography-operation-expand{
  color:rgb(var(--primary-6));
  cursor:pointer;
  margin:0 4px;
}
.arco-typography-operation-expand:hover{
  color:rgb(var(--primary-5));
}
.arco-typography-edit-content{
  left:-13px;
  margin-bottom:calc(1em - 5px);
  margin-right:-13px;
  margin-top:-5px;
  position:relative;
}
.arco-upload{
  display:inline-block;
  max-width:100%;
}
.arco-upload-type-picture-card{
  vertical-align:top;
}
.arco-upload-drag{
  width:100%;
}
.arco-upload-hide{
  display:none;
}
.arco-upload-disabled .arco-upload-trigger-picture,.arco-upload-disabled .arco-upload-trigger-picture:hover{
  background-color:var(--color-fill-1);
  border-color:var(--color-neutral-4);
  color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-upload-disabled .arco-upload-trigger-drag,.arco-upload-disabled .arco-upload-trigger-drag:hover{
  background-color:var(--color-fill-1);
  border-color:var(--color-text-4);
  cursor:not-allowed;
}
.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus,.arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text,.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus,.arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text,.arco-upload-disabled .arco-upload-trigger-tip{
  color:var(--color-text-4);
}
.arco-upload-trigger{
  cursor:pointer;
  display:inline-block;
  vertical-align:top;
  width:100%;
}
.arco-upload-trigger-tip{
  color:var(--color-text-3);
  font-size:12px;
  line-height:1.5;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-upload-trigger-picture{
  background:var(--color-fill-2);
  border:1px dashed var(--color-neutral-3);
  border-radius:var(--border-radius-small);
  color:var(--color-text-2);
  height:80px;
  margin-bottom:0;
  min-width:80px;
  text-align:center;
  transition:all .1s linear;
}
.arco-upload-trigger-picture:hover{
  background-color:var(--color-fill-3);
  border-color:var(--color-neutral-4);
  color:var(--color-text-2);
}
.arco-upload-trigger-picture-text{
  position:relative;
  top:50%;
  transform:translateY(-50%);
}
.arco-upload-trigger-drag{
  background-color:var(--color-fill-1);
  border:1px dashed var(--color-neutral-3);
  border-radius:var(--border-radius-small);
  color:var(--color-text-1);
  padding:50px 0;
  text-align:center;
  transition:all .2s ease;
  width:100%;
}
.arco-upload-trigger-drag .arco-icon-plus{
  color:var(--color-text-2);
  font-size:14px;
  margin-bottom:24px;
}
.arco-upload-trigger-drag:hover{
  background-color:var(--color-fill-3);
  border-color:var(--color-neutral-4);
}
.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text{
  color:var(--color-text-1);
}
.arco-upload-trigger-drag:hover .arco-icon-plus{
  color:var(--color-text-2);
}
.arco-upload-trigger-drag-active{
  background-color:var(--color-primary-light-1);
  border-color:rgb(var(--primary-6));
  color:var(--color-text-1);
}
.arco-upload-trigger-drag-active .arco-upload-trigger-drag-text{
  color:var(--color-text-1);
}
.arco-upload-trigger-drag-active .arco-icon-plus{
  color:rgb(var(--primary-6));
}
.arco-upload-trigger-drag .arco-upload-trigger-tip{
  margin-top:0;
}
.arco-upload-trigger-drag-text{
  color:var(--color-text-1);
  font-size:12px;
  line-height:1.5;
}
.arco-upload-hide+.arco-upload-list .arco-upload-list-item:first-of-type{
  margin-top:0;
}
.arco-upload-list{
  width:100%;
}
.arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type,.arco-upload-list-type-text .arco-upload-list-item:first-of-type{
  margin-top:24px;
}
.arco-upload-list-file-icon{
  color:rgb(var(--primary-6));
  font-size:16px;
  line-height:16px;
  margin-right:12px;
}
.arco-upload-list-preview-icon{
  cursor:pointer;
}
.arco-upload-list-error-icon{
  color:rgb(var(--danger-6));
  cursor:pointer;
  font-size:14px;
  margin-left:4px;
}
.arco-upload-list-success-icon{
  color:rgb(var(--success-6));
  cursor:pointer;
  font-size:14px;
  line-height:14px;
}
.arco-upload-list-remove-icon{
  cursor:pointer;
  font-size:14px;
  position:relative;
}
.arco-upload-list-cancel-icon,.arco-upload-list-start-icon{
  color:var(--color-white);
  font-size:12px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translateX(-50%) translateY(-50%);
}
.arco-upload-list-reupload-icon{
  color:rgb(var(--primary-6));
  cursor:pointer;
  font-size:14px;
  transition:all .2s ease;
}
.arco-upload-list-reupload-icon:active,.arco-upload-list-reupload-icon:hover{
  color:rgb(var(--primary-7));
}
.arco-upload-list-status{
  cursor:pointer;
  line-height:12px;
  position:relative;
}
.arco-upload-list-status:hover .arco-progress-circle-mask{
  stroke:rgba(var(--gray-10), .2);
}
.arco-upload-list-status:hover .arco-progress-circle-path{
  stroke:rgb(var(--primary-7));
}
.arco-upload-list-item-done .arco-upload-list-file-icon{
  color:rgb(var(--primary-6));
}
.arco-upload-list-item{
  box-sizing:border-box;
  margin-top:12px;
  padding-right:24px;
  position:relative;
}
.arco-upload-list-item-operation{
  color:var(--color-text-2);
  font-size:12px;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
.arco-upload-list-item-operation .arco-upload-list-remove-icon{
  font-size:inherit;
}
.arco-upload-list-item-text{
  align-items:center;
  background-color:var(--color-fill-1);
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  display:flex;
  flex-wrap:nowrap;
  font-size:12px;
  padding:8px 10px 8px 12px;
  width:100%;
}
.arco-upload-list-item-text-content{
  align-items:center;
  display:flex;
  flex:1;
  flex-wrap:nowrap;
  justify-content:space-between;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:background-color .1s linear;
  white-space:nowrap;
}
.arco-upload-list-item-text-thumbnail{
  flex-shrink:0;
  height:40px;
  margin-right:12px;
  width:40px;
}
.arco-upload-list-item-text-thumbnail img{
  height:100%;
  width:100%;
}
.arco-upload-list-item-text-name{
  align-items:center;
  color:var(--color-text-1);
  display:flex;
  flex-grow:1;
  flex-shrink:1;
  font-size:12px;
  line-height:1.4286;
  margin-right:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arco-upload-list-item-text-name-link{
  color:rgb(var(--link-6));
  cursor:pointer;
  text-decoration:none;
}
.arco-upload-list-item-text-name-link,.arco-upload-list-item-text-name-text{
  overflow:hidden;
  text-overflow:ellipsis;
}
.arco-upload-list-item-done .arco-upload-list-status,.arco-upload-list-item-error .arco-upload-list-status{
  display:none;
}
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name,.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link{
  color:rgb(var(--danger-6));
}
.arco-upload-list.arco-upload-list-type-picture-card{
  display:inline;
  vertical-align:top;
}
.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status{
  margin-left:0;
  top:50%;
  transform:translateY(-50%);
}
.arco-upload-list-type-picture-card .arco-upload-list-item{
  display:inline-block;
  margin-bottom:8px;
  margin-right:8px;
  margin-top:0;
  overflow:hidden;
  padding-right:0;
  transition:all .2s cubic-bezier(.34, .69, .1, 1);
  vertical-align:top;
}
.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask{
  opacity:1;
}
.arco-upload-list-item-picture{
  border-radius:var(--border-radius-small);
  box-sizing:border-box;
  height:80px;
  line-height:80px;
  overflow:hidden;
  position:relative;
  text-align:center;
  vertical-align:top;
  width:80px;
}
.arco-upload-list-item-picture img{
  height:100%;
  width:100%;
}
.arco-upload-list-item-picture-mask{
  background:rgba(0,0,0,.5);
  bottom:0;
  color:var(--color-white);
  cursor:pointer;
  font-size:16px;
  left:0;
  line-height:80px;
  opacity:0;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  transition:opacity .1s linear;
}
.arco-upload-list-item-picture-operation{
  display:none;
  font-size:14px;
}
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon{
  color:var(--color-white);
}
.arco-upload-list-item-picture-operation .arco-upload-list-preview-icon+.arco-upload-list-remove-icon,.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon+.arco-upload-list-remove-icon{
  margin-left:20px;
}
.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon{
  color:var(--color-white);
  font-size:26px;
}
.arco-upload-list-item-picture-mask:hover,.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation{
  display:block;
  opacity:1;
}
.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip{
  display:none;
}
.arco-upload-list-type-picture-list .arco-upload-list-item-text{
  padding-bottom:8px;
  padding-top:8px;
}
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text{
  background-color:var(--color-danger-light-1);
}
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name,.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name-link{
  color:rgb(var(--danger-6));
}
.arco-upload-slide-up-enter{
  opacity:0;
}
.arco-upload-slide-up-enter-active{
  opacity:1;
  transition:opacity .2s cubic-bezier(.34, .69, .1, 1);
}
.arco-upload-slide-up-exit{
  opacity:1;
}
.arco-upload-slide-up-exit-active{
  margin:0;
  opacity:0;
  overflow:hidden;
  transition:opacity .1s linear,height .3s cubic-bezier(.34, .69, .1, 1) .1s,margin .3s cubic-bezier(.34, .69, .1, 1) .1s;
}
.arco-upload-list-item.arco-upload-slide-inline-enter{
  opacity:0;
}
.arco-upload-list-item.arco-upload-slide-inline-enter-active{
  opacity:1;
  transition:opacity .2s linear;
}
.arco-upload-list-item.arco-upload-slide-inline-exit{
  opacity:1;
}
.arco-upload-list-item.arco-upload-slide-inline-exit-active{
  margin:0;
  opacity:0;
  overflow:hidden;
  transition:opacity .1s linear,width .3s cubic-bezier(.34, .69, .1, 1) .1s,margin .3s cubic-bezier(.34, .69, .1, 1) .1s;
}
.arco-spin-children:after{
  z-index:999;
}
.arco-btn{
  line-height:1.5715 !important;
}
.arco-btn-primary:not(.arco-btn-disabled){
  background:#1664ff;
}
.arco-btn-size-default svg{
  vertical-align:-2px !important;
}
.arco-radio-group .arco-radio{
  white-space:nowrap;
}
.arco-cascader-view{
  background:#f2f3f8 !important;
}
.form-hide-require-style .arco-form-item-symbol{
  display:none;
}
.arco-input-group-addafter{
  background-color:#f2f3f8;
  border:0;
}
.common-link{
  color:#1664ff !important;
}
.common-style-form .arco-form-label-item>label{
  font-size:13px;
}
.common-style-form .arco-form-item>.arco-form-label-item{
  width:92px;
}
.common-style-form .arco-form-item>.arco-form-item-wrapper{
  flex:1;
}
.arco-form-label-item{
  text-align:left;
}
.arco-form-label-item>label{
  margin-left:16px;
}
.arco-form-label-item>label .arco-form-item-symbol{
  margin-left:-16px;
  position:relative;
}
.arco-form-label-item:has(""){
  text-indent:0;
}
.arco-form .arco-row:last-child{
  margin-bottom:0;
}
.arco-table .arco-table-th:first-child,.arco-table .arco-table-th:last-child{
  border-radius:0;
}
.arco-table-th-item.arco-table-cell-mouseenter,.arco-table-th.arco-table-col-sorted{
  background-color:var(--color-neutral-2) !important;
}
.arco-table-td.arco-table-col-sorted{
  background-color:var(--color-bg-2);
}
.arco-card-body{
  border-radius:4px;
}
.arco-modal-header .arco-modal-title{
  display:flex;
  font-size:14px;
  font-weight:600;
}
.layout .header .arco-menu{
  font-family:PingFangSC;
  font-size:13px;
  font-style:normal;
  font-weight:600;
  line-height:22px;
}
.layout .header .arco-menu .arco-menu-inner{
  overflow:hidden;
  padding:10px 20px;
}
.layout .header .arco-menu .arco-menu-inner .arco-menu-icon-suffix{
  margin-left:12px;
}
.layout .header .arco-menu .arco-menu-inner .arco-menu-icon-suffix svg{
  height:10px;
  width:10px;
}
.layout .header .arco-menu .arco-menu-inner .arco-menu-selected{
  color:#468dff;
  font-weight:600;
}
.layout .header .arco-menu .arco-menu-inner .arco-menu-selected svg{
  color:#468dff !important;
}
.layout .header .arco-menu .menuitem:not(.arco-menu-selected):hover{
  color:#fff;
}
.layout .header .arco-menu .arco-menu-selected-label{
  bottom:-10px;
}
.arco-table-sorter{
  margin-left:12px;
  transform:scale(.8);
  transform:scale(.6);
}
.arco-table-sorter .arco-icon{
  color:#4e5969;
}
.arco-table-filters-open,.arco-table-filters:hover{
  background:transparent;
}
.arco-table-filters{
  display:inline-block;
  margin-left:10px;
  position:static;
  vertical-align:-2px;
}
.arco-table-filters svg{
  font-size:14px;
}
.arco-table-filters-list{
  padding:8px 0 4px;
}
.arco-table-custom-filter{
  background-color:var(--color-bg-5);
  box-shadow:0 2px 8px 0 rgba(0,0,0,.15);
  padding:10px;
}
.arco-table-column-sorters,.arco-table-filter-column{
  justify-content:flex-start;
}
.arco-table-column-title{
  flex:0 0 auto;
}
.arco-table-column-sorter{
  margin-left:8px;
}
.arco-table-column-sorter-down,.arco-table-column-sorter-up{
  font-size:9px;
}
.arco-table-filter-trigger{
  margin-left:8px;
  padding:0;
}
.arco-table-border .arco-table-container .arco-table-expand-fixed-row{
  border-left:0;
}
.arco-table-filters-btn{
  justify-content:end;
}
.arco-table-cell .arco-checkbox-inner{
  border:2px solid #c9cdd4;
  border-radius:2px;
}
.arco-table{
  line-height:20px;
}
.arco-table .arco-table-th{
  font-family:PingFangSC-Medium !important;
  font-weight:500 !important;
  padding-bottom:4px;
  padding-top:4px;
}
.arco-table-content-inner tr>td{
  border-bottom-color:#e5e8ef !important;
  font-weight:500;
  line-height:20px !important;
  padding-bottom:22px;
  padding-top:22px;
}
.arco-table-content-inner tr>td .arco-table-cell{
  height:20px;
}
.arco-pagination.mini .arco-select-arrow{
  color:#4e5969;
  font-size:9px;
}
.arco-pagination.mini .arco-pagination-item,.arco-pagination.mini .arco-pagination-jump-next-custom-icon,.arco-pagination.mini .arco-pagination-jump-prev-custom-icon,.arco-pagination.mini .arco-pagination-next,.arco-pagination.mini .arco-pagination-prev{
  height:32px;
  line-height:32px;
  width:32px;
}
.arco-pagination.mini .arco-pagination-item{
  background:#e8f4ff;
  border:0;
  border-radius:2px;
  font-weight:400;
}
.arco-pagination.mini .arco-pagination-item-active{
  border:none;
}
.arco-pagination.mini .arco-select-selection-item{
  font-weight:400;
  line-height:32px !important;
}
.arco-pagination.mini .arco-select-selector{
  padding:0 8px !important;
}
.arco-pagination.mini .arco-pagination-item-link{
  font-size:9px;
}
.arco-table-cell .arco-tag{
  font-weight:500;
}
.arco-table-thead>tr>th{
  background-color:#f2f3f8;
  border-bottom-color:#e5e8ef;
  color:#1d2129;
  font-family:PingFangSC-Medium !important;
  font-weight:500;
  padding-bottom:13px;
  padding-top:13px;
}
.arco-table-thead>tr>th:before{
  display:none;
}
.arco-card-actions{
  height:40px;
}
.arco-card-size-default .arco-card-header{
  height:auto;
  padding:20px 20px 16px;
}
.arco-card-size-default .arco-card-header .arco-card-header-title{
  font-weight:600;
  height:24px;
}
.arco-card-size-default .arco-card-body{
  padding:20px;
}
.arco-tabs-header-wrapper{
  box-shadow:0 1px 2px rgba(0,0,0,.1);
}
.arco-tabs-header-wrapper .arco-tabs-header{
  margin-left:8px;
}
.arco-tabs-header-wrapper .arco-tabs-header .arco-tabs-header-title-text{
  font-family:PingFangSC;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
}
.arco-tabs-header-wrapper .arco-tabs-header-title-active .arco-tabs-header-title-text{
  font-family:PingFangSC-Medium;
}
.arco-tabs-content{
  background-color:#f2f3f8;
  padding:20px 0;
}
.arco-page-header-head .arco-page-header-back{
  font-size:14px;
  margin-top:2px !important;
}
.arco-page-header-head .arco-page-header-back:before{
  height:25px !important;
  width:25px !important;
}
.arco-textarea:focus{
  background-color:var(--color-bg-2) !important;
}
.arco-alert{
  font-family:PingFangSC;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:20px;
  min-height:54px;
}
.arco-alert .arco-alert-content{
  color:#4e5969 !important;
}
.arco-alert .arco-alert-icon-wrapper{
  height:18px;
  width:18px;
}
.arco-alert .arco-alert-icon-wrapper svg{
  height:100%;
  width:100%;
}
.arco-radio-group-type-button{
  font-family:PingFangSC;
  font-weight:500;
  line-height:22px;
}
.arco-radio-group-type-button .arco-radio-button.arco-radio-checked{
  font-family:PingFangSC-Medium;
}
.arco-radio-group-type-button .arco-radio-button-inner{
  font-size:14px !important;
}
.arco-message-wrapper-top{
  top:28px !important;
}
.arco-upload-list-item-text{
  width:256px !important;
}
.arco-picker-header-value{
  white-space:nowrap;
}
@font-face{
  font-display:swap;
  font-family:PingFangSC;
  src:url(https://img.qcraftai.com/fe-font/PingFangSC-Regular.otf);
}
@font-face{
  font-display:swap;
  font-family:PingFangSC-Medium;
  src:url(https://img.qcraftai.com/fe-font/PingFangSC-Medium.otf);
}
:root{
  --font-size-base:12px;
  --overview-shadow:0px 2px 8px rgba(43,36,36,.1);
  --overview-card-bg:#fff;
  --project-btn-margin:calc(50% - 600px);
  font-family:PingFangSC !important;
}
body{
  --gray-2:242, 243, 248;
  --gray-8:29, 33, 41;
}
body[arco-theme=dark]{
  --color-fill-2:hsla(0,0%,100%,.08);
}
#App,#app,#root,.App,.app{
  font-family:PingFangSC !important;
  font-size:12px !important;
  font-weight:400;
}
a:-webkit-any-link{
  color:inherit;
  cursor:pointer;
  text-decoration:none;
}
body,html{
  min-height:100%;
}
body{
  font-family:PingFangSC !important;
  overflow:overlay;
}
::-webkit-scrollbar{
  height:4px;
  width:4px;
}
::-webkit-scrollbar-thumb{
  background:#d8d8d8;
  border-radius:5px;
}
::-webkit-scrollbar-track{
  background:transparent;
}
button,input,optgroup,select,textarea{
  line-height:unset !important;
}
ul{
  list-style:none;
  margin:0;
  padding:0;
}
audio,canvas,embed,iframe,img,object,svg,video{
  vertical-align:baseline !important;
}
.common-table-style-small .arco-table-content-inner tr>td{
  padding-bottom:12px;
  padding-top:12px;
}
.ellipsis-line-2{
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  display:-webkit-box;
}
.ellipsis-line,.ellipsis-line-2{
  overflow:hidden;
  text-overflow:ellipsis;
}
.ellipsis-line{
  white-space:nowrap;
}
.cardTitle{
  color:#1d2129;
  font-family:PingFangSC-Medium !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:24px !important;
}
.subText{
  color:#000;
  font-family:PingFangSC !important;
  font-size:14px !important;
  font-style:normal;
  font-weight:400 !important;
  line-height:22px !important;
}
.mileText{
  color:#fa9600;
  font-size:12px;
  font-weight:500;
  line-height:20px;
}
.detailSubTitle,.mileText{
  font-family:PingFangSC-Medium !important;
  font-style:normal;
}
.detailSubTitle{
  color:#000;
  font-size:14px;
  line-height:24px;
}
.detailInfoFont{
  font-family:PingFangSC-Medium !important;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:22px;
}
.light-color-selector{
  background:#fff;
  border-radius:2px;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.light-color-selector .arco-select-view{
  background:#fff !important;
}
.form-modal .arco-modal-header .arco-modal-title{
  color:#1d2129;
  font-family:PingFangSC-Medium !important;
  font-size:14px;
  font-weight:600;
  text-align:left;
}
.visualization-popover .arco-popover-content{
  padding:10px;
  width:775px;
}
.composite-filter-dropdown .arco-menu-inner{
  font-size:12px;
}
.confirm-dialog .ant-modal-footer{
  border-top:0;
  text-align:center;
}
.common-confirm-dialog{
  padding-bottom:24px !important;
  width:374px !important;
}
.common-confirm-dialog .arco-modal-header{
  margin-bottom:20px !important;
}
.common-confirm-dialog .arco-modal-title{
  text-align:center !important;
}
.common-confirm-dialog .arco-modal-content{
  text-align:center;
}
.common-confirm-dialog .arco-modal-title .arco-icon-info-circle-fill{
  vertical-align:-4px !important;
}
.common-confirm-dialog .arco-modal-footer{
  margin-top:20px !important;
}
.empty-table-not-scroll .arco-table-content-inner{
  overflow:hidden !important;
}
.font-500{
  font-weight:500 !important;
}
.g2-tooltips-light{
  backdrop-filter:blur(10px) !important;
  background:linear-gradient(304.17deg, rgba(253,254,255,.6) -6.04%, rgba(244,247,252,.6) 85.2%) !important;
  border-radius:6px !important;
  box-shadow:none !important;
  font-family:PingFangSC !important;
  padding:8px !important;
}
.g2-tooltips-light .title{
  color:#1d2129 !important;
  font-family:PingFangSC-Medium !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:20px !important;
  margin:0 6px !important;
}
.g2-tooltips-light .content-wrap,.g2-tooltips-light .tooltip-item:not(.tooltip-item-single){
  align-items:center;
  background:hsla(0,0%,100%,.9);
  border-radius:4px;
  box-shadow:6px 0 20px rgba(34,87,188,.1);
  display:flex;
  justify-content:space-between;
  margin:4px 0;
  padding:6px 8px;
}
.g2-tooltips-light .content-wrap:last-child,.g2-tooltips-light .tooltip-item:not(.tooltip-item-single):last-child{
  margin-bottom:0;
}
.g2-tooltips-light .content-wrap .marker,.g2-tooltips-light .tooltip-item:not(.tooltip-item-single) .marker{
  border-radius:50%;
  display:inline-block;
  height:8px;
  margin-right:4px;
  width:8px;
}
.g2-tooltips-light .content-wrap .content-title,.g2-tooltips-light .tooltip-item:not(.tooltip-item-single) .content-title{
  color:#4e5969;
  font-size:12px;
  font-weight:400;
  line-height:20px;
  margin-right:16px;
  width:80px;
}
.g2-tooltips-light .content-wrap .content-value,.g2-tooltips-light .tooltip-item:not(.tooltip-item-single) .content-value{
  color:#1d2129;
  font-size:13px;
  font-weight:700;
  line-height:15px;
  text-align:right;
  width:50px;
}
.g2-tooltips-light .content-wrap .content-value:not(:last-child),.g2-tooltips-light .tooltip-item:not(.tooltip-item-single) .content-value:not(:last-child){
  margin-right:16px;
}
.error-message-wrap{
  background:#f2f3f8;
  color:#1d2129;
  font-family:PingFangSC;
  line-height:20px;
  padding:6px 10px 6px 12px;
}

.error-message-wrap,.filter-tag{
  border-radius:2px;
  font-size:12px;
  font-weight:400;
}

.filter-tag{
  background:#e5e8ef;
  display:inline-block;
  height:24px;
  line-height:24px;
  margin-right:8px;
  margin-top:3px;
  padding:0 8px;
}
.filter-tag .tag{
  align-items:center;
  display:flex;
  overflow:hidden;
  white-space:nowrap;
}
.filter-tag .input-filter{
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filter-tag.active{
  background:transparent;
  padding-right:0;
}
.filter-tag.active .tag-close-icon{
  display:none;
}
.filter-tag .tag-wrap{
  display:flex;
}
.filter-tag .tag-active{
  align-items:center;
  display:flex;
}
.filter-tag .tag-name{
  margin-right:8px;
}
.filter-tag .tag-close-icon{
  font-size:9px;
  margin-left:8px;
}

:host,:root{
  --ol-background-color:#fff;
  --ol-accent-background-color:#f5f5f5;
  --ol-subtle-background-color:hsla(0,0%,50%,.25);
  --ol-partial-background-color:hsla(0,0%,100%,.75);
  --ol-foreground-color:#333;
  --ol-subtle-foreground-color:#666;
  --ol-brand-color:#0af;
}

.ol-box{
  background-color:var(--ol-partial-background-color);
  border:1.5px solid var(--ol-background-color);
  border-radius:2px;
  box-sizing:border-box;
}

.ol-mouse-position{
  position:absolute;
  right:8px;
  top:8px;
}

.ol-scale-line{
  background:var(--ol-partial-background-color);
  border-radius:4px;
  bottom:8px;
  left:8px;
  padding:2px;
  position:absolute;
}

.ol-scale-line-inner{
  border:1px solid var(--ol-subtle-foreground-color);
  border-top:none;
  color:var(--ol-foreground-color);
  font-size:10px;
  margin:1px;
  text-align:center;
  transition:all .25s;
  will-change:contents, width;
}

.ol-scale-bar{
  bottom:8px;
  left:8px;
  position:absolute;
}

.ol-scale-bar-inner{
  display:flex;
}

.ol-scale-step-marker{
  background-color:var(--ol-foreground-color);
  float:right;
  height:15px;
  width:1px;
  z-index:10;
}

.ol-scale-step-text{
  bottom:-5px;
  font-size:10px;
  z-index:11;
}

.ol-scale-step-text,.ol-scale-text{
  color:var(--ol-foreground-color);
  position:absolute;
  text-shadow:-1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text{
  bottom:25px;
  font-size:12px;
  text-align:center;
}

.ol-scale-singlebar{
  border:1px solid var(--ol-foreground-color);
  box-sizing:border-box;
  height:10px;
  position:relative;
  z-index:9;
}

.ol-scale-singlebar-even{
  background-color:var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd{
  background-color:var(--ol-background-color);
}

.ol-unsupported{
  display:none;
}

.ol-unselectable,.ol-viewport{
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.ol-viewport canvas{
  all:unset;
}

.ol-viewport{
  touch-action:none;
}

.ol-selectable{
  -webkit-touch-callout:default;
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
}

.ol-grabbing{
  cursor:-webkit-grabbing;
  cursor:-moz-grabbing;
  cursor:grabbing;
}

.ol-grab{
  cursor:move;
  cursor:-webkit-grab;
  cursor:-moz-grab;
  cursor:grab;
}

.ol-control{
  background-color:var(--ol-subtle-background-color);
  border-radius:4px;
  position:absolute;
}

.ol-zoom{
  left:.5em;
  top:.5em;
}

.ol-rotate{
  right:.5em;
  top:.5em;
  transition:opacity .25s linear,visibility 0s linear;
}

.ol-rotate.ol-hidden{
  opacity:0;
  transition:opacity .25s linear,visibility 0s linear .25s;
  visibility:hidden;
}

.ol-zoom-extent{
  left:.5em;
  top:4.643em;
}

.ol-full-screen{
  right:.5em;
  top:.5em;
}

.ol-control button{
  background-color:var(--ol-background-color);
  border:none;
  border-radius:2px;
  color:var(--ol-subtle-foreground-color);
  display:block;
  font-size:inherit;
  font-weight:700;
  height:1.375em;
  line-height:.4em;
  margin:1px;
  padding:0;
  text-align:center;
  text-decoration:none;
  width:1.375em;
}

.ol-control button::-moz-focus-inner{
  border:none;
  padding:0;
}

.ol-zoom-extent button{
  line-height:1.4em;
}

.ol-compass{
  display:block;
  font-weight:400;
  will-change:transform;
}

.ol-touch .ol-control button{
  font-size:1.5em;
}

.ol-touch .ol-zoom-extent{
  top:5.5em;
}

.ol-control button:focus,.ol-control button:hover{
  color:var(--ol-foreground-color);
  outline:1px solid var(--ol-subtle-foreground-color);
  text-decoration:none;
}

.ol-zoom .ol-zoom-in{
  border-radius:2px 2px 0 0;
}

.ol-zoom .ol-zoom-out{
  border-radius:0 0 2px 2px;
}

.ol-attribution{
  align-items:center;
  bottom:.5em;
  display:flex;
  flex-flow:row-reverse;
  max-width:calc(100% - 1.3em);
  right:.5em;
  text-align:right;
}

.ol-attribution a{
  color:var(--ol-subtle-foreground-color);
  text-decoration:none;
}

.ol-attribution ul{
  color:var(--ol-foreground-color);
  font-size:12px;
  margin:0;
  padding:1px .5em;
  text-shadow:0 0 2px var(--ol-background-color);
}

.ol-attribution li{
  display:inline;
  list-style:none;
}

.ol-attribution li:not(:last-child):after{
  content:" ";
}

.ol-attribution img{
  max-height:2em;
  max-width:inherit;
  vertical-align:middle;
}

.ol-attribution button{
  flex-shrink:0;
}

.ol-attribution.ol-collapsed ul{
  display:none;
}

.ol-attribution:not(.ol-collapsed){
  background:var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible{
  border-radius:4px 0 0;
  bottom:0;
  right:0;
}

.ol-attribution.ol-uncollapsible img{
  margin-top:-.2em;
  max-height:1.6em;
}

.ol-attribution.ol-uncollapsible button{
  display:none;
}

.ol-zoomslider{
  height:200px;
  left:.5em;
  top:4.5em;
}

.ol-zoomslider button{
  height:10px;
  position:relative;
}

.ol-touch .ol-zoomslider{
  top:5.5em;
}

.ol-overviewmap{
  bottom:.5em;
  left:.5em;
}

.ol-overviewmap.ol-uncollapsible{
  border-radius:0 4px 0 0;
  bottom:0;
  left:0;
}

.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{
  display:block;
}

.ol-overviewmap .ol-overviewmap-map{
  border:1px solid var(--ol-subtle-foreground-color);
  height:150px;
  width:150px;
}

.ol-overviewmap:not(.ol-collapsed) button{
  bottom:0;
  left:0;
  position:absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{
  display:none;
}

.ol-overviewmap:not(.ol-collapsed){
  background:var(--ol-subtle-background-color);
}

.ol-overviewmap-box{
  border:1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover{
  cursor:move;
}

*,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

*,:after,:before{
  border:0 solid #e5e7eb;
  box-sizing:border-box;
}

:after,:before{
  --tw-content:"";
}

:host,html{
  -webkit-text-size-adjust:100%;
  font-feature-settings:normal;
  -webkit-tap-highlight-color:transparent;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-variation-settings:normal;
  line-height:1.5;
  -moz-tab-size:4;
  tab-size:4;
}

body{
  line-height:inherit;
  margin:0;
}

hr{
  border-top-width:1px;
  color:inherit;
  height:0;
}

abbr:where([title]){
  text-decoration:underline dotted;
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit;
}

a{
  color:inherit;
  text-decoration:inherit;
}

b,strong{
  font-weight:bolder;
}

code,kbd,pre,samp{
  font-feature-settings:normal;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em;
  font-variation-settings:normal;
}

small{
  font-size:80%;
}

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

sub{
  bottom:-.25em;
}

sup{
  top:-.5em;
}

table{
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0;
}

button,input,optgroup,select,textarea{
  font-feature-settings:inherit;
  color:inherit;
  font-family:inherit;
  font-size:100%;
  font-variation-settings:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
  padding:0;
}

button,select{
  text-transform:none;
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

:-moz-focusring{
  outline:auto;
}

:-moz-ui-invalid{
  box-shadow:none;
}

progress{
  vertical-align:baseline;
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto;
}

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

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

summary{
  display:list-item;
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0;
}

fieldset,legend,menu,ol,ul{
  padding:0;
}

menu,ol,ul{
  list-style:none;
  margin:0;
}
dialog{
  padding:0;
}

textarea{
  resize:vertical;
}

input::placeholder,textarea::placeholder{
  color:#9ca3af;
  opacity:1;
}

[role=button],button{
  cursor:pointer;
}
:disabled{
  cursor:default;
}

audio,canvas,embed,iframe,img,object,svg,video{
  display:block;
  vertical-align:middle;
}

img,video{
  height:auto;
  max-width:100%;
}
[hidden]:where(:not([hidden=until-found])){
  display:none;
}

.container{
  width:100%;
}

@media (min-width:640px){

  .container{
    max-width:640px;
  }
}

@media (min-width:768px){

  .container{
    max-width:768px;
  }
}

@media (min-width:1024px){

  .container{
    max-width:1024px;
  }
}

@media (min-width:1280px){

  .container{
    max-width:1280px;
  }
}

@media (min-width:1536px){

  .container{
    max-width:1536px;
  }
}

.pointer-events-auto{
  pointer-events:auto;
}

.\!visible{
  visibility:visible !important;
}

.visible{
  visibility:visible;
}

.invisible{
  visibility:hidden;
}

.static{
  position:static;
}

.fixed{
  position:fixed;
}

.absolute{
  position:absolute;
}

.relative{
  position:relative;
}

.bottom-0{
  bottom:0;
}

.bottom-12{
  bottom:3rem;
}

.bottom-5{
  bottom:1.25rem;
}

.left-0{
  left:0;
}

.left-12{
  left:3rem;
}

.left-4{
  left:1rem;
}

.left-5{
  left:1.25rem;
}

.left-\[250px\]{
  left:250px;
}

.left-auto{
  left:auto;
}

.right-0{
  right:0;
}

.right-1{
  right:.25rem;
}

.right-12{
  right:3rem;
}

.right-3\.5{
  right:.875rem;
}

.right-\[10vw\]{
  right:10vw;
}

.top-0{
  top:0;
}

.top-1\.5{
  top:.375rem;
}

.top-1\/4{
  top:25%;
}

.top-12{
  top:3rem;
}

.top-3\.5{
  top:.875rem;
}

.top-36{
  top:9rem;
}

.top-\[50px\]{
  top:50px;
}

.z-10{
  z-index:10;
}

.float-right{
  float:right;
}

.float-left{
  float:left;
}

.mx-1{
  margin-left:.25rem;
  margin-right:.25rem;
}

.mx-2{
  margin-left:.5rem;
  margin-right:.5rem;
}

.mx-3{
  margin-left:.75rem;
  margin-right:.75rem;
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem;
}

.mx-5{
  margin-left:1.25rem;
  margin-right:1.25rem;
}

.mx-auto{
  margin-left:auto;
  margin-right:auto;
}

.my-0{
  margin-bottom:0;
  margin-top:0;
}

.my-1{
  margin-bottom:.25rem;
  margin-top:.25rem;
}

.my-2{
  margin-bottom:.5rem;
  margin-top:.5rem;
}

.my-3{
  margin-bottom:.75rem;
  margin-top:.75rem;
}

.-ml-1{
  margin-left:-.25rem;
}

.-mt-0\.5{
  margin-top:-.125rem;
}

.mb-0{
  margin-bottom:0;
}

.mb-1{
  margin-bottom:.25rem;
}

.mb-2{
  margin-bottom:.5rem;
}

.mb-3{
  margin-bottom:.75rem;
}

.mb-4{
  margin-bottom:1rem;
}

.mb-5{
  margin-bottom:1.25rem;
}

.ml-0\.5{
  margin-left:.125rem;
}

.ml-1{
  margin-left:.25rem;
}

.ml-2{
  margin-left:.5rem;
}

.ml-3{
  margin-left:.75rem;
}

.ml-5{
  margin-left:1.25rem;
}

.ml-8{
  margin-left:2rem;
}

.ml-\[-8px\]{
  margin-left:-8px;
}

.mr-0{
  margin-right:0;
}

.mr-1{
  margin-right:.25rem;
}

.mr-2{
  margin-right:.5rem;
}

.mr-3{
  margin-right:.75rem;
}

.mr-4{
  margin-right:1rem;
}

.mr-5{
  margin-right:1.25rem;
}

.mr-\[13px\]{
  margin-right:13px;
}

.mr-\[4px\]{
  margin-right:4px;
}

.mt-1{
  margin-top:.25rem;
}

.mt-10{
  margin-top:2.5rem;
}

.mt-2{
  margin-top:.5rem;
}

.mt-3{
  margin-top:.75rem;
}

.mt-5{
  margin-top:1.25rem;
}

.mt-6{
  margin-top:1.5rem;
}

.mt-8{
  margin-top:2rem;
}

.box-border{
  box-sizing:border-box;
}

.block{
  display:block;
}

.inline-block{
  display:inline-block;
}

.inline{
  display:inline;
}

.flex{
  display:flex;
}

.inline-flex{
  display:inline-flex;
}

.table{
  display:table;
}

.grid{
  display:grid;
}

.contents{
  display:contents;
}

.hidden{
  display:none;
}

.h-0{
  height:0;
}

.h-10{
  height:2.5rem;
}

.h-14{
  height:3.5rem;
}

.h-16{
  height:4rem;
}

.h-2\.5{
  height:.625rem;
}

.h-2\/5{
  height:40%;
}

.h-28{
  height:7rem;
}

.h-3{
  height:.75rem;
}

.h-3\.5{
  height:.875rem;
}

.h-5{
  height:1.25rem;
}

.h-6{
  height:1.5rem;
}

.h-60{
  height:15rem;
}

.h-7{
  height:1.75rem;
}

.h-8{
  height:2rem;
}

.h-9{
  height:2.25rem;
}

.h-\[30px\]{
  height:30px;
}

.h-\[calc\(100\%-50px\)\]{
  height:calc(100% - 50px);
}

.h-\[calc\(100vh-240px\)\]{
  height:calc(100vh - 240px);
}

.h-\[calc\(100vh-50px\)\]{
  height:calc(100vh - 50px);
}

.h-auto{
  height:auto;
}

.h-full{
  height:100%;
}

.h-screen{
  height:100vh;
}

.max-h-40{
  max-height:10rem;
}

.max-h-52{
  max-height:13rem;
}

.max-h-\[calc\(100\%-160px\)\]{
  max-height:calc(100% - 160px);
}

.min-h-8{
  min-height:2rem;
}

.min-h-\[30vh\]{
  min-height:30vh;
}

.min-h-\[600px\]{
  min-height:600px;
}

.w-1\/2{
  width:50%;
}

.w-1\/4{
  width:25%;
}

.w-1\/5{
  width:20%;
}

.w-11\/12{
  width:91.666667%;
}

.w-16{
  width:4rem;
}

.w-2\.5{
  width:.625rem;
}

.w-2\/4{
  width:50%;
}

.w-2\/5{
  width:40%;
}

.w-20{
  width:5rem;
}

.w-24{
  width:6rem;
}

.w-28{
  width:7rem;
}

.w-3{
  width:.75rem;
}

.w-3\.5{
  width:.875rem;
}

.w-36{
  width:9rem;
}

.w-4\/5{
  width:80%;
}

.w-40{
  width:10rem;
}

.w-56{
  width:14rem;
}

.w-6{
  width:1.5rem;
}

.w-60{
  width:15rem;
}

.w-64{
  width:16rem;
}

.w-8{
  width:2rem;
}

.w-80{
  width:20rem;
}

.w-96{
  width:24rem;
}

.w-\[1200px\]{
  width:1200px;
}

.w-\[25\%\]{
  width:25%;
}

.w-\[35rem\]{
  width:35rem;
}

.w-\[450px\]{
  width:450px;
}

.w-\[75\%\]{
  width:75%;
}

.w-\[calc\(100\%-24px\)\]{
  width:calc(100% - 24px);
}

.w-fit{
  width:fit-content;
}

.w-full{
  width:100%;
}

.min-w-0{
  min-width:0;
}

.min-w-\[70vw\]{
  min-width:70vw;
}

.max-w-\[90vw\]{
  max-width:90vw;
}

.flex-1{
  flex:1 1 0%;
}

.flex-auto{
  flex:1 1 auto;
}

.shrink{
  flex-shrink:1;
}

.basis-1\/2{
  flex-basis:50%;
}

.basis-10{
  flex-basis:2.5rem;
}

.basis-12{
  flex-basis:3rem;
}

.basis-14{
  flex-basis:3.5rem;
}

.basis-16{
  flex-basis:4rem;
}

.basis-20{
  flex-basis:5rem;
}

.basis-24{
  flex-basis:6rem;
}

.basis-28{
  flex-basis:7rem;
}

.basis-32{
  flex-basis:8rem;
}

.basis-52{
  flex-basis:13rem;
}

.basis-8{
  flex-basis:2rem;
}

.basis-80{
  flex-basis:20rem;
}

.basis-\[30px\]{
  flex-basis:30px;
}

.basis-\[350px\]{
  flex-basis:350px;
}

.basis-auto{
  flex-basis:auto;
}

.rotate-90{
  --tw-rotate:90deg;
}

.rotate-90,.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-default{
  cursor:default;
}

.cursor-move{
  cursor:move;
}

.cursor-no-drop{
  cursor:no-drop;
}

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

.cursor-pointer{
  cursor:pointer;
}

.resize{
  resize:both;
}

.flex-row{
  flex-direction:row;
}

.flex-row-reverse{
  flex-direction:row-reverse;
}

.flex-col{
  flex-direction:column;
}

.flex-wrap{
  flex-wrap:wrap;
}

.flex-nowrap{
  flex-wrap:nowrap;
}

.items-start{
  align-items:flex-start;
}

.items-center{
  align-items:center;
}

.justify-start{
  justify-content:flex-start;
}

.justify-end{
  justify-content:flex-end;
}

.justify-center{
  justify-content:center;
}

.justify-between{
  justify-content:space-between;
}

.gap-1{
  gap:.25rem;
}

.gap-2{
  gap:.5rem;
}

.gap-3{
  gap:.75rem;
}

.overflow-auto{
  overflow:auto;
}

.overflow-hidden{
  overflow:hidden;
}

.overflow-visible{
  overflow:visible;
}

.overflow-scroll{
  overflow:scroll;
}

.overflow-x-auto{
  overflow-x:auto;
}

.overflow-y-auto{
  overflow-y:auto;
}

.overflow-y-hidden{
  overflow-y:hidden;
}

.overflow-y-scroll{
  overflow-y:scroll;
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
}

.truncate,.whitespace-nowrap{
  white-space:nowrap;
}

.whitespace-pre-wrap{
  white-space:pre-wrap;
}

.break-all{
  word-break:break-all;
}

.break-keep{
  word-break:keep-all;
}

.rounded{
  border-radius:.25rem;
}

.rounded-lg{
  border-radius:.5rem;
}

.rounded-md{
  border-radius:.375rem;
}

.rounded-none{
  border-radius:0;
}

.rounded-sm{
  border-radius:.125rem;
}

.rounded-bl-sm{
  border-bottom-left-radius:.125rem;
}

.rounded-br-sm{
  border-bottom-right-radius:.125rem;
}

.border{
  border-width:1px;
}

.border-b{
  border-bottom-width:1px;
}

.border-l{
  border-left-width:1px;
}

.border-r{
  border-right-width:1px;
}

.border-t{
  border-top-width:1px;
}

.border-solid{
  border-style:solid;
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.border-neutral-200{
  --tw-border-opacity:1;
  border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.border-stone-100{
  --tw-border-opacity:1;
  border-color:rgb(245 245 244 / var(--tw-border-opacity, 1));
}

.border-zinc-700{
  --tw-border-opacity:1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.bg-\#F2F3F8{
  --tw-bg-opacity:1;
  background-color:rgb(242 243 248 / var(--tw-bg-opacity, 1));
}

.bg-gray-300{
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-500{
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.bg-lightGray{
  --tw-bg-opacity:1;
  background-color:rgb(246 247 251 / var(--tw-bg-opacity, 1));
}

.bg-neutral-900{
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.bg-slate-100{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-600{
  --tw-bg-opacity:1;
  background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1));
}

.bg-stone-700{
  --tw-bg-opacity:1;
  background-color:rgb(68 64 60 / var(--tw-bg-opacity, 1));
}

.bg-stone-800\/50{
  background-color:rgba(41,37,36,.5);
}

.bg-stone-900{
  --tw-bg-opacity:1;
  background-color:rgb(28 25 23 / var(--tw-bg-opacity, 1));
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/80{
  background-color:hsla(0,0%,100%,.8);
}

.bg-zinc-700{
  --tw-bg-opacity:1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.stroke-\[8px\]{
  stroke-width:8px;
}

.object-contain{
  object-fit:contain;
}

.object-cover{
  object-fit:cover;
}

.p-1{
  padding:.25rem;
}

.p-2{
  padding:.5rem;
}

.p-3{
  padding:.75rem;
}

.p-5{
  padding:1.25rem;
}

.px-0{
  padding-left:0;
  padding-right:0;
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem;
}

.px-1\.5{
  padding-left:.375rem;
  padding-right:.375rem;
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem;
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem;
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.py-0{
  padding-bottom:0;
  padding-top:0;
}

.py-1{
  padding-bottom:.25rem;
  padding-top:.25rem;
}

.py-1\.5{
  padding-bottom:.375rem;
  padding-top:.375rem;
}

.py-2{
  padding-bottom:.5rem;
  padding-top:.5rem;
}

.py-3{
  padding-bottom:.75rem;
  padding-top:.75rem;
}

.pb-5{
  padding-bottom:1.25rem;
}

.pl-0{
  padding-left:0;
}

.pl-1{
  padding-left:.25rem;
}

.pl-2{
  padding-left:.5rem;
}

.pl-3{
  padding-left:.75rem;
}

.pl-4{
  padding-left:1rem;
}

.pl-5{
  padding-left:1.25rem;
}

.pr-0{
  padding-right:0;
}

.pr-1{
  padding-right:.25rem;
}

.pr-2{
  padding-right:.5rem;
}

.pr-2\.5{
  padding-right:.625rem;
}

.pr-3{
  padding-right:.75rem;
}

.pr-5{
  padding-right:1.25rem;
}

.pt-0{
  padding-top:0;
}

.pt-2{
  padding-top:.5rem;
}

.pt-2\.5{
  padding-top:.625rem;
}

.pt-3{
  padding-top:.75rem;
}

.pt-4{
  padding-top:1rem;
}

.text-left{
  text-align:left;
}

.text-center{
  text-align:center;
}

.text-right{
  text-align:right;
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}

.text-base{
  font-size:1rem;
  line-height:1.5rem;
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem;
}

.text-xs{
  font-size:.75rem;
  line-height:1rem;
}

.\!font-bold{
  font-weight:700 !important;
}

.font-medium{
  font-weight:500;
}

.font-normal{
  font-weight:400;
}

.font-semibold{
  font-weight:600;
}

.leading-10{
  line-height:2.5rem;
}

.leading-5{
  line-height:1.25rem;
}

.leading-6{
  line-height:1.5rem;
}

.leading-7{
  line-height:1.75rem;
}

.leading-8{
  line-height:2rem;
}

.leading-9{
  line-height:2.25rem;
}

.leading-\[40px\]{
  line-height:40px;
}

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(29 33 41 / var(--tw-text-opacity, 1));
}

.text-blue{
  --tw-text-opacity:1;
  color:rgb(22 100 255 / var(--tw-text-opacity, 1));
}

.text-cyan-200{
  --tw-text-opacity:1;
  color:rgb(165 243 252 / var(--tw-text-opacity, 1));
}

.text-cyan-500{
  --tw-text-opacity:1;
  color:rgb(6 182 212 / var(--tw-text-opacity, 1));
}

.text-cyan-600{
  --tw-text-opacity:1;
  color:rgb(8 145 178 / var(--tw-text-opacity, 1));
}

.text-cyan-700{
  --tw-text-opacity:1;
  color:rgb(14 116 144 / var(--tw-text-opacity, 1));
}

.text-darkGray{
  --tw-text-opacity:1;
  color:rgb(134 144 156 / var(--tw-text-opacity, 1));
}

.text-emerald-500{
  --tw-text-opacity:1;
  color:rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-littleGray{
  --tw-text-opacity:1;
  color:rgb(168 168 168 / var(--tw-text-opacity, 1));
}

.text-neutral-600{
  --tw-text-opacity:1;
  color:rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-red{
  --tw-text-opacity:1;
  color:rgb(245 63 62 / var(--tw-text-opacity, 1));
}

.text-rose-600{
  --tw-text-opacity:1;
  color:rgb(225 29 72 / var(--tw-text-opacity, 1));
}

.text-sky-50{
  --tw-text-opacity:1;
  color:rgb(240 249 255 / var(--tw-text-opacity, 1));
}

.text-sky-500{
  --tw-text-opacity:1;
  color:rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-sky-600{
  --tw-text-opacity:1;
  color:rgb(2 132 199 / var(--tw-text-opacity, 1));
}

.text-slate-100{
  --tw-text-opacity:1;
  color:rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.text-slate-300{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-50{
  --tw-text-opacity:1;
  color:rgb(248 250 252 / var(--tw-text-opacity, 1));
}

.text-slate-900{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-stone-300{
  --tw-text-opacity:1;
  color:rgb(214 211 209 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-zinc-400{
  --tw-text-opacity:1;
  color:rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.text-zinc-500{
  --tw-text-opacity:1;
  color:rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-2xl,.shadow-lg{
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}

.shadow-md,.shadow-sm{
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
}

.outline{
  outline-style:solid;
}

.ring{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur{
  --tw-blur:blur(8px);
}

.blur,.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.hover\:bg-sky-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / var(--tw-bg-opacity, 1));
}

.hover\:text-cyan-500:hover{
  --tw-text-opacity:1;
  color:rgb(6 182 212 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
}