@charset "utf-8";

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: 175,227,186; --success-2: 134,211,157; --success-3: 226,242,219; --success-4: 6,106,41; --success-5: 4,131,50; --success-6: 0,158,61; --success-7: 6,106,41; --success-8: 55,143,20; --success-9: 33,110,8; --success-10: 17,77,0; --primary-1: 219,241,246; --primary-2: 2,110,107; --primary-3: 177,224,221; --primary-4: 136,207,205; --primary-5: 2,131,128; --primary-6: 0,153,149; --primary-7: 2,110,107; --primary-8: 16,162,153; --primary-9: 9,10,115; --primary-10: 0,4,77; --danger-1: 251,200,203; --danger-2: 247,170,175; --danger-3: 255,243,237; --danger-4: 157,42,50; --danger-5: 193,52,63; --danger-6: 225,70,83; --danger-7: 157,42,50; --danger-8: 166,24,31; --danger-9: 121,9,18; --danger-10: 77,0,9; --warning-1: 244,220,164; --warning-2: 239,205,128; --warning-3: 255,243,227; --warning-4: 147,104,8; --warning-5: 182,129,10; --warning-6: 225,159,11; --warning-7: 147,104,8; --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --link-1: 232,243,255; --link-2: 189,220,222; --link-3: 187,227,226; --link-4: 2,110,107; --link-5: 2,131,128; --link-6: 0,153,149; --link-7: 2,110,107; --link-8: 7,44,166; --link-9: 3,26,121; --link-10: 0,13,77; }

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: 0,4,77; --primary-2: 6,7,115; --primary-3: 25,23,153; --primary-4: 56,48,191; --primary-5: 93,80,229; --primary-6: 121,106,234; --primary-7: 153,137,239; --primary-8: 183,169,245; --primary-9: 213,203,250; --primary-10: 242,237,255; --success-1: 17,77,0; --success-2: 34,110,9; --success-3: 59,143,26; --success-4: 90,176,50; --success-5: 125,209,80; --success-6: 149,218,105; --success-7: 174,227,134; --success-8: 198,237,166; --success-9: 222,246,200; --success-10: 246,255,235; --danger-1: 77,0,9; --danger-2: 121,10,19; --danger-3: 166,28,35; --danger-4: 210,55,57; --danger-5: 255,92,89; --danger-6: 255,119,112; --danger-7: 255,152,143; --danger-8: 255,183,173; --danger-9: 255,212,204; --danger-10: 255,238,235; --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: 0,13,77; --link-2: 189,220,222; --link-3: 189,220,223; --link-4: 55,212,207; --link-5: 94,223,214; --link-6: 55,212,207; --link-7: 7,130,139; --link-8: 147,190,255; --link-9: 190,218,255; --link-10: 234,244,255; }

body { --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); --color-bg-popup: var(--color-bg-5); --color-bg-1: #fff; --color-bg-2: #fff; --color-bg-3: #ffffff; --color-bg-4: #ffffff; --color-bg-5: #ffffff; --color-bg-white: #ffffff; --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: rgba(0,0,0,.92); --color-text-2: rgba(0,0,0,.65); --color-text-3: rgba(0,0,0,.55); --color-text-4: rgba(0,0,0,.35); --color-border-1: rgba(0,0,0,.14); --color-border-2: rgba(0,0,0,.1); --color-border-3: #fff; --color-border-4: #fff; --color-fill-1: #fff; --color-fill-2: #fff; --color-fill-3: #fff; --color-fill-4: #fff; --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: rgb(var(--warning-1)); --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: rgba(255,255,255,.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #ffffff; --color-menu-dark-hover: rgba(255,255,255,.04); --color-mask-bg: rgba(29,33,41,.6); }

body[arco-theme="dark"] { --color-white: rgba(255,255,255,.9); --color-black: #000000; --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: rgba(255,255,255,.9); --color-text-2: rgba(255,255,255,.7); --color-text-3: rgba(255,255,255,.5); --color-text-4: rgba(255,255,255,.3); --color-fill-1: rgba(255,255,255,.04); --color-fill-2: rgba(255,255,255,.08); --color-fill-3: rgba(255,255,255,.12); --color-fill-4: rgba(255,255,255,.16); --color-primary-light-1: rgba(var(--primary-6), .2); --color-primary-light-2: rgba(var(--primary-6), .35); --color-primary-light-3: rgba(var(--primary-6), .5); --color-primary-light-4: rgba(var(--primary-6), .65); --color-secondary: rgba(var(--gray-9), .08); --color-secondary-hover: rgba(var(--gray-8), .16); --color-secondary-active: rgba(var(--gray-7), .24); --color-secondary-disabled: rgba(var(--gray-9), .08); --color-danger-light-1: rgba(var(--danger-6), .2); --color-danger-light-2: rgba(var(--danger-6), .35); --color-danger-light-3: rgba(var(--danger-6), .5); --color-danger-light-4: rgba(var(--danger-6), .65); --color-success-light-1: rgb(var(--success-6), .2); --color-success-light-2: rgb(var(--success-6), .35); --color-success-light-3: rgb(var(--success-6), .5); --color-success-light-4: rgb(var(--success-6), .65); --color-warning-light-1: rgb(var(--warning-6), .2); --color-warning-light-2: rgb(var(--warning-6), .35); --color-warning-light-3: rgb(var(--warning-6), .5); --color-warning-light-4: rgb(var(--warning-6), .65); --color-link-light-1: rgba(var(--link-6), .2); --color-link-light-2: rgba(var(--link-6), .35); --color-link-light-3: rgba(var(--link-6), .5); --color-link-light-4: rgba(var(--link-6), .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); }

html, body { line-height: 1.5; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body { margin: 0px; padding: 0px; }

main { display: block; }

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

hr { box-sizing: content-box; height: 0px; overflow: visible; }

tr, th { margin: 0px; padding: 0px; }

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

a { background-color: transparent; }

abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

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

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; line-height: 1.15; margin: 0px; }

button, input { overflow: visible; }

button, select { text-transform: none; }

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

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

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }

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

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

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

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

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

* { outline: none; }

.arco-icon { display: inline-block; color: inherit; font-style: normal; width: 1em; height: 1em; vertical-align: -2px; stroke: currentcolor; }

.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: 1s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running arco-loading-circle; }

@keyframes arco-loading-circle { 
  100% { transform: rotate(360deg); }
}

.arco-icon-hover { position: relative; display: inline-block; cursor: pointer; line-height: 0; }

.arco-icon-hover .arco-icon { position: relative; vertical-align: -0.09em; }

.arco-icon-hover::before { content: ""; position: absolute; display: block; border-radius: var(--border-radius-circle); background-color: transparent; box-sizing: border-box; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-icon-hover:hover::before { background-color: rgb(255, 255, 255); }

.arco-icon-hover.arco-icon-hover-disabled::before { opacity: 0; }

.arco-icon-hover::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }

.arco-icon-hover-size-mini::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }

.arco-icon-hover-size-small::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }

.arco-icon-hover-size-large::before { top: 50%; left: 50%; height: 24px; width: 24px; transform: translate(-50%, -50%); }

.arco-icon-hover-size-huge::before { top: 50%; left: 50%; height: 24px; width: 24px; transform: translate(-50%, -50%); }

.fadeInStandard-enter, .fadeInStandard-appear { opacity: 0; }

.fadeInStandard-enter-active, .fadeInStandard-appear-active { opacity: 1; transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.fadeInStandard-exit { opacity: 1; }

.fadeInStandard-exit-active { opacity: 0; transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.fadeIn-enter, .fadeIn-appear { opacity: 0; }

.fadeIn-enter-active, .fadeIn-appear-active { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }

.fadeIn-exit { opacity: 1; }

.fadeIn-exit-active { opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }

.slideDynamicOrigin-enter, .slideDynamicOrigin-appear { opacity: 0; transform-origin: 0px 0px; transform: scaleY(0.9) translateZ(0px); }

.slideDynamicOrigin-enter-active, .slideDynamicOrigin-appear-active, .slideDynamicOrigin-exit { opacity: 1; transform-origin: 0px 0px; transform: scaleY(1) translateZ(0px); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideDynamicOrigin-exit-active { opacity: 0; transform-origin: 0px 0px; transform: scaleY(0.9) translateZ(0px); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideLeft-enter, .slideLeft-appear { transform: translate(-100%); }

.slideLeft-enter-active, .slideLeft-appear-active { transform: translate(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideLeft-exit { transform: translate(0px); }

.slideLeft-exit-active { transform: translate(-100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideRight-enter, .slideRight-appear { transform: translate(100%); }

.slideRight-enter-active, .slideRight-appear-active { transform: translate(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideRight-exit { transform: translate(0px); }

.slideRight-exit-active { transform: translate(100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideTop-enter, .slideTop-appear { transform: translateY(-100%); }

.slideTop-enter-active, .slideTop-appear-active { transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideTop-exit { transform: translateY(0px); }

.slideTop-exit-active { transform: translateY(-100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideBottom-enter, .slideBottom-appear { transform: translateY(100%); }

.slideBottom-enter-active, .slideBottom-appear-active { transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideBottom-exit { transform: translateY(0px); }

.slideBottom-exit-active { transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.zoomIn-enter, .zoomIn-appear { opacity: 0; transform: scale(0.5); }

.zoomIn-enter-active, .zoomIn-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.zoomIn-exit { opacity: 1; transform: scale(1); }

.zoomIn-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInFadeOut-enter, .zoomInFadeOut-appear { opacity: 0; transform: scale(0.5); }

.zoomInFadeOut-enter-active, .zoomInFadeOut-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.zoomInFadeOut-exit { opacity: 1; transform: scale(1); }

.zoomInFadeOut-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInBig-enter, .zoomInBig-appear { opacity: 0; transform: scale(0.5); }

.zoomInBig-enter-active, .zoomInBig-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); }

.zoomInBig-exit { opacity: 1; transform: scale(1); }

.zoomInBig-exit-active { opacity: 0; transform: scale(0.2); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); }

.zoomInLeft-enter, .zoomInLeft-appear { opacity: 0.1; transform-origin: 0px 50%; transform: scale(0.1); }

.zoomInLeft-enter-active, .zoomInLeft-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInLeft-exit { opacity: 1; transform-origin: 0px 50%; transform: scale(1); }

.zoomInLeft-exit-active { opacity: 0.1; transform: scale(0.1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInTop-enter, .zoomInTop-appear { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8) translateZ(0px); }

.zoomInTop-enter-active, .zoomInTop-appear-active { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInTop-exit { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1) translateZ(0px); }

.zoomInTop-exit-active { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInBottom-enter, .zoomInBottom-appear { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8) translateZ(0px); }

.zoomInBottom-enter-active, .zoomInBottom-appear-active { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomInBottom-exit { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1) translateZ(0px); }

.zoomInBottom-exit-active { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

body { font-size: 14px; }

@keyframes arco-draggable-item-blink { 
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}

.arco-draggable-item { box-sizing: border-box; list-style: none; user-select: none; }

.arco-draggable-item-dragging { opacity: 0.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: 0.8s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-draggable-item-blink; }

.arco-picker { position: relative; display: inline-flex; align-items: center; padding: 4px 11px 4px 4px; line-height: 1.5715; border-radius: 4px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.14); box-sizing: border-box; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-picker-input { display: inline-flex; flex: 1 1 0%; }

.arco-picker input { text-align: left; padding: 0px 0px 0px 8px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; color: rgba(0, 0, 0, 0.92); background-color: transparent; line-height: 1.5715; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-picker input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-picker-input-placeholder input { color: rgba(0, 0, 0, 0.25); }

.arco-picker-has-prefix { padding-left: 12px; }

.arco-picker-prefix { color: rgba(0, 0, 0, 0.92); padding-right: 4px; font-size: 14px; }

.arco-picker-suffix { width: 14px; margin-left: 4px; text-align: center; }

.arco-picker-suffix-icon { color: rgba(0, 0, 0, 0.55); }

.arco-picker .arco-picker-clear-icon { display: none; font-size: 12px; color: var(--color-text-2); }

.arco-picker:hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-5)); }

.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-focused { box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-picker-focused, .arco-picker-focused:hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-picker-focused .arco-picker-input-active input, .arco-picker-focused:hover .arco-picker-input-active input { background: transparent; }

.arco-picker-error:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-danger-light-1); }

.arco-picker-error:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-danger-light-2); }

.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled), .arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }

.arco-picker-warning:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-warning-light-1); }

.arco-picker-warning:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-warning-light-2); }

.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled), .arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-picker input[disabled] { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); -webkit-text-fill-color: rgba(0, 0, 0, 0.25); }

.arco-picker input[disabled]::placeholder { color: var(--color-text-4); }

.arco-picker-disabled, .arco-picker-disabled:hover { color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); cursor: not-allowed; }

.arco-picker-disabled input[disabled], .arco-picker-disabled:hover input[disabled] { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); -webkit-text-fill-color: rgba(0, 0, 0, 0.25); }

.arco-picker-disabled input[disabled]::placeholder, .arco-picker-disabled:hover input[disabled]::placeholder { color: var(--color-text-4); }

.arco-picker-separator { min-width: 10px; padding: 0px 8px; color: var(--color-text-3); }

.arco-picker-disabled .arco-picker-separator { color: var(--color-text-4); }

.arco-picker-disabled .arco-picker-suffix-icon { color: rgba(0, 0, 0, 0.25); }

.arco-picker-size-mini { height: 24px; }

.arco-picker-size-mini input { font-size: 12px; }

.arco-picker-size-small { height: 24px; }

.arco-picker-size-small input { font-size: 14px; }

.arco-picker-size-default { height: 36px; }

.arco-picker-size-default input { font-size: 14px; }

.arco-picker-size-large { height: 44px; }

.arco-picker-size-large input { font-size: 14px; }

.arco-picker-rtl { direction: rtl; padding: 4px 4px 4px 11px; }

.arco-picker-rtl input { text-align: right; padding-left: 0px; padding-right: 8px; }

.arco-picker-rtl .arco-picker-suffix { margin-left: 0px; margin-right: 4px; }

.arco-affix { position: fixed; z-index: 999; }

.arco-alert { box-sizing: border-box; border-radius: 8px; padding: 7px 15px; font-size: 14px; overflow: hidden; display: flex; width: 100%; text-align: left; align-items: center; line-height: 1.5; }

.arco-alert-with-title { padding: 11px 15px; align-items: flex-start; }

.arco-alert-info { border: 1px solid rgb(var(--primary-4)); background-color: rgb(var(--primary-1)); }

.arco-alert-success { border: 1px solid rgb(var(--auxiliary-green-7)); background-color: rgb(var(--auxiliary-green-4)); }

.arco-alert-warning { border: 1px solid rgb(var(--auxiliary-yellow-7)); background-color: rgb(var(--auxiliary-yellow-4)); }

.arco-alert-error { border: 1px solid rgb(var(--auxiliary-red-7)); background-color: rgb(var(--auxiliary-red-4)); }

.arco-alert-banner { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }

.arco-alert-content-wrapper { position: relative; flex: 1 1 0%; }

.arco-alert-title { font-size: 14px; font-weight: 600; line-height: 1.5; margin-bottom: 4px; }

.arco-alert-info .arco-alert-title, .arco-alert-info .arco-alert-content { color: rgba(0, 0, 0, 0.92); }

.arco-alert-info.arco-alert-with-title .arco-alert-content { color: rgba(0, 0, 0, 0.65); }

.arco-alert-success .arco-alert-title { color: rgba(0, 0, 0, 0.92); }

.arco-alert-success .arco-alert-content { color: var(--color-text-1); }

.arco-alert-success.arco-alert-with-title .arco-alert-content { color: rgba(0, 0, 0, 0.65); }

.arco-alert-warning .arco-alert-title, .arco-alert-warning .arco-alert-content { color: rgba(0, 0, 0, 0.92); }

.arco-alert-warning.arco-alert-with-title .arco-alert-content { color: var(--color-text-2); }

.arco-alert-error .arco-alert-title { color: rgba(0, 0, 0, 0.92); }

.arco-alert-error .arco-alert-content { color: var(--color-text-1); }

.arco-alert-error.arco-alert-with-title .arco-alert-content { color: rgba(0, 0, 0, 0.65); }

.arco-alert-icon-wrapper { margin-right: 8px; height: 21px; display: flex; align-items: center; }

.arco-alert-icon-wrapper svg { font-size: 16px; }

.arco-alert-with-title .arco-alert-icon-wrapper { height: 21px; }

.arco-alert-with-title .arco-alert-icon-wrapper svg { font-size: 20px; }

.arco-alert-info .arco-alert-icon-wrapper svg { color: rgb(var(--primary-6)); }

.arco-alert-success .arco-alert-icon-wrapper svg { color: rgb(var(--auxiliary-green-5)); }

.arco-alert-warning .arco-alert-icon-wrapper svg { color: rgb(var(--auxiliary-yellow-5)); }

.arco-alert-error .arco-alert-icon-wrapper svg { color: rgb(var(--danger-6)); }

.arco-alert-close-btn { box-sizing: border-box; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: 16px; color: rgba(0, 0, 0, 0.55); background-color: transparent; cursor: pointer; transition: color 0.1s cubic-bezier(0, 0, 1, 1); margin-left: 12px; top: 4px; right: 0px; }

.arco-alert-close-btn:hover { color: rgba(0, 0, 0, 0.35); }

.arco-alert-action + .arco-alert-close-btn { margin-left: 8px; }

.arco-alert-action { margin-left: 8px; }

.arco-alert-with-title .arco-alert-close-btn { margin-top: 0px; margin-right: 0px; }

.arco-alert-rtl { direction: rtl; text-align: right; }

.arco-alert-rtl .arco-alert-with-title { align-items: flex-end; }

.arco-alert-rtl .arco-alert-icon-wrapper { margin-right: 0px; margin-left: 8px; }

.arco-alert-rtl .arco-alert-close-btn { right: initial; left: 0px; }

.arco-alert-rtl .arco-alert-action { margin-left: 0px; margin-right: 8px; }

.arco-alert-rtl .arco-alert-action + .arco-alert-close-btn { margin-left: 0px; margin-right: 8px; }

.arco-anchor { position: relative; width: 200px; overflow: auto; }

.arco-anchor-line-slider { position: absolute; height: 24px; width: 1px; margin-top: -0.9995px; background-color: rgb(var(--primary-6)); left: 0px; top: 0px; transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); z-index: 1; }

.arco-anchor-list { margin-left: 25px; position: relative; }

.arco-anchor-list::before { content: ""; position: absolute; height: 100%; background-color: rgba(0, 0, 0, 0.14); width: 1px; left: -25px; }

.arco-anchor-link { margin-bottom: 24px; }

.arco-anchor-link-title { color: rgba(0, 0, 0, 0.35); line-height: 1.5715; font-size: 14px; margin-bottom: 24px; padding: 0px; text-decoration: none; cursor: pointer; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; border-radius: 0px; }

.arco-anchor-link-title:hover { background-color: transparent; color: rgba(0, 0, 0, 0.65); font-weight: 500; }

.arco-anchor-link-title:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--primary-6)); }

.arco-anchor-link-active > .arco-anchor-link-title { transition: 0.1s cubic-bezier(0, 0, 1, 1); color: rgba(0, 0, 0, 0.92); font-weight: 500; }

.arco-anchor-link .arco-anchor-link { margin-left: 16px; }

.arco-anchor-lineless .arco-anchor-list { margin-left: 0px; }

.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: 600; }

.arco-anchor-rtl { direction: rtl; }

.arco-anchor-rtl .arco-anchor-list { margin-left: 0px; margin-right: 25px; }

.arco-anchor-rtl .arco-anchor-list::before { left: initial; right: -25px; }

.arco-anchor-rtl .arco-anchor-link .arco-anchor-link { margin-left: 0px; margin-right: 16px; }

.arco-anchor-rtl.arco-anchor-lineless .arco-anchor-list { margin-right: 0px; }

.arco-anchor-rtl .arco-anchor-line-slider { left: initial; right: 0px; }

.arco-autocomplete-popup .arco-select-popup { border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 4px; background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; }

.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner { padding: 0px; max-height: 200px; }

.arco-autocomplete-popup .arco-select-popup .arco-select-option { height: 36px; padding: 0px 8px; font-size: 14px; line-height: 36px; color: rgba(0, 0, 0, 0.65); background-color: var(--color-bg-popup); }

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { color: rgba(0, 0, 0, 0.65); background-color: var(--color-bg-popup); }

.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover { color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled { color: rgba(0, 0, 0, 0.25); background-color: var(--color-bg-popup); }

.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { font-weight: 400; }

.arco-avatar { display: inline-flex; align-items: center; position: relative; background-color: rgb(var(--primary-5)); white-space: nowrap; color: var(--color-white); box-sizing: border-box; vertical-align: middle; width: 40px; height: 40px; font-size: 20px; }

.arco-avatar-circle { border-radius: 50%; }

.arco-avatar-circle .arco-avatar-image { border-radius: 50%; overflow: hidden; }

.arco-avatar-square { border-radius: 4px; }

.arco-avatar-square .arco-avatar-image { border-radius: 4px; overflow: hidden; }

.arco-avatar-text { position: absolute; left: 50%; transform-origin: 0px center; transform: translate(-50%); font-weight: 600; line-height: 1; }

.arco-avatar-image { display: inline-block; width: 100%; height: 100%; }

.arco-avatar-image img, .arco-avatar-image picture { width: 100%; height: 100%; }

.arco-avatar-trigger-icon-button { position: absolute; display: inline-flex; align-items: center; justify-content: center; bottom: -4px; right: -4px; color: rgba(0, 0, 0, 0.55); font-size: 12px; border-radius: var(--border-radius-circle); width: 24px; height: 24px; line-height: 24px; background-color: rgb(245, 245, 245); transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); z-index: 1; }

.arco-avatar-trigger-icon-mask { position: absolute; display: flex; opacity: 0; z-index: 0; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0px; left: 0px; font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); border-radius: 4px; background-color: rgba(29, 33, 41, 0.6); color: var(--color-white); }

.arco-avatar-circle .arco-avatar-trigger-icon-mask { border-radius: 50%; }

.arco-avatar-with-trigger-icon { cursor: pointer; }

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask { z-index: 2; opacity: 1; }

.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button { background-color: rgb(240, 240, 240); }

.arco-avatar-rtl { direction: rtl; }

.arco-avatar-rtl .arco-avatar-trigger-icon-button { right: unset; left: -4px; }

.arco-avatar-group { display: inline-block; line-height: 0; }

.arco-avatar-group-max-count-avatar { cursor: default; color: var(--color-white); font-size: 20px; }

.arco-avatar-group-rtl { direction: rtl; }

.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 { position: fixed; bottom: 24px; right: 24px; z-index: 100; cursor: pointer; }

.arco-backtop-button { width: 40px; height: 40px; font-size: 12px; text-align: center; outline: none; background-color: rgb(var(--primary-6)); border-radius: var(--border-radius-circle); color: var(--color-white); transition: 0.2s cubic-bezier(0, 0, 1, 1); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-backtop-button:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-backtop-button:hover { background-color: rgb(var(--primary-5)); }

.arco-backtop-button svg { font-size: 14px; }

.arco-badge { display: inline-block; position: relative; line-height: 1; }

.arco-badge-rtl { direction: rtl; }

.arco-badge-number, .arco-badge-dot, .arco-badge-text, .arco-badge-custom-dot { position: absolute; z-index: 2; transform: translate(50%, -50%); transform-origin: 100% 0%; border-radius: 20px; box-sizing: border-box; text-align: center; top: 2px; right: 2px; overflow: hidden; }

.arco-badge-rtl .arco-badge-number, .arco-badge-rtl .arco-badge-dot, .arco-badge-rtl .arco-badge-text, .arco-badge-rtl .arco-badge-custom-dot { right: unset; }

.arco-badge-custom-dot { background-color: var(--color-bg-2); }

.arco-badge-number, .arco-badge-text { height: 20px; min-width: 20px; line-height: 20px; font-weight: 500; padding: 0px 6px; font-size: 12px; color: var(--color-white); background-color: rgb(var(--danger-6)); box-shadow: 0 0 0 2px var(--color-bg-2); }

.arco-badge-dot { width: 6px; height: 6px; background-color: rgb(var(--danger-6)); border-radius: var(--border-radius-circle); box-shadow: 0 0 0 2px var(--color-bg-2); }

.arco-badge-no-children .arco-badge-dot, .arco-badge-no-children .arco-badge-number, .arco-badge-no-children .arco-badge-text { position: relative; display: inline-block; transform: none; top: unset; right: unset; }

.arco-badge-status-wrapper { display: inline-flex; align-items: center; }

.arco-badge-status-dot { display: inline-block; width: 6px; height: 6px; border-radius: var(--border-radius-circle); }

.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-status-error, .arco-badge-color-red { background-color: rgb(var(--danger-6)); }

.arco-badge-color-orangered { background-color: rgb(247, 114, 52); }

.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-status-text { color: var(--color-text-1); margin-left: 8px; font-size: 14px; line-height: 1.5715; }

.arco-badge-rtl .arco-badge-status-text { margin-left: 0px; margin-right: 8px; }

.arco-badge-number-text { display: inline-block; animation: 0.5s cubic-bezier(0.3, 1.3, 0.3, 1) 0s 1 normal none running arco-badge-scale; }

@keyframes arco-badge-scale { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

.badge-zoom-enter, .badge-zoom-appear { transform-origin: center center; transform: translate(50%, -50%) scale(0.2); }

.badge-zoom-enter-active, .badge-zoom-appear-active { opacity: 1; transform-origin: center center; transform: translate(50%, -50%) scale(1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.badge-zoom-exit { opacity: 1; transform-origin: center center; transform: translate(50%, -50%) scale(1); }

.badge-zoom-exit-active { opacity: 0; transform-origin: center center; transform: translate(50%, -50%) scale(0.2); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-breadcrumb { display: inline-block; font-size: 14px; color: var(--color-text-2); }

.arco-breadcrumb-icon { color: var(--color-text-2); }

.arco-breadcrumb-item { display: inline-flex; align-items: center; padding: 0px; vertical-align: middle; line-height: 20px; color: rgba(0, 0, 0, 0.55); }

.arco-breadcrumb-item > .arco-icon { color: rgba(0, 0, 0, 0.55); }

.arco-breadcrumb-item a, .arco-breadcrumb-item[href] { display: inline-block; border-radius: 0px; padding: 0px; margin: 0px; text-decoration: none; color: rgba(0, 0, 0, 0.55); background-color: transparent; }

.arco-breadcrumb-item a:hover, .arco-breadcrumb-item[href]:hover { background-color: transparent; color: rgba(0, 0, 0, 0.65); }

.arco-breadcrumb-item a:focus-visible, .arco-breadcrumb-item[href]:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-breadcrumb-item:last-child { color: rgba(0, 0, 0, 0.55); font-weight: 400; }

.arco-breadcrumb-item-ellipses { display: inline-block; position: relative; top: -3px; padding: 0px; color: var(--color-text-2); }

.arco-breadcrumb-item-separator { display: inline-block; margin: 0px 2px; vertical-align: middle; line-height: 20px; color: rgba(0, 0, 0, 0.55); }

.arco-breadcrumb-item-with-dropdown { cursor: pointer; }

.arco-breadcrumb-item-dropdown-icon { font-size: 16px; margin-left: 2px; color: rgba(0, 0, 0, 0.65); }

.arco-breadcrumb-item-dropdown-icon-active svg { transform: rotate(180deg); }

.arco-breadcrumb-rtl .arco-breadcrumb-item-dropdown-icon { margin-left: 0px; margin-right: 2px; }

.arco-btn { display: inline-block; position: relative; outline: none; font-weight: 500; appearance: none; user-select: none; cursor: pointer; white-space: nowrap; transition: 0.1s cubic-bezier(0, 0, 1, 1); box-sizing: border-box; line-height: 1.5715; }

.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 { display: inline-flex; align-items: center; 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 { content: ""; position: absolute; inset: -1px; z-index: 1; display: block; background: rgb(255, 255, 255); border-radius: inherit; opacity: 0.4; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; }

.arco-btn-loading-fixed-width { transition: none; }

.arco-btn-two-chinese-chars > :not(svg) { letter-spacing: 0.3em; margin-right: -0.3em; }

a.arco-btn-icon-only { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; }

.arco-btn-outline:not(.arco-btn-disabled) { background-color: transparent; color: rgba(0, 0, 0, 0.65); border: 1px solid rgba(0, 0, 0, 0.65); }

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.55); background-color: rgb(245, 245, 245); }

.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.arco-btn-outline:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); }

.arco-btn-outline.arco-btn-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.25); cursor: not-allowed; }

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: rgb(var(--warning-6)); }

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--warning-6)); color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--warning-6)); color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }

.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled { color: rgb(var(--warning-1)); background-color: transparent; border: 1px solid rgb(var(--warning-1)); }

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: rgb(var(--danger-6)); }

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--danger-6)); color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--danger-6)); color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }

.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled { color: rgb(var(--danger-1)); background-color: transparent; border: 1px solid rgb(var(--danger-1)); }

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: rgb(var(--success-6)); }

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--success-6)); color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--success-6)); color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }

.arco-btn-outline.arco-btn-status-success.arco-btn-disabled { color: rgb(var(--success-1)); background-color: transparent; border: 1px solid rgb(var(--success-1)); }

.arco-btn-primary:not(.arco-btn-disabled) { background-color: rgb(var(--primary-6)); color: rgb(255, 255, 255); border: 1px solid transparent; }

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--primary-5)); }

.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--primary-2)); }

.arco-btn-primary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); }

.arco-btn-primary.arco-btn-disabled { background-color: rgb(var(--primary-3)); color: rgb(255, 255, 255); border: 1px solid transparent; cursor: not-allowed; }

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: rgb(var(--warning-6)); color: rgb(255, 255, 255); border-color: transparent; }

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--warning-5)); }

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--warning-7)); }

.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }

.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled { color: rgb(255, 255, 255); background-color: rgb(var(--warning-1)); border: 1px solid transparent; }

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: rgb(var(--danger-6)); color: rgb(255, 255, 255); border-color: transparent; }

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--danger-5)); }

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--danger-7)); }

.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }

.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled { color: rgb(255, 255, 255); background-color: rgb(var(--danger-1)); border: 1px solid transparent; }

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: rgb(var(--success-6)); color: rgb(255, 255, 255); border-color: transparent; }

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--success-5)); }

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--success-7)); }

.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }

.arco-btn-primary.arco-btn-status-success.arco-btn-disabled { color: rgb(255, 255, 255); background-color: rgb(var(--success-1)); border: 1px solid transparent; }

.arco-btn-secondary:not(.arco-btn-disabled) { background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.92); border: 1px solid transparent; }

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgba(0, 0, 0, 0.92); background-color: rgba(0, 0, 0, 0.08); }

.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgba(0, 0, 0, 0.92); background-color: rgba(0, 0, 0, 0.12); }

.arco-btn-secondary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }

.arco-btn-secondary.arco-btn-disabled { background-color: rgba(0, 0, 0, 0.03); color: rgba(0, 0, 0, 0.25); border: 1px solid transparent; cursor: not-allowed; }

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: rgb(240, 240, 240); color: rgb(var(--warning-6)); border-color: transparent; }

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }

.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled { color: rgb(var(--warning-1)); background-color: rgba(0, 0, 0, 0.03); border: 1px solid transparent; }

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: rgb(245, 245, 245); color: rgb(var(--danger-6)); border-color: transparent; }

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }

.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled { color: rgb(var(--danger-1)); background-color: rgba(0, 0, 0, 0.03); border: 1px solid transparent; }

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: rgb(240, 240, 240); color: rgb(var(--success-6)); border-color: transparent; }

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }

.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled { color: rgb(var(--success-1)); background-color: rgba(0, 0, 0, 0.03); border: 1px solid transparent; }

.arco-btn-dashed:not(.arco-btn-disabled) { background-color: transparent; color: rgba(0, 0, 0, 0.65); border: 1px dashed rgba(0, 0, 0, 0.65); }

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.arco-btn-dashed:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }

.arco-btn-dashed.arco-btn-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.25); border: 1px dashed rgba(0, 0, 0, 0.25); cursor: not-allowed; }

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: rgb(var(--warning-6)); }

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--warning-6)); color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--warning-6)); color: rgb(var(--warning-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }

.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled { color: rgb(var(--warning-1)); background-color: transparent; border: 1px dashed rgb(var(--warning-1)); }

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: rgb(var(--danger-6)); }

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--danger-6)); color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--danger-6)); color: rgb(var(--danger-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }

.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled { color: rgb(var(--danger-1)); background-color: transparent; border: 1px dashed rgb(var(--danger-1)); }

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: rgb(var(--success-6)); }

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--success-6)); color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-success-light-4); color: rgb(var(--success-6)); background-color: rgb(245, 245, 245); }

.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }

.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled { color: rgb(var(--success-1)); background-color: transparent; border: 1px dashed rgb(var(--success-1)); }

.arco-btn-text:not(.arco-btn-disabled) { background-color: transparent; color: rgba(0, 0, 0, 0.55); border: 1px solid transparent; }

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgba(0, 0, 0, 0.55); background-color: rgba(0, 0, 0, 0.08); }

.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgba(0, 0, 0, 0.55); background-color: rgba(0, 0, 0, 0.12); }

.arco-btn-text:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }

.arco-btn-text.arco-btn-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.25); border: 1px solid transparent; cursor: not-allowed; }

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: transparent; }

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: rgba(0, 0, 0, 0.08); }

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: rgba(0, 0, 0, 0.12); }

.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }

.arco-btn-text.arco-btn-status-warning.arco-btn-disabled { color: rgb(var(--warning-1)); background-color: transparent; border: 1px solid transparent; }

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: transparent; }

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: rgba(0, 0, 0, 0.08); }

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: rgba(0, 0, 0, 0.12); }

.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }

.arco-btn-text.arco-btn-status-danger.arco-btn-disabled { color: rgb(var(--danger-1)); background-color: transparent; border: 1px solid transparent; }

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: transparent; }

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: rgba(0, 0, 0, 0.08); }

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: rgba(0, 0, 0, 0.12); }

.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }

.arco-btn-text.arco-btn-status-success.arco-btn-disabled { color: rgb(var(--success-1)); background-color: transparent; border: 1px solid transparent; }

.arco-btn-size-mini { padding: 0px 7px; font-size: 12px; height: 24px; border-radius: 4px; }

.arco-btn-size-mini > svg + span, .arco-btn-size-mini > span + svg { margin-left: 4px; }

.arco-btn-size-mini svg { vertical-align: -2px; }

.arco-btn-size-mini.arco-btn-rtl > svg + span, .arco-btn-size-mini.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 4px; }

.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading { }

.arco-btn-size-mini.arco-btn-icon-only { width: 24px; height: 24px; padding: 0px; }

.arco-btn-size-mini.arco-btn-shape-circle { width: 24px; height: 24px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }

.arco-btn-size-mini.arco-btn-shape-round { border-radius: 12px; }

.arco-btn-group .arco-btn-size-mini:first-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-size-mini:last-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: 12px 0px 0px 12px; }

.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: 0px 12px 12px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: 0px 12px 12px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: 12px 0px 0px 12px; }

.arco-btn-size-small { padding: 0px 7px; font-size: 12px; height: 24px; border-radius: 4px; }

.arco-btn-size-small > svg + span, .arco-btn-size-small > span + svg { margin-left: 4px; }

.arco-btn-size-small svg { vertical-align: -2px; }

.arco-btn-size-small.arco-btn-rtl > svg + span, .arco-btn-size-small.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 4px; }

.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading { }

.arco-btn-size-small.arco-btn-icon-only { width: 24px; height: 24px; padding: 0px; }

.arco-btn-size-small.arco-btn-shape-circle { width: 24px; height: 24px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }

.arco-btn-size-small.arco-btn-shape-round { border-radius: 12px; }

.arco-btn-group .arco-btn-size-small:first-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-size-small:last-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: 12px 0px 0px 12px; }

.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: 0px 12px 12px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: 0px 12px 12px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: 12px 0px 0px 12px; }

.arco-btn-size-default { padding: 0px 15px; font-size: 14px; height: 36px; border-radius: 4px; }

.arco-btn-size-default > svg + span, .arco-btn-size-default > span + svg { margin-left: 4px; }

.arco-btn-size-default svg { vertical-align: -2px; }

.arco-btn-size-default.arco-btn-rtl > svg + span, .arco-btn-size-default.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 4px; }

.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 6px; padding-right: 6px; }

.arco-btn-size-default.arco-btn-icon-only { width: 36px; height: 36px; padding: 0px; }

.arco-btn-size-default.arco-btn-shape-circle { width: 36px; height: 36px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }

.arco-btn-size-default.arco-btn-shape-round { border-radius: 18px; }

.arco-btn-group .arco-btn-size-default:first-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-size-default:last-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: 18px 0px 0px 18px; }

.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: 0px 18px 18px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: 0px 18px 18px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: 18px 0px 0px 18px; }

.arco-btn-size-large { padding: 0px 23px; font-size: 14px; height: 44px; border-radius: 4px; }

.arco-btn-size-large > svg + span, .arco-btn-size-large > span + svg { margin-left: 4px; }

.arco-btn-size-large svg { vertical-align: -2px; }

.arco-btn-size-large.arco-btn-rtl > svg + span, .arco-btn-size-large.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 4px; }

.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 14px; padding-right: 14px; }

.arco-btn-size-large.arco-btn-icon-only { width: 44px; height: 44px; padding: 0px; }

.arco-btn-size-large.arco-btn-shape-circle { width: 44px; height: 44px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }

.arco-btn-size-large.arco-btn-shape-round { border-radius: 22px; }

.arco-btn-group .arco-btn-size-large:first-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-size-large:last-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: 22px 0px 0px 22px; }

.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: 0px 22px 22px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child { border-radius: 0px 4px 4px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child { border-radius: 4px 0px 0px 4px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: 0px 22px 22px 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: 22px 0px 0px 22px; }

.arco-btn-group { display: inline-block; }

.arco-btn-group .arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-dashed: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 rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-text:not(:last-child) { border-right: 1px solid transparent; }

.arco-btn-group .arco-btn-status-warning:not(:last-child) { border-right: 1px solid rgb(var(--warning-5)); }

.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text { border-right: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-status-danger:not(:last-child) { border-right: 1px solid rgb(var(--danger-5)); }

.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text { border-right: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-status-success:not(:last-child) { border-right: 1px solid rgb(var(--success-5)); }

.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text { border-right: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child) { margin-left: 0px; margin-right: -1px; }

.arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) { border-left: 1px solid rgb(var(--primary-5)); border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) { border-left: 1px solid rgba(0, 0, 0, 0.08); border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) { border-left: 1px solid transparent; border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) { border-left: 1px solid rgb(var(--warning-5)); border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text { border-left: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) { border-left: 1px solid rgb(var(--danger-5)); border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text { border-left: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) { border-left: 1px solid rgb(var(--success-5)); border-right: 0px; }

.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text { border-left: 1px solid rgba(0, 0, 0, 0.08); }

.arco-btn-group .arco-btn-outline:hover, .arco-btn-group .arco-btn-dashed:hover, .arco-btn-group .arco-btn-outline:active, .arco-btn-group .arco-btn-dashed:active { z-index: 2; }

.arco-btn-group .arco-btn:not(:first-child):not(:last-child) { border-radius: 0px; }

.arco-btn-rtl { direction: rtl; }

body[arco-theme="dark"] .arco-btn-primary.arco-btn-disabled { color: rgba(255, 255, 255, 0.3); }

.arco-calendar { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-calendar-header { display: flex; padding: 24px; }

.arco-calendar-header-left { display: flex; flex: 1 1 0%; align-items: center; position: relative; height: 28px; line-height: 28px; }

.arco-calendar-header-right { height: 28px; position: relative; }

.arco-calendar-header-value { font-size: 20px; font-weight: 500; color: var(--color-text-1); }

.arco-calendar-header-icon { width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); user-select: none; margin-right: 12px; color: rgba(0, 0, 0, 0.55); background-color: var(--color-bg-5); }

.arco-calendar-header-icon:not(:first-child) { margin: 0px 12px; }

.arco-calendar-header-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.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 { width: 100px; margin-right: 8px; }

.arco-calendar .arco-calendar-header-value-month { width: 76px; margin-right: 32px; }

.arco-calendar-month { width: 100%; }

.arco-calendar-month-row { height: 100px; display: flex; }

.arco-calendar-month-row .arco-calendar-cell { flex: 1 1 0%; border-bottom: 1px solid rgba(0, 0, 0, 0.14); 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 rgba(0, 0, 0, 0.14); }

.arco-calendar-week-list { display: flex; padding: 0px; width: 100%; box-sizing: border-box; border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-calendar-week-list-item { padding: 20px 16px; text-align: left; color: rgb(125, 125, 127); flex: 1 1 0%; }

.arco-calendar-cell .arco-calendar-date { height: 100%; width: 100%; padding: 10px; box-sizing: border-box; cursor: pointer; }

.arco-calendar-cell .arco-calendar-date-circle { width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; }

.arco-calendar-date-content { height: 70px; overflow-y: auto; }

.arco-calendar-cell-today .arco-calendar-date-circle { box-sizing: border-box; border: 1px solid rgb(var(--primary-6)); }

.arco-calendar-date-value { font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.35); }

.arco-calendar-cell-in-view .arco-calendar-date-value { color: rgba(0, 0, 0, 0.65); }

.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle, .arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle { border: 1px solid rgb(var(--primary-6)); background-color: rgb(var(--primary-6)); color: rgb(255, 255, 255); }

.arco-calendar-mode-year:not(.arco-calendar-panel) { min-width: 820px; }

.arco-calendar-mode-year .arco-calendar-header { border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.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 1 0%; padding: 20px 8px; }

.arco-calendar-year-row > .arco-calendar-cell:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.14); }

.arco-calendar-year-row:not(:last-child) > .arco-calendar-cell { border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-calendar-month-with-days .arco-calendar-month-row { height: 26px; }

.arco-calendar-month-with-days .arco-calendar-cell { border-bottom: 0px; }

.arco-calendar-month-with-days .arco-calendar-month-cell-body { padding: 0px; }

.arco-calendar-month-with-days .arco-calendar-month-title { padding: 10px 6px; font-size: 16px; font-weight: 500; color: var(--color-text-1); }

.arco-calendar-month-cell { font-size: 12px; width: 100%; }

.arco-calendar-month-cell .arco-calendar-week-list { border-bottom: unset; padding: 0px; }

.arco-calendar-month-cell .arco-calendar-week-list-item { padding: 6px; text-align: center; color: rgb(125, 125, 127); }

.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 { display: inline-block; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; text-align: center; }

.arco-calendar-panel { border: 1px solid rgba(0, 0, 0, 0.14); background-color: var(--color-bg-5); }

.arco-calendar-panel .arco-calendar-header { padding: 8px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-calendar-panel .arco-calendar-header-value { font-size: 14px; line-height: 24px; flex: 1 1 0%; text-align: center; }

.arco-calendar-panel .arco-calendar-header-icon { width: 24px; height: 24px; line-height: 24px; margin-left: 2px; margin-right: 2px; }

.arco-calendar-panel .arco-calendar-body { padding: 14px 16px; }

.arco-calendar-panel .arco-calendar-month-cell-body { padding: 0px; }

.arco-calendar-panel .arco-calendar-month-row { height: unset; }

.arco-calendar-panel .arco-calendar-week-list { padding: 0px; border-bottom: unset; }

.arco-calendar-panel .arco-calendar-week-list-item { padding: 0px; text-align: center; font-weight: 400; height: 32px; line-height: 32px; }

.arco-calendar-panel .arco-calendar-cell, .arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell { text-align: center; box-sizing: border-box; padding: 2px 0px; border-bottom: 0px; border-right: 0px; }

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date { padding: 4px 0px; display: flex; justify-content: center; }

.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value { font-size: 14px; min-width: 24px; height: 24px; line-height: 24px; cursor: pointer; }

.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell { padding: 4px 0px; }

.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 { color: var(--color-white); background-color: rgb(var(--primary-6)); border-radius: 50%; }

.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 { content: ""; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(var(--primary-6)); }

.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 0px 0px 16px; }

.arco-calendar-cell-range-end .arco-calendar-date { border-radius: 0px 16px 16px 0px; }

.arco-calendar-cell-in-range-near-hover .arco-calendar-date { border-radius: 0px; }

.arco-calendar-cell-range-start .arco-calendar-date-value, .arco-calendar-cell-range-end .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 0px 0px 16px; }

.arco-calendar-cell-hover-range-end .arco-calendar-date { border-radius: 0px 16px 16px 0px; }

.arco-calendar-cell-hover-range-start .arco-calendar-date-value, .arco-calendar-cell-hover-range-end .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: rgb(255, 255, 255); cursor: not-allowed; }

.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date > .arco-calendar-date-value { color: rgba(0, 0, 0, 0.35); background-color: rgb(255, 255, 255); cursor: not-allowed; }

.arco-calendar-panel .arco-calendar-footer-btn-wrapper { height: 38px; line-height: 38px; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.14); cursor: pointer; color: var(--color-text-1); }

.arco-calendar-rtl { direction: rtl; }

.arco-calendar-rtl .arco-calendar-header-icon { margin-right: 0px; margin-left: 12px; transform: scaleX(-1); }

.arco-calendar-rtl .arco-calendar-week-list-item { text-align: right; }

.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) { border-left: 1px solid rgba(0, 0, 0, 0.14); border-right: 0px; }

.arco-calendar-rtl .arco-calendar-header-value-year { margin-left: 8px; margin-right: 0px; }

.arco-calendar-rtl .arco-calendar-header-value-month { margin-right: 0px; margin-left: 32px; }

.arco-card { position: relative; background: rgb(255, 255, 255); transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); border-radius: var(--border-radius-none); }

.arco-card-header { display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; border-bottom: 0px solid rgba(0, 0, 0, 0.14); overflow: hidden; }

.arco-card-header-no-title::before { content: " "; display: block; }

.arco-card-header-title { flex: 1 1 0%; font-weight: 500; color: var(--color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-card-header-extra { color: rgb(var(--primary-6)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-card-body { color: rgba(0, 0, 0, 0.65); }

.arco-card-cover { overflow: hidden; }

.arco-card-cover > * { display: block; width: 100%; }

.arco-card-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; }

.arco-card-actions::before { content: ""; visibility: hidden; }

.arco-card-actions-right { display: flex; align-items: center; }

.arco-card-actions-item { display: flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.55); cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-card-actions-item:hover { color: rgb(var(--primary-6)); }

.arco-card-actions-item:not(:last-child) { margin-right: 12px; }

.arco-card-meta-footer { display: flex; align-items: center; justify-content: space-between; }

.arco-card-meta-footer:last-child { margin-top: 12px; }

.arco-card-meta-footer-only-actions::before { content: ""; visibility: hidden; }

.arco-card-meta-footer .arco-card-actions { margin-top: 0px; }

.arco-card-meta-title { font-weight: 500; color: var(--color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-card-meta-description:not(:first-child) { margin-top: 4px; }

.arco-card-grid { position: relative; box-sizing: border-box; width: 33.33%; box-shadow: rgba(0, 0, 0, 0.14) 1px 0px, rgba(0, 0, 0, 0.14) 0px 1px, rgba(0, 0, 0, 0.14) 1px 1px, rgba(0, 0, 0, 0.14) 1px 0px inset, rgba(0, 0, 0, 0.14) 0px 1px inset; }

.arco-card-grid::before { content: ""; pointer-events: none; position: absolute; inset: 0px; transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); }

.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: 0px -1px; padding: 0px; }

.arco-card-hoverable:hover { box-shadow: 0 4px 10px rgb(var(--gray-2)); }

.arco-card-bordered { border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 4px; }

.arco-card-bordered .arco-card-cover { border-radius: 4px 4px 0px 0px; }

.arco-card-loading .arco-card-body { overflow: hidden; text-align: center; }

.arco-card-size-default { font-size: 14px; }

.arco-card-size-default .arco-card-header { height: 44px; padding-left: 16px; padding-right: 16px; }

.arco-card-size-default .arco-card-header-title, .arco-card-size-default .arco-card-meta-title { font-size: 18px; }

.arco-card-size-default .arco-card-header-extra { font-size: 14px; }

.arco-card-size-default .arco-card-body { padding: 16px 12px; }

.arco-card-size-small { font-size: 14px; }

.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: 18px; }

.arco-card-size-small .arco-card-header-extra { font-size: 14px; }

.arco-card-size-small .arco-card-body { padding: 12px 16px; }

.arco-card-rtl .arco-card-actions-item:not(:last-child) { margin-left: 12px; margin-right: 0px; }

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: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes arco-carousel-slide-x-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@keyframes arco-carousel-slide-x-in-reverse { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes arco-carousel-slide-x-out-reverse { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes arco-carousel-slide-y-in { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes arco-carousel-slide-y-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-100%); }
}

@keyframes arco-carousel-slide-y-in-reverse { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}

@keyframes arco-carousel-slide-y-out-reverse { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes arco-carousel-card-bottom-to-middle { 
  0% { opacity: 0; transform: translate(0px) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
}

@keyframes arco-carousel-card-middle-to-bottom { 
  0% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
  100% { opacity: 0; transform: translate(-100%) translateZ(-400px); }
}

@keyframes arco-carousel-card-top-to-middle { 
  0% { opacity: 1; transform: translate(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
}

@keyframes arco-carousel-card-middle-to-top { 
  0% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateZ(0px); }
}

@keyframes arco-carousel-card-bottom-to-middle-reverse { 
  0% { opacity: 0; transform: translate(-100%) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
}

@keyframes arco-carousel-card-middle-to-bottom-reverse { 
  0% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
  100% { opacity: 0; transform: translate(0px) translateZ(-400px); }
}

@keyframes arco-carousel-card-top-to-middle-reverse { 
  0% { opacity: 1; transform: translate(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
}

@keyframes arco-carousel-card-middle-to-top-reverse { 
  0% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateZ(0px); }
}

.arco-carousel { position: relative; }

.arco-carousel-indicator-position-outer { margin-bottom: 30px; }

.arco-carousel-slide, .arco-carousel-card, .arco-carousel-fade { width: 100%; height: 100%; overflow: hidden; position: relative; }

.arco-carousel-slide > *, .arco-carousel-card > *, .arco-carousel-fade > * { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }

.arco-carousel-item-current { z-index: 1; position: relative; }

.arco-carousel-slide > :not(.arco-carousel-item-current) { visibility: hidden; }

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-x-out; }

.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-x-in; }

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out { animation: auto ease 0s 1 normal none running arco-carousel-slide-x-out-reverse; }

.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in { animation: auto ease 0s 1 normal none running arco-carousel-slide-x-in-reverse; }

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-y-out; }

.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-y-in; }

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out { animation: auto ease 0s 1 normal none running arco-carousel-slide-y-out-reverse; }

.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in { animation: auto ease 0s 1 normal none running arco-carousel-slide-y-in-reverse; }

.arco-carousel-card { perspective: 800px; }

.arco-carousel-card > * { left: 50%; opacity: 0; transform: translate(-50%) translateZ(-400px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-bottom; }

.arco-carousel-card .arco-carousel-item-prev { opacity: 0.4; transform: translate(-100%) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle; }

.arco-carousel-card .arco-carousel-item-next { opacity: 0.4; transform: translate(0px) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-bottom-to-middle; }

.arco-carousel-card .arco-carousel-item-current { opacity: 1; transform: translate(-50%) translateZ(0px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top; }

.arco-carousel-card.arco-carousel-negative > * { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-bottom-reverse; }

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev { animation: auto ease 0s 1 normal none running arco-carousel-card-bottom-to-middle-reverse; }

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next { animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle-reverse; }

.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top-reverse; }

.arco-carousel-fade > * { left: 50%; transform: translate(-50%); opacity: 0; }

.arco-carousel-fade .arco-carousel-item-current { opacity: 1; }

.arco-carousel-indicator { display: flex; position: absolute; margin: 0px; padding: 0px; }

.arco-carousel-indicator-wrapper { position: absolute; z-index: 2; }

.arco-carousel-indicator-wrapper-top { left: 0px; right: 0px; top: 0px; height: 48px; background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 87%); }

.arco-carousel-indicator-wrapper-bottom { left: 0px; right: 0px; bottom: 0px; height: 48px; background: linear-gradient(rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15)); }

.arco-carousel-indicator-wrapper-left { left: 0px; top: 0px; width: 48px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 87%); }

.arco-carousel-indicator-wrapper-right { right: 0px; top: 0px; width: 48px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15)); }

.arco-carousel-indicator-wrapper-outer { left: 0px; right: 0px; background: none; }

.arco-carousel-indicator-bottom { bottom: 12px; left: 50%; transform: translate(-50%); }

.arco-carousel-indicator-top { top: 12px; left: 50%; transform: translate(-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 { left: 50%; transform: translate(-50%); padding: 4px; border-radius: 20px; background-color: transparent; }

.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 { padding: 0px; bottom: -16px; background-color: rgba(var(--gray-4),.5); }

.arco-carousel-indicator-outer .arco-carousel-indicator-item { background-color: rgba(var(--gray-4),.5); }

.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover, .arco-carousel-indicator-outer .arco-carousel-indicator-item-active { background-color: var(--color-fill-4); }

.arco-carousel-indicator-item { display: inline-block; border-radius: var(--border-radius-medium); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; }

.arco-carousel-indicator-item:hover, .arco-carousel-indicator-item-active { background-color: var(--color-white); }

.arco-carousel-indicator-dot .arco-carousel-indicator-item { width: 6px; height: 6px; border-radius: 50%; }

.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) { margin-right: 8px; }

.arco-carousel-indicator-line .arco-carousel-indicator-item { width: 12px; height: 4px; }

.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) { margin-right: 8px; }

.arco-carousel-indicator-slider { width: 48px; height: 4px; border-radius: var(--border-radius-medium); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; }

.arco-carousel-indicator-slider .arco-carousel-indicator-item { position: absolute; top: 0px; height: 100%; transition: left 0.3s; }

.arco-carousel-arrow > div { display: flex; align-items: center; justify-content: center; position: absolute; width: 24px; height: 24px; border-radius: 50%; color: var(--color-white); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; z-index: 2; }

.arco-carousel-arrow > div:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-carousel-arrow > div > svg { color: var(--color-white); font-size: 14px; }

.arco-carousel-arrow > div:hover { background-color: rgba(255, 255, 255, 0.5); }

.arco-carousel-arrow-left { left: 12px; top: 50%; transform: translateY(-50%); }

.arco-carousel-arrow-right { top: 50%; transform: translateY(-50%); right: 12px; }

.arco-carousel-arrow-top { left: 50%; transform: translate(-50%); top: 12px; }

.arco-carousel-arrow-bottom { left: 50%; transform: translate(-50%); bottom: 12px; }

.arco-carousel-arrow-hover div { opacity: 0; transition: 0.3s; }

.arco-carousel:hover .arco-carousel-arrow-hover div { opacity: 1; }

.arco-carousel-rtl .arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) { margin-left: 8px; margin-right: 0px; }

.arco-carousel-rtl .arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) { margin-left: 8px; margin-right: 0px; }

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:hover, body[arco-theme="dark"] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active { background-color: var(--color-fill-4); }

.arco-cascader .arco-cascader-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-cascader:hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-5)); }

.arco-cascader.arco-cascader-focused .arco-cascader-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-cascader .arco-cascader-suffix-icon, .arco-cascader .arco-cascader-loading-icon, .arco-cascader .arco-cascader-search-icon, .arco-cascader .arco-cascader-clear-icon, .arco-cascader .arco-cascader-arrow-icon, .arco-cascader .arco-cascader-expand-icon { color: rgba(0, 0, 0, 0.55); }

.arco-cascader-error .arco-cascader-view { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--danger-6)); }

.arco-cascader-error:hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-cascader-error.arco-cascader-focused .arco-cascader-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-cascader-warning .arco-cascader-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }

.arco-cascader-warning:hover .arco-cascader-view { background-color: var(--color-warning-light-2); border-color: transparent; }

.arco-cascader-warning.arco-cascader-focused .arco-cascader-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-cascader-disabled .arco-cascader-view { color: rgba(0, 0, 0, 0.25); background-color: rgb(240, 240, 240); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-cascader-disabled:hover .arco-cascader-view { background-color: rgb(240, 240, 240); border-color: rgba(0, 0, 0, 0.14); }

.arco-cascader-disabled .arco-cascader-suffix-icon, .arco-cascader-disabled .arco-cascader-loading-icon, .arco-cascader-disabled .arco-cascader-search-icon, .arco-cascader-disabled .arco-cascader-clear-icon, .arco-cascader-disabled .arco-cascader-arrow-icon, .arco-cascader-disabled .arco-cascader-expand-icon { color: var(--color-text-4); }

.arco-cascader-no-border .arco-cascader-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }

.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix { padding-right: 8px; }

.arco-cascader-size-mini.arco-cascader-multiple input { font-size: 12px; }

.arco-cascader-size-mini.arco-cascader-single .arco-cascader-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 11px; }

.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: 11px; }

.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-cascader-size-small.arco-cascader-single .arco-cascader-view { height: 24px; line-height: 22px; font-size: 14px; padding: 0px 11px; }

.arco-cascader-size-small.arco-cascader-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-cascader-size-default.arco-cascader-single .arco-cascader-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 11px; }

.arco-cascader-size-default.arco-cascader-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix { padding-right: 8px; }

.arco-cascader-size-large.arco-cascader-multiple input { font-size: 14px; }

.arco-cascader-size-large.arco-cascader-single .arco-cascader-view { height: 44px; line-height: 42px; font-size: 14px; padding: 0px 11px; }

.arco-cascader-size-large.arco-cascader-single input { font-size: 14px; }

.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 11px; }

.arco-cascader { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }

.arco-cascader-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: 4px; outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }

.arco-cascader-view input { color: inherit; cursor: inherit; }

.arco-cascader-view input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-cascader-multiple, .arco-cascader-show-search { cursor: text; }

.arco-cascader-disabled { cursor: not-allowed; }

.arco-cascader-disabled .arco-cascader-view input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-cascader-single .arco-cascader-view-input { box-sizing: border-box; width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-cascader-single .arco-cascader-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }

.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-value-mirror { opacity: 0; }

.arco-cascader-single .arco-cascader-view-value { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-cascader-single .arco-cascader-view-value::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }

.arco-cascader-single .arco-cascader-view .arco-cascader-hidden { opacity: 0; position: absolute; pointer-events: none; }

.arco-cascader-multiple { vertical-align: top; }

.arco-cascader-multiple .arco-cascader-view { padding: 0px 4px; line-height: 0; }

.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 12px; }

.arco-cascader-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; box-shadow: none !important; }

.arco-cascader-multiple .arco-tag { max-width: 100%; }

.arco-cascader-multiple:not(.arco-cascader-focused) .arco-input-tag input:not(:first-child)[value=""] { opacity: 0; position: absolute; pointer-events: none; }

.arco-cascader-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: rgba(0, 0, 0, 0.55); }

.arco-cascader-suffix { display: flex; align-items: center; margin-left: 4px; }

.arco-cascader-suffix-icon, .arco-cascader-search-icon, .arco-cascader-loading-icon, .arco-cascader-expand-icon, .arco-cascader-clear-icon { font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-cascader-arrow-icon { font-size: 16px; }

.arco-cascader-open .arco-cascader-arrow-icon svg { transform: rotate(180deg); }

.arco-cascader .arco-cascader-clear-icon { display: none; cursor: pointer; }

.arco-cascader .arco-cascader-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-cascader:hover .arco-cascader-clear-icon { display: block; }

.arco-cascader:hover .arco-cascader-clear-icon ~ * { display: none; }

.arco-cascader-wrapper { display: inline-flex; align-items: stretch; width: 100%; }

.arco-cascader-wrapper .arco-cascader { min-width: 0px; }

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:first-child) .arco-cascader-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:last-child) .arco-cascader-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-cascader-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: rgb(255, 255, 255); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: none; border-right: 1px solid var(--color-border-2); border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }

.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }

.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }

.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }

.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-cascader-wrapper-rtl .arco-cascader-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }

.arco-cascader-rtl .arco-cascader-view { text-align: right; }

.arco-cascader-rtl .arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 12px; }

.arco-cascader-rtl .arco-cascader-prefix { margin-right: 0px; margin-left: 12px; }

.arco-cascader-rtl .arco-cascader-suffix { margin-left: 0px; margin-right: 4px; }

.arco-cascader-popup { top: 4px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 8px; background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; overflow: hidden; }

.arco-cascader-popup-trigger-hover .arco-cascader-list-item { transition: font-weight; }

.arco-cascader-popup .arco-cascader-popup-inner { width: 100%; white-space: nowrap; list-style: none; height: 200px; }

.arco-cascader-highlight { font-weight: 500; }

.arco-cascader-list-column { position: relative; vertical-align: top; display: inline-block; background-color: var(--color-bg-popup); height: 100%; }

.arco-cascader-list-column-virtual { width: 120px; }

.arco-cascader-list-column:not(:last-of-type) { border-right: 1px solid rgba(0, 0, 0, 0.14); }

.arco-cascader-list-wrapper { position: relative; white-space: nowrap; box-sizing: border-box; height: 100%; display: flex; padding: 4px 0px; flex-direction: column; }

.arco-cascader-list-wrapper-with-footer { padding-bottom: 0px; }

.arco-cascader-list-empty { height: 100%; display: flex; align-items: center; }

.arco-cascader-list { padding: 0px; margin: 0px; list-style: none; box-sizing: border-box; overflow-y: auto; flex: 1 1 0%; }

.arco-cascader-list-item, .arco-cascader-list-search-item { position: relative; height: 36px; line-height: 36px; min-width: 100px; font-size: 14px; color: rgba(0, 0, 0, 0.65); box-sizing: border-box; display: flex; cursor: pointer; background-color: transparent; }

.arco-cascader-list-item-label, .arco-cascader-list-search-item-label { flex-grow: 1; padding-left: 8px; padding-right: 36px; }

.arco-cascader-list-item .arco-icon-right, .arco-cascader-list-search-item .arco-icon-right, .arco-cascader-list-item .arco-icon-check, .arco-cascader-list-search-item .arco-icon-check { position: absolute; color: rgba(0, 0, 0, 0.55); top: 50%; font-size: 16px; transform: translateY(-50%); right: 8px; }

.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 { position: absolute; margin-top: -8px; top: 50%; font-size: 16px; right: 8px; color: rgb(var(--primary-6)); }

.arco-cascader-list-item:hover, .arco-cascader-list-search-item-hover { color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.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: rgb(var(--primary-7)); }

.arco-cascader-list-item-disabled, .arco-cascader-list-search-item-disabled, .arco-cascader-list-item-disabled:hover, .arco-cascader-list-search-item-disabled:hover { cursor: not-allowed; background-color: transparent; color: rgba(0, 0, 0, 0.25); }

.arco-cascader-list-item-disabled .arco-icon-right, .arco-cascader-list-search-item-disabled .arco-icon-right, .arco-cascader-list-item-disabled:hover .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-search-item-disabled .arco-icon-check, .arco-cascader-list-item-disabled:hover .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: 0.2s cubic-bezier(0, 0, 1, 1); background-color: transparent; color: rgb(var(--primary-6)); font-weight: 600; }

.arco-cascader-list-item-active:hover { background-color: transparent; font-weight: 600; color: rgb(var(--primary-6)); }

.arco-cascader-list-item-active.arco-cascader-list-item-disabled, .arco-cascader-list-item-active.arco-cascader-list-item-disabled:hover { background-color: transparent; font-weight: 600; color: rgb(var(--primary-3)); }

.arco-cascader-list-multiple .arco-cascader-list-item-label { padding-left: 0px; }

.arco-cascader-list-multiple .arco-cascader-list-item, .arco-cascader-list-multiple .arco-cascader-list-search-item { padding-left: 8px; }

.arco-cascader-list-multiple .arco-cascader-list-item .arco-checkbox, .arco-cascader-list-multiple .arco-cascader-list-search-item .arco-checkbox { padding-left: 0px; margin-right: 8px; }

.arco-cascader-list-search.arco-cascader-list-multiple .arco-cascader-list-item-label { padding-right: 8px; }

.arco-cascader-list-footer { height: 36px; line-height: 36px; padding-left: 8px; border-top: 1px solid rgba(0, 0, 0, 0.14); box-sizing: border-box; }

.cascaderSlide-enter-active, .cascaderSlide-appear-active { transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-cascader-list-column-rtl { direction: rtl; }

.arco-cascader-list-column-rtl:not(:last-of-type) { border-left: 1px solid rgba(0, 0, 0, 0.14); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-cascader-list-rtl .arco-cascader-list-item-label, .arco-cascader-list-rtl .arco-cascader-list-search-item-label { padding-left: 36px; padding-right: 8px; }

.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-left, .arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-left, .arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-check, .arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-check { position: absolute; color: rgba(0, 0, 0, 0.55); top: 50%; font-size: 16px; transform: translateY(-50%); right: initial; left: 8px; }

.arco-cascader-list-rtl .arco-cascader-list-footer { padding-left: 0px; padding-right: 8px; }

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item-label { padding-right: 0px; }

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item, .arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item { padding-right: 8px; }

.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item .arco-checkbox, .arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item .arco-checkbox { padding-right: 0px; margin-left: 8px; }

.arco-cascader-list-rtl.arco-cascader-multiple.arco-cascader-list-search .arco-cascader-list-item-label { padding-left: 8px; padding-right: 0px; }

.arco-icon-hover.arco-checkbox-icon-hover::before { width: 16px; height: 16px; }

.arco-checkbox { display: inline-block; cursor: pointer; box-sizing: border-box; font-size: 14px; padding-left: 0px; line-height: unset; position: relative; }

.arco-checkbox > input[type="checkbox"] { position: absolute; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; }

.arco-checkbox > input[type="checkbox"]:focus-visible + .arco-checkbox-icon-hover::before { background-color: rgb(255, 255, 255); opacity: 1; }

.arco-checkbox:hover .arco-checkbox-icon-hover::before { background-color: rgb(255, 255, 255); }

.arco-checkbox-text { color: rgba(0, 0, 0, 0.92); margin-left: 8px; }

.arco-checkbox-mask-wrapper { vertical-align: middle; top: -0.09em; position: relative; line-height: 1; }

.arco-checkbox-mask { position: relative; box-sizing: border-box; width: 16px; height: 16px; border: 1px solid rgba(0, 0, 0, 0.55); border-radius: 4px; background-color: rgb(255, 255, 255); user-select: none; }

.arco-checkbox-mask::after { content: ""; display: block; height: 2px; width: 6px; background: var(--color-white); top: 50%; left: 50%; transform: translate(-50%) translateY(-50%) scale(0); position: absolute; border-radius: 0.5px; }

.arco-checkbox-mask-icon { position: relative; height: 100%; transform: scale(0); color: var(--color-white); transform-origin: center 75%; margin: 0px auto; display: block; width: 8px; }

.arco-checkbox:hover .arco-checkbox-mask { border-color: rgb(var(--primary-5)); transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-checkbox-checked:hover .arco-checkbox-mask, .arco-checkbox-indeterminate:hover .arco-checkbox-mask { transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-checkbox-checked .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-6)); }

.arco-checkbox-checked .arco-checkbox-mask-icon { transform: scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-checkbox-indeterminate .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-6)); }

.arco-checkbox-indeterminate .arco-checkbox-mask-icon { transform: scale(0); }

.arco-checkbox-indeterminate .arco-checkbox-mask::after { transform: translate(-50%) translateY(-50%) scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.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: rgba(0, 0, 0, 0.14); }

.arco-checkbox-checked:hover .arco-checkbox-mask, .arco-checkbox-indeterminate:hover .arco-checkbox-mask { border-color: transparent; }

.arco-checkbox-disabled .arco-checkbox-mask { border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); }

.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 { border-color: transparent; background-color: rgb(var(--primary-3)); }

.arco-checkbox-disabled:hover .arco-checkbox-mask-wrapper::before, .arco-checkbox-checked: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: rgba(0, 0, 0, 0.25); }

.arco-checkbox-disabled .arco-checkbox-mask-icon { color: rgb(255, 255, 255); }

.arco-checkbox-group { display: inline-block; }

.arco-checkbox-group .arco-checkbox { margin-right: 16px; }

.arco-checkbox-group-direction-vertical .arco-checkbox { display: block; margin-right: 0px; line-height: 32px; }

.arco-checkbox-rtl { direction: rtl; padding-left: 0px; padding-right: 0px; }

.arco-checkbox-rtl .arco-checkbox-text { margin-left: 0px; margin-right: 8px; }

.arco-checkbox-group-rtl .arco-checkbox { margin-right: 0px; margin-left: 16px; }

.arco-icon-hover.arco-collapse-item-icon-hover::before { width: 16px; height: 16px; }

.arco-icon-hover.arco-collapse-item-icon-hover:hover::before { background-color: var(--color-fill-2); }

.arco-collapse { overflow: hidden; border-radius: 2px; border: 1px solid var(--color-neutral-3); line-height: 1.5715; }

.arco-collapse-rtl { direction: rtl; }

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

.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-header-title { font-weight: 500; }

.arco-collapse-item-header { display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; background-color: var(--color-bg-2); border-bottom: 1px solid transparent; color: var(--color-text-1); cursor: pointer; font-size: 14px; overflow: hidden; line-height: 24px; transition: border-color 0.19s; }

.arco-collapse-item-header[data-active-region="header"] { cursor: unset; }

.arco-collapse-item-header[data-active-region="header"] > .arco-collapse-item-header-title, .arco-collapse-item-header[data-active-region="header"] > .arco-icon-hover { cursor: pointer; }

.arco-collapse-item-header[data-active-region="icon"] { cursor: unset; }

.arco-collapse-item-header[data-active-region="icon"] > .arco-icon-hover { cursor: pointer; }

.arco-collapse-item-header:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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 { cursor: not-allowed; color: var(--color-text-4); background-color: var(--color-bg-2); }

.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 { position: absolute; top: 50%; transform: translateY(-50%); left: 13px; text-align: center; }

.arco-collapse-item .arco-collapse-item-icon-hover-right { right: 13px; left: unset; }

.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); font-size: 14px; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); vertical-align: middle; position: relative; display: block; }

.arco-collapse-item-header-icon-down { transform: rotate(90deg); }

.arco-collapse-item-content { display: none; overflow: hidden; position: relative; color: var(--color-text-1); background-color: transparent; font-size: 14px; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.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-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.arco-collapse.arco-collapse-borderless { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-collapse::after { display: table; content: ""; clear: both; }

.arco-comment { display: flex; flex-wrap: nowrap; line-height: 1.5715; }

.arco-comment:not(:first-of-type), .arco-comment-inner-comment { margin-top: 20px; }

.arco-comment-inner { flex: 1 1 0%; }

.arco-comment-avatar { flex-shrink: 0; margin-right: 12px; cursor: pointer; }

.arco-comment-avatar > img { width: 32px; height: 32px; border-radius: var(--border-radius-circle); }

.arco-comment-author { color: var(--color-text-2); font-size: 14px; margin-right: 8px; }

.arco-comment-datetime { color: var(--color-text-3); font-size: 12px; }

.arco-comment-content { font-size: 14px; color: var(--color-text-1); }

.arco-comment-title-align-right { display: flex; justify-content: space-between; }

.arco-comment-actions { margin-top: 8px; color: var(--color-text-2); font-size: 14px; }

.arco-comment-actions > :not(:last-child) { margin-right: 8px; }

.arco-comment-actions-align-right { display: flex; justify-content: flex-end; }

.arco-comment-rtl { direction: rtl; }

.arco-comment-rtl .arco-comment-title { display: flex; align-items: center; }

.arco-comment-rtl .arco-comment-avatar { margin-right: 0px; margin-left: 12px; }

.arco-comment-rtl .arco-comment-author { margin-right: 0px; margin-left: 8px; }

.arco-comment-rtl .arco-comment-actions > :not(:last-child) { margin-left: 8px; margin-right: 0px; }

.arco-picker-container, .arco-picker-range-container { border: 1px solid rgba(0, 0, 0, 0.14); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; border-radius: 8px; background-color: var(--color-bg-popup); box-sizing: border-box; min-height: 60px; overflow: hidden; }

.arco-picker-container-shortcuts-placement-left, .arco-picker-range-container-shortcuts-placement-left { display: flex; align-items: flex-start; }

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts, .arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts { display: flex; flex-direction: column; padding: 5px 8px; box-sizing: border-box; overflow: hidden auto; }

.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts > *, .arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts > * { margin: 5px 0px; }

.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper, .arco-picker-range-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-range-panel-wrapper { border-left: 1px solid rgba(0, 0, 0, 0.14); }

.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-inner, .arco-picker-range-panel-only .arco-panel-date, .arco-picker-range-panel-only .arco-panel-month, .arco-picker-range-panel-only .arco-panel-year { width: 100%; }

.arco-picker-header { display: flex; padding: 8px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-picker-header-value { font-size: 14px; line-height: 24px; flex: 1 1 0%; text-align: center; color: rgba(0, 0, 0, 0.92); font-weight: 500; box-sizing: border-box; }

.arco-picker-header-icon { border-radius: 50%; text-align: center; font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); user-select: none; color: rgba(0, 0, 0, 0.55); background-color: var(--color-bg-popup); width: 24px; height: 24px; line-height: 24px; margin-left: 2px; margin-right: 2px; box-sizing: border-box; }

.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: transparent; }

.arco-picker-header-label { cursor: pointer; padding: 2px; border-radius: 2px; transition: 0.1s; }

.arco-picker-header-label:hover { background-color: var(--color-fill-3); }

.arco-picker-body { padding: 14px 16px; }

.arco-picker-week-list { display: flex; width: 100%; box-sizing: border-box; padding: 14px 16px 0px; }

.arco-picker-week-list-item { color: rgba(0, 0, 0, 0.92); flex: 1 1 0%; padding: 0px; text-align: center; font-weight: 400; height: 32px; line-height: 32px; }

.arco-picker-row { display: flex; }

.arco-picker-cell { position: relative; flex: 1 1 0%; cursor: pointer; padding: 2px 0px; }

.arco-picker-cell .arco-picker-date { display: flex; height: 100%; width: 100%; box-sizing: border-box; cursor: pointer; padding: 4px 0px; justify-content: center; }

.arco-picker-date-value { color: rgba(0, 0, 0, 0.25); font-size: 14px; min-width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; font-weight: 400; }

.arco-picker-cell-in-view .arco-picker-date-value { color: rgba(0, 0, 0, 0.92); font-weight: 400; }

.arco-picker-cell:hover .arco-picker-date-value { background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.65); }

.arco-picker-cell-today { position: relative; }

.arco-picker-cell-today::after { content: ""; display: block; position: absolute; bottom: -2px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(var(--primary-6)); }

.arco-picker-cell-in-range .arco-picker-date { background-color: rgba(0, 153, 149, 0.15); }

.arco-picker-cell-range-start .arco-picker-date, .arco-picker-cell-hover-range-start .arco-picker-date { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-picker-cell-range-end .arco-picker-date, .arco-picker-cell-hover-range-end .arco-picker-date { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.arco-picker-cell-range-start:hover .arco-picker-date-value, .arco-picker-cell-range-end:hover .arco-picker-date-value { background-color: unset; }

.arco-picker-cell-disabled .arco-picker-date { background-color: rgb(240, 240, 240); cursor: not-allowed; }

.arco-picker-cell-disabled .arco-picker-date-value, .arco-picker-cell-disabled:hover .arco-picker-date-value { color: rgba(0, 0, 0, 0.25); background-color: transparent; }

.arco-picker-cell-selected .arco-picker-date-value, .arco-picker-cell-selected:hover .arco-picker-date-value { color: var(--color-white); background-color: rgb(var(--primary-6)); transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-picker-cell-hover-in-range .arco-picker-date, .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value, .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background-color: rgba(0, 153, 149, 0.15); }

.arco-picker-cell-range-edge-in-hover-range .arco-picker-date, .arco-picker-cell-hover-range-edge-in-range .arco-picker-date { border-radius: 0px; }

.arco-picker-cell-hidden .arco-picker-date { display: none; }

.arco-picker-footer { width: min-content; min-width: 100%; }

.arco-picker-footer-btn-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.14); padding: 3px 8px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }

.arco-picker-footer-extra-wrapper { padding: 8px 24px; color: var(--color-text-1); border-top: 1px solid rgba(0, 0, 0, 0.14); box-sizing: border-box; font-size: 12px; }

.arco-picker-footer-now-wrapper { border-top: 1px solid rgba(0, 0, 0, 0.14); 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 0px; }

.arco-picker-shortcuts { flex: 1 1 0%; }

.arco-picker-shortcuts > * { margin: 5px 10px 5px 0px; }

.arco-panel-date { display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; }

.arco-panel-date-inner { width: 265px; }

.arco-panel-date-inner .arco-picker-body { padding-top: 0px; }

.arco-panel-date-timepicker { display: flex; flex-direction: column; }

.arco-panel-date-timepicker-title { width: 100%; text-align: center; font-weight: 400; font-size: 14px; height: 40px; line-height: 40px; border-bottom: 1px solid rgba(0, 0, 0, 0.14); color: var(--color-text-1); }

.arco-panel-date-timepicker .arco-timepicker { width: 265px; height: 276px; padding: 0px 6px; overflow: hidden; }

.arco-panel-date-timepicker .arco-timepicker-list { width: 100%; height: 100%; padding: 0px 4px; box-sizing: border-box; }

.arco-panel-date-timepicker .arco-timepicker-list:not(:last-child) { border-right: 0px; }

.arco-panel-date-timepicker .arco-timepicker ul::after { height: 244px; }

.arco-panel-date-timepicker .arco-timepicker-cell { width: 100%; }

.arco-panel-date-holder { display: flex; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.14); }

.arco-panel-date-holder-btn { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; height: 50px; box-sizing: border-box; cursor: pointer; color: var(--color-text-3); font-size: 16px; transition: color 0.2s; }

.arco-panel-date-holder-btn:first-child { border-right: 1px solid rgba(0, 0, 0, 0.14); }

.arco-panel-date-holder-btn:hover, .arco-panel-date-holder-btn:active, .arco-panel-date-holder-btn-active { 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 rgba(0, 0, 0, 0.14); }

.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: 4px; 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: 4px; }

.arco-panel-year { box-sizing: border-box; width: 265px; }

.arco-panel-week { 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: 0px; }

.arco-panel-week .arco-picker-row-week { cursor: pointer; }

.arco-panel-week .arco-picker-row-week .arco-picker-date-value { width: 100%; border-radius: 0px; }

.arco-panel-week .arco-picker-cell .arco-picker-date { border-radius: 0px; }

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date { padding-left: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date { padding-right: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.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: rgba(0, 0, 0, 0.08); }

.arco-panel-quarter { box-sizing: border-box; width: 265px; }

.arco-picker-range-wrapper { display: flex; }

.arco-datepicker-shortcuts-wrapper { width: 106px; height: 100%; max-height: 300px; overflow-y: auto; box-sizing: border-box; list-style: none; padding: 0px; margin: 10px 0px 0px; }

.arco-datepicker-shortcuts-wrapper > li { width: 100%; padding: 6px 16px; cursor: pointer; box-sizing: border-box; }

.arco-datepicker-shortcuts-wrapper > li:hover { color: rgb(var(--primary-6)); }

.arco-picker-container-rtl, .arco-picker-range-container-rtl { direction: rtl; }

.arco-picker-container-rtl .arco-picker-cell-range-start .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-range-start .arco-picker-date, .arco-picker-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date { border-radius: 0px 4px 4px 0px; }

.arco-picker-container-rtl .arco-picker-cell-range-end .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-range-end .arco-picker-date, .arco-picker-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date { border-radius: 4px 0px 0px 4px; }

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date { padding-right: 4px; padding-left: 0px; border-radius: 0px 4px 4px 0px; }

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value { border-radius: 0px 4px 4px 0px; }

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date { padding-left: 4px; padding-right: 0px; border-radius: 4px 0px 0px 4px; }

.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value { border-radius: 4px 0px 0px 4px; }

.arco-descriptions-table { width: 100%; border-collapse: collapse; }

.arco-descriptions-table-layout-fixed table { table-layout: fixed; }

.arco-descriptions-title { font-size: 14px; color: rgba(0, 0, 0, 0.92); font-weight: 500; line-height: 1.5715; margin-bottom: 16px; }

.arco-descriptions-item, .arco-descriptions-item-label, .arco-descriptions-item-value { padding: 0px 4px 12px 0px; text-align: left; box-sizing: border-box; font-size: 14px; line-height: 1.5715; }

.arco-descriptions-item-label { color: rgba(0, 0, 0, 0.55); font-weight: 400; width: 1px; white-space: nowrap; }

.arco-descriptions-table-layout-fixed .arco-descriptions-item-label { width: auto; }

.arco-descriptions-item-value { color: rgba(0, 0, 0, 0.92); font-weight: 400; }

.arco-descriptions-item-label-inline, .arco-descriptions-item-value-inline { text-align: left; box-sizing: border-box; font-size: 14px; line-height: 1.5715; }

.arco-descriptions-item-label-inline { color: rgba(0, 0, 0, 0.55); font-weight: 400; margin-bottom: 2px; }

.arco-descriptions-item-value-inline { color: rgba(0, 0, 0, 0.92); 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: 0px; }

.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 12px 20px; }

.arco-descriptions-border .arco-descriptions-body { border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 4px; overflow: hidden; }

.arco-descriptions-border .arco-descriptions-row:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item, .arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-label, .arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-value { border-right: 1px solid rgba(0, 0, 0, 0.14); }

.arco-descriptions-border .arco-descriptions-item, .arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-border .arco-descriptions-item-value { 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 { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-descriptions-border .arco-descriptions-item:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child { padding-left: 0px; }

.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 { padding-bottom: 2px; padding-right: 20px; font-size: 12px; }

.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 { padding-bottom: 4px; padding-right: 20px; font-size: 14px; }

.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 { padding-bottom: 8px; padding-right: 20px; font-size: 14px; }

.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 { padding-bottom: 16px; padding-right: 20px; font-size: 14px; }

.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-descriptions-rtl { direction: rtl; }

.arco-descriptions-rtl .arco-descriptions-item, .arco-descriptions-rtl .arco-descriptions-item-label, .arco-descriptions-rtl .arco-descriptions-item-value { text-align: right; padding: 0px 0px 12px 4px; }

.arco-descriptions-rtl .arco-descriptions-item-label-inline, .arco-descriptions-rtl .arco-descriptions-item-value-inline { text-align: right; }

.arco-descriptions-rtl.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline { margin-right: 0px; margin-left: 4px; }

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value { border-left: 1px solid rgba(0, 0, 0, 0.14); padding: 7px 20px; }

.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item:last-child, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value:last-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.arco-descriptions-rtl.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.arco-descriptions-rtl.arco-descriptions-layout-vertical:not(.arco-descriptions-rtl.arco-descriptions-border) .arco-descriptions-item-value:first-child { padding-right: 0px; }

.arco-divider-horizontal { position: relative; width: 100%; min-width: 100%; max-width: 100%; margin: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; }

.arco-divider-horizontal.arco-divider-with-text { margin: 0px; display: flex; align-items: center; border-bottom-width: 0px; }

.arco-divider-horizontal.arco-divider-with-text::before, .arco-divider-horizontal.arco-divider-with-text::after { content: ""; height: 0px; flex: 1 1 0%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; }

.arco-divider-horizontal.arco-divider-with-text-left::before { flex-basis: 24px; flex-grow: 0; }

.arco-divider-horizontal.arco-divider-with-text-right::after { flex-basis: 24px; flex-grow: 0; }

.arco-divider-vertical { display: inline-block; min-width: 1px; max-width: 1px; height: 1em; margin: 0px; border-left: 1px solid rgba(0, 0, 0, 0.1); vertical-align: middle; }

.arco-divider-text { box-sizing: border-box; padding: 0px 16px; font-size: 14px; font-weight: 400; line-height: 2; color: rgba(0, 0, 0, 0.55); }

.arco-drawer-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-mask-bg); }

.arco-drawer-no-mask { pointer-events: none; }

.arco-drawer-no-mask .arco-drawer { pointer-events: auto; }

.arco-drawer-wrapper { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; }

.arco-drawer-wrapper-hide { display: none; }

.arco-drawer { position: absolute; width: 100%; height: 100%; background-color: var(--color-bg-3); line-height: 1.5715; }

.arco-drawer-wrapper { position: relative; height: 100%; }

.arco-drawer-fixed { position: fixed; top: 0px; z-index: 1001; }

.arco-drawer-inner { height: 100%; overflow: hidden; }

.arco-drawer-scroll { overflow: auto; height: 100%; display: flex; flex-direction: column; }

.arco-drawer-header { height: 80px; display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 0px 24px; border-bottom: 1px solid transparent; flex-shrink: 0; }

.arco-drawer-header-title { font-size: 18px; font-weight: 500; color: rgba(0, 0, 0, 0.92); text-align: left; }

.arco-drawer-footer { box-sizing: border-box; padding: 24px; border-top: 1px solid transparent; text-align: right; flex-shrink: 0; }

.arco-drawer-footer > .arco-btn { margin-left: 12px; }

.arco-drawer .arco-drawer-close-icon { position: absolute; right: 26px; top: 32px; cursor: pointer; z-index: 1; font-size: 16px; color: rgba(0, 0, 0, 0.92); }

.arco-drawer-content { flex: 1 1 0%; height: 100%; padding: 0px 24px; color: rgba(0, 0, 0, 0.92); box-sizing: border-box; position: relative; overflow: auto; }

.arco-drawer-rtl { direction: rtl; }

.arco-drawer-rtl .arco-drawer-close-icon { right: initial; left: 26px; }

.arco-drawer-rtl .arco-drawer-footer { text-align: left; }

.arco-dropdown-menu { position: relative; box-sizing: border-box; max-height: 200px; padding: 4px 0px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; overflow: auto; }

.arco-dropdown-menu-hidden { display: none; }

.arco-dropdown-menu-item, .arco-dropdown-menu-pop-header { position: relative; box-sizing: border-box; width: 100%; height: 36px; padding: 0px 8px; font-size: 14px; line-height: 36px; text-align: left; cursor: pointer; z-index: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.65); background-color: transparent; }

.arco-dropdown-menu-item.arco-dropdown-menu-selected, .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected { color: rgb(var(--primary-6)); background-color: transparent; font-weight: 500; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-dropdown-menu-item:hover, .arco-dropdown-menu-pop-header:hover { color: rgba(0, 0, 0, 0.65); background-color: rgb(var(--primary-1)); }

.arco-dropdown-menu-item:focus-visible, .arco-dropdown-menu-pop-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }

.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 { color: rgba(0, 0, 0, 0.25); background-color: transparent; cursor: not-allowed; }

.arco-dropdown-menu-item a, .arco-dropdown-menu-pop-header a, .arco-dropdown-menu-item a:hover, .arco-dropdown-menu-pop-header a:hover, .arco-dropdown-menu-item a:focus, .arco-dropdown-menu-pop-header a:focus, .arco-dropdown-menu-item a:active, .arco-dropdown-menu-pop-header a:active { color: inherit; cursor: inherit; text-decoration: none; }

.arco-dropdown-menu-item > a:only-child::before, .arco-dropdown-menu-pop-header > a:only-child::before { content: ""; position: absolute; inset: 0px; }

.arco-dropdown-menu-pop-header { display: flex; align-items: center; justify-content: space-between; }

.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 8px; }

.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title { margin-top: 4px; }

.arco-dropdown-menu-group-title { margin-top: 8px; box-sizing: border-box; width: 100%; padding: 0px 8px; line-height: 16px; font-size: 12px; color: rgba(0, 0, 0, 0.55); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-dropdown-menu-dark { border-color: var(--color-menu-dark-bg); background-color: var(--color-menu-dark-bg); }

.arco-dropdown-menu-dark .arco-dropdown-menu-item, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header { color: var(--color-text-4); background-color: transparent; }

.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 { color: var(--color-white); background-color: transparent; }

.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 { color: var(--color-text-4); background-color: var(--color-menu-dark-hover); }

.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 { color: var(--color-text-2); background-color: transparent; }

.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: rgb(255, 255, 255); }

.arco-dropdown-menu-rtl .arco-dropdown-menu-item, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header { text-align: right; }

.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 0px; margin-right: 8px; }

.arco-empty { width: 100%; padding: 10px 0px; box-sizing: border-box; }

.arco-empty .arco-empty-wrapper { width: 100%; box-sizing: border-box; text-align: center; color: rgb(var(--gray-5)); }

.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: 14px; }

.arco-form { width: 100%; display: flex; flex-direction: column; }

.arco-form-inline { flex-flow: wrap; }

.arco-form-inline .arco-form-item { width: auto; margin-bottom: 8px; }

.arco-form-item { width: 100%; margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: flex-start; }

.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: 0px; }

.arco-form-item-wrapper-flex.arco-col { flex: 1 1 0%; }

.arco-form-size-mini .arco-form-label-item { line-height: 24px; font-size: 12px; }

.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: 24px; }

.arco-form-size-small .arco-form-label-item > label { font-size: 12px; }

.arco-form-size-small .arco-form-item-control { min-height: 24px; }

.arco-form-size-large .arco-form-label-item { line-height: 44px; }

.arco-form-size-large .arco-form-label-item > label { font-size: 14px; }

.arco-form-size-large .arco-form-item-control { min-height: 44px; }

.arco-form-extra { font-size: 12px; color: rgba(0, 0, 0, 0.55); margin-top: 4px; }

.arco-form-message { font-size: 12px; color: rgb(var(--danger-6)); min-height: 12px; line-height: 12px; }

.arco-form-message-help { color: rgba(0, 0, 0, 0.55); }

.arco-form-message + .arco-form-extra { margin-bottom: 4px; margin-top: 0px; }

.arco-form-layout-vertical { display: block; }

.arco-form-layout-vertical > .arco-form-label-item { line-height: 1.5715; white-space: normal; text-align: left; padding: 0px; margin-bottom: 8px; }

.arco-form-layout-inline { margin-right: 24px; }

.arco-form-label-item { text-align: right; white-space: nowrap; line-height: 36px; }

.arco-form-label-item-flex.arco-col { flex: 0 1 0%; }

.arco-form-label-item-flex.arco-col > label { white-space: nowrap; }

.arco-form-label-item > label { font-size: 14px; white-space: normal; color: rgba(0, 0, 0, 0.92); }

.arco-form-label-item .arco-form-item-tooltip { margin-left: 4px; color: var(--color-text-4); }

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

.arco-form-label-item-left { text-align: left; }

.arco-form-item-control { display: flex; align-items: center; min-height: 36px; width: 100%; }

.arco-form-item-control-children { width: 100%; flex: 1 1 0%; }

.arco-form-item-control-wrapper { display: flex; width: 100%; flex-direction: column; align-items: flex-start; }

.arco-form .arco-slider { display: block; }

.arco-form-item-status-validating .arco-input:not(.arco-input-disabled), .arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled) { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-validating .arco-textarea.arco-textarea-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:hover, .arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-form-item-status-validating .arco-input:focus, .arco-form-item-status-validating .arco-input:focus:hover { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: rgb(255, 255, 255); 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) { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); }

.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 { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-form-item-status-validating .arco-input-tag { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-form-item-status-validating .arco-input-tag:hover { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-validating .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); 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:not(.arco-input-disabled), .arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled) { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-success .arco-textarea.arco-textarea-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:hover, .arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-success-light-2); }

.arco-form-item-status-success .arco-input:focus, .arco-form-item-status-success .arco-input:focus:hover { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: rgb(255, 255, 255); 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) { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); }

.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 { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-success-light-2); }

.arco-form-item-status-success .arco-input-tag { background-color: rgb(255, 255, 255); border-color: rgb(var(--success-6)); }

.arco-form-item-status-success .arco-input-tag:hover { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-success .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--success-6)); background-color: rgb(255, 255, 255); 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:not(.arco-input-disabled), .arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled) { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-warning .arco-textarea.arco-textarea-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:hover, .arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-form-item-status-warning .arco-input:focus, .arco-form-item-status-warning .arco-input:focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); 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: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.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: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.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: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.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) { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); }

.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 { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-form-item-status-warning .arco-input-tag { background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); }

.arco-form-item-status-warning .arco-input-tag:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-warning .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-form-item-status-warning .arco-form-message-help, .arco-form-item-status-warning .arco-form-message-help .arco-form-message-help-warning, .arco-form-item-status-warning .arco-form-item-feedback { color: rgb(var(--warning-6)); }

.arco-form-item-status-error .arco-input:not(.arco-input-disabled), .arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled) { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-error .arco-textarea.arco-textarea-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:hover, .arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-danger-light-2); }

.arco-form-item-status-error .arco-input:focus, .arco-form-item-status-error .arco-input:focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: rgb(255, 255, 255); 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: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: rgb(255, 255, 255); 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) { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.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 { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-danger-light-2); }

.arco-form-item-status-error .arco-input-tag { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-form-item-status-error .arco-input-tag:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-form-item-status-error .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); 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 { position: absolute; right: 9px; top: 50%; font-size: 14px; 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: 0px; }

.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: 0px; }

.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: 0px; }

.arco-form-item-has-feedback .arco-picker { padding-right: 28px; }

.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon, .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon { margin-right: 0px; margin-left: 0px; }

.arco-form-item-has-feedback .arco-input-tag { padding-right: 23px; }

.arco-form-item-has-feedback .arco-input-tag-suffix { padding-right: 0px; }

.formblink-enter, .formblink-appear { opacity: 0; }

.formblink-enter-active, .formblink-appear-active { opacity: 1; transition: opacity 0.3s cubic-bezier(0, 0, 1, 1); }

.formblink-enter-done { animation: 0.5s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-form-blink; }

@keyframes arco-form-blink { 
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}

.arco-form-rtl { direction: rtl; }

.arco-form-rtl .arco-form-item > .arco-form-label-item { padding-left: 16px; padding-right: 0px; }

.arco-form-rtl .arco-form-label-item { text-align: left; }

.arco-form-rtl .arco-form-layout-vertical > .arco-form-label-item { text-align: right; }

.arco-form-rtl .arco-form-layout-inline { margin-right: 0px; margin-left: 24px; }

.arco-row { display: flex; flex-flow: 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-row-rtl { direction: rtl; }

.arco-col { position: relative; box-sizing: border-box; }

.arco-col-rtl { direction: rtl; }

.arco-col-0 { display: none; }

.arco-col-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }

.arco-col-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }

.arco-col-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }

.arco-col-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }

.arco-col-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }

.arco-col-6 { display: block; width: 25%; flex: 0 0 25%; }

.arco-col-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }

.arco-col-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }

.arco-col-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }

.arco-col-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }

.arco-col-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }

.arco-col-12 { display: block; width: 50%; flex: 0 0 50%; }

.arco-col-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }

.arco-col-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }

.arco-col-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }

.arco-col-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }

.arco-col-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }

.arco-col-18 { display: block; width: 75%; flex: 0 0 75%; }

.arco-col-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }

.arco-col-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }

.arco-col-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }

.arco-col-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }

.arco-col-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }

.arco-col-24 { display: block; width: 100%; flex: 0 0 100%; }

.arco-col-offset-0 { margin-left: 0%; }

.arco-col-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }

.arco-col-offset-1 { margin-left: 4.16667%; }

.arco-col-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }

.arco-col-offset-2 { margin-left: 8.33333%; }

.arco-col-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }

.arco-col-offset-3 { margin-left: 12.5%; }

.arco-col-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }

.arco-col-offset-4 { margin-left: 16.6667%; }

.arco-col-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }

.arco-col-offset-5 { margin-left: 20.8333%; }

.arco-col-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }

.arco-col-offset-6 { margin-left: 25%; }

.arco-col-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }

.arco-col-offset-7 { margin-left: 29.1667%; }

.arco-col-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }

.arco-col-offset-8 { margin-left: 33.3333%; }

.arco-col-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }

.arco-col-offset-9 { margin-left: 37.5%; }

.arco-col-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }

.arco-col-offset-10 { margin-left: 41.6667%; }

.arco-col-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }

.arco-col-offset-11 { margin-left: 45.8333%; }

.arco-col-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }

.arco-col-offset-12 { margin-left: 50%; }

.arco-col-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }

.arco-col-offset-13 { margin-left: 54.1667%; }

.arco-col-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }

.arco-col-offset-14 { margin-left: 58.3333%; }

.arco-col-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }

.arco-col-offset-15 { margin-left: 62.5%; }

.arco-col-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }

.arco-col-offset-16 { margin-left: 66.6667%; }

.arco-col-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }

.arco-col-offset-17 { margin-left: 70.8333%; }

.arco-col-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }

.arco-col-offset-18 { margin-left: 75%; }

.arco-col-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }

.arco-col-offset-19 { margin-left: 79.1667%; }

.arco-col-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }

.arco-col-offset-20 { margin-left: 83.3333%; }

.arco-col-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }

.arco-col-offset-21 { margin-left: 87.5%; }

.arco-col-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }

.arco-col-offset-22 { margin-left: 91.6667%; }

.arco-col-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }

.arco-col-offset-23 { margin-left: 95.8333%; }

.arco-col-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }

.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-0.arco-col-rtl { right: unset; left: 0%; }

.arco-col-pull-1 { right: 4.16667%; }

.arco-col-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }

.arco-col-pull-2 { right: 8.33333%; }

.arco-col-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }

.arco-col-pull-3 { right: 12.5%; }

.arco-col-pull-3.arco-col-rtl { right: unset; left: 12.5%; }

.arco-col-pull-4 { right: 16.6667%; }

.arco-col-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }

.arco-col-pull-5 { right: 20.8333%; }

.arco-col-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }

.arco-col-pull-6 { right: 25%; }

.arco-col-pull-6.arco-col-rtl { right: unset; left: 25%; }

.arco-col-pull-7 { right: 29.1667%; }

.arco-col-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }

.arco-col-pull-8 { right: 33.3333%; }

.arco-col-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }

.arco-col-pull-9 { right: 37.5%; }

.arco-col-pull-9.arco-col-rtl { right: unset; left: 37.5%; }

.arco-col-pull-10 { right: 41.6667%; }

.arco-col-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }

.arco-col-pull-11 { right: 45.8333%; }

.arco-col-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }

.arco-col-pull-12 { right: 50%; }

.arco-col-pull-12.arco-col-rtl { right: unset; left: 50%; }

.arco-col-pull-13 { right: 54.1667%; }

.arco-col-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }

.arco-col-pull-14 { right: 58.3333%; }

.arco-col-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }

.arco-col-pull-15 { right: 62.5%; }

.arco-col-pull-15.arco-col-rtl { right: unset; left: 62.5%; }

.arco-col-pull-16 { right: 66.6667%; }

.arco-col-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }

.arco-col-pull-17 { right: 70.8333%; }

.arco-col-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }

.arco-col-pull-18 { right: 75%; }

.arco-col-pull-18.arco-col-rtl { right: unset; left: 75%; }

.arco-col-pull-19 { right: 79.1667%; }

.arco-col-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }

.arco-col-pull-20 { right: 83.3333%; }

.arco-col-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }

.arco-col-pull-21 { right: 87.5%; }

.arco-col-pull-21.arco-col-rtl { right: unset; left: 87.5%; }

.arco-col-pull-22 { right: 91.6667%; }

.arco-col-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }

.arco-col-pull-23 { right: 95.8333%; }

.arco-col-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }

.arco-col-pull-24 { right: 100%; }

.arco-col-pull-24.arco-col-rtl { right: unset; left: 100%; }

.arco-col-push-0 { left: 0%; }

.arco-col-push-0.arco-col-rtl { left: unset; right: 0%; }

.arco-col-push-1 { left: 4.16667%; }

.arco-col-push-1.arco-col-rtl { left: unset; right: 4.16667%; }

.arco-col-push-2 { left: 8.33333%; }

.arco-col-push-2.arco-col-rtl { left: unset; right: 8.33333%; }

.arco-col-push-3 { left: 12.5%; }

.arco-col-push-3.arco-col-rtl { left: unset; right: 12.5%; }

.arco-col-push-4 { left: 16.6667%; }

.arco-col-push-4.arco-col-rtl { left: unset; right: 16.6667%; }

.arco-col-push-5 { left: 20.8333%; }

.arco-col-push-5.arco-col-rtl { left: unset; right: 20.8333%; }

.arco-col-push-6 { left: 25%; }

.arco-col-push-6.arco-col-rtl { left: unset; right: 25%; }

.arco-col-push-7 { left: 29.1667%; }

.arco-col-push-7.arco-col-rtl { left: unset; right: 29.1667%; }

.arco-col-push-8 { left: 33.3333%; }

.arco-col-push-8.arco-col-rtl { left: unset; right: 33.3333%; }

.arco-col-push-9 { left: 37.5%; }

.arco-col-push-9.arco-col-rtl { left: unset; right: 37.5%; }

.arco-col-push-10 { left: 41.6667%; }

.arco-col-push-10.arco-col-rtl { left: unset; right: 41.6667%; }

.arco-col-push-11 { left: 45.8333%; }

.arco-col-push-11.arco-col-rtl { left: unset; right: 45.8333%; }

.arco-col-push-12 { left: 50%; }

.arco-col-push-12.arco-col-rtl { left: unset; right: 50%; }

.arco-col-push-13 { left: 54.1667%; }

.arco-col-push-13.arco-col-rtl { left: unset; right: 54.1667%; }

.arco-col-push-14 { left: 58.3333%; }

.arco-col-push-14.arco-col-rtl { left: unset; right: 58.3333%; }

.arco-col-push-15 { left: 62.5%; }

.arco-col-push-15.arco-col-rtl { left: unset; right: 62.5%; }

.arco-col-push-16 { left: 66.6667%; }

.arco-col-push-16.arco-col-rtl { left: unset; right: 66.6667%; }

.arco-col-push-17 { left: 70.8333%; }

.arco-col-push-17.arco-col-rtl { left: unset; right: 70.8333%; }

.arco-col-push-18 { left: 75%; }

.arco-col-push-18.arco-col-rtl { left: unset; right: 75%; }

.arco-col-push-19 { left: 79.1667%; }

.arco-col-push-19.arco-col-rtl { left: unset; right: 79.1667%; }

.arco-col-push-20 { left: 83.3333%; }

.arco-col-push-20.arco-col-rtl { left: unset; right: 83.3333%; }

.arco-col-push-21 { left: 87.5%; }

.arco-col-push-21.arco-col-rtl { left: unset; right: 87.5%; }

.arco-col-push-22 { left: 91.6667%; }

.arco-col-push-22.arco-col-rtl { left: unset; right: 91.6667%; }

.arco-col-push-23 { left: 95.8333%; }

.arco-col-push-23.arco-col-rtl { left: unset; right: 95.8333%; }

.arco-col-push-24 { left: 100%; }

.arco-col-push-24.arco-col-rtl { left: unset; right: 100%; }

.arco-col-xs-0 { display: none; }

.arco-col-xs-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }

.arco-col-xs-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }

.arco-col-xs-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }

.arco-col-xs-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }

.arco-col-xs-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }

.arco-col-xs-6 { display: block; width: 25%; flex: 0 0 25%; }

.arco-col-xs-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }

.arco-col-xs-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }

.arco-col-xs-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }

.arco-col-xs-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }

.arco-col-xs-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }

.arco-col-xs-12 { display: block; width: 50%; flex: 0 0 50%; }

.arco-col-xs-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }

.arco-col-xs-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }

.arco-col-xs-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }

.arco-col-xs-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }

.arco-col-xs-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }

.arco-col-xs-18 { display: block; width: 75%; flex: 0 0 75%; }

.arco-col-xs-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }

.arco-col-xs-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }

.arco-col-xs-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }

.arco-col-xs-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }

.arco-col-xs-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }

.arco-col-xs-24 { display: block; width: 100%; flex: 0 0 100%; }

.arco-col-xs-offset-0 { margin-left: 0%; }

.arco-col-xs-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }

.arco-col-xs-offset-1 { margin-left: 4.16667%; }

.arco-col-xs-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }

.arco-col-xs-offset-2 { margin-left: 8.33333%; }

.arco-col-xs-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }

.arco-col-xs-offset-3 { margin-left: 12.5%; }

.arco-col-xs-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }

.arco-col-xs-offset-4 { margin-left: 16.6667%; }

.arco-col-xs-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }

.arco-col-xs-offset-5 { margin-left: 20.8333%; }

.arco-col-xs-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }

.arco-col-xs-offset-6 { margin-left: 25%; }

.arco-col-xs-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }

.arco-col-xs-offset-7 { margin-left: 29.1667%; }

.arco-col-xs-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }

.arco-col-xs-offset-8 { margin-left: 33.3333%; }

.arco-col-xs-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }

.arco-col-xs-offset-9 { margin-left: 37.5%; }

.arco-col-xs-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }

.arco-col-xs-offset-10 { margin-left: 41.6667%; }

.arco-col-xs-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }

.arco-col-xs-offset-11 { margin-left: 45.8333%; }

.arco-col-xs-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }

.arco-col-xs-offset-12 { margin-left: 50%; }

.arco-col-xs-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }

.arco-col-xs-offset-13 { margin-left: 54.1667%; }

.arco-col-xs-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }

.arco-col-xs-offset-14 { margin-left: 58.3333%; }

.arco-col-xs-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }

.arco-col-xs-offset-15 { margin-left: 62.5%; }

.arco-col-xs-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }

.arco-col-xs-offset-16 { margin-left: 66.6667%; }

.arco-col-xs-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }

.arco-col-xs-offset-17 { margin-left: 70.8333%; }

.arco-col-xs-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }

.arco-col-xs-offset-18 { margin-left: 75%; }

.arco-col-xs-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }

.arco-col-xs-offset-19 { margin-left: 79.1667%; }

.arco-col-xs-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }

.arco-col-xs-offset-20 { margin-left: 83.3333%; }

.arco-col-xs-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }

.arco-col-xs-offset-21 { margin-left: 87.5%; }

.arco-col-xs-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }

.arco-col-xs-offset-22 { margin-left: 91.6667%; }

.arco-col-xs-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }

.arco-col-xs-offset-23 { margin-left: 95.8333%; }

.arco-col-xs-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }

.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-0.arco-col-rtl { right: unset; left: 0%; }

.arco-col-xs-pull-1 { right: 4.16667%; }

.arco-col-xs-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }

.arco-col-xs-pull-2 { right: 8.33333%; }

.arco-col-xs-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }

.arco-col-xs-pull-3 { right: 12.5%; }

.arco-col-xs-pull-3.arco-col-rtl { right: unset; left: 12.5%; }

.arco-col-xs-pull-4 { right: 16.6667%; }

.arco-col-xs-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }

.arco-col-xs-pull-5 { right: 20.8333%; }

.arco-col-xs-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }

.arco-col-xs-pull-6 { right: 25%; }

.arco-col-xs-pull-6.arco-col-rtl { right: unset; left: 25%; }

.arco-col-xs-pull-7 { right: 29.1667%; }

.arco-col-xs-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }

.arco-col-xs-pull-8 { right: 33.3333%; }

.arco-col-xs-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }

.arco-col-xs-pull-9 { right: 37.5%; }

.arco-col-xs-pull-9.arco-col-rtl { right: unset; left: 37.5%; }

.arco-col-xs-pull-10 { right: 41.6667%; }

.arco-col-xs-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }

.arco-col-xs-pull-11 { right: 45.8333%; }

.arco-col-xs-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }

.arco-col-xs-pull-12 { right: 50%; }

.arco-col-xs-pull-12.arco-col-rtl { right: unset; left: 50%; }

.arco-col-xs-pull-13 { right: 54.1667%; }

.arco-col-xs-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }

.arco-col-xs-pull-14 { right: 58.3333%; }

.arco-col-xs-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }

.arco-col-xs-pull-15 { right: 62.5%; }

.arco-col-xs-pull-15.arco-col-rtl { right: unset; left: 62.5%; }

.arco-col-xs-pull-16 { right: 66.6667%; }

.arco-col-xs-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }

.arco-col-xs-pull-17 { right: 70.8333%; }

.arco-col-xs-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }

.arco-col-xs-pull-18 { right: 75%; }

.arco-col-xs-pull-18.arco-col-rtl { right: unset; left: 75%; }

.arco-col-xs-pull-19 { right: 79.1667%; }

.arco-col-xs-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }

.arco-col-xs-pull-20 { right: 83.3333%; }

.arco-col-xs-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }

.arco-col-xs-pull-21 { right: 87.5%; }

.arco-col-xs-pull-21.arco-col-rtl { right: unset; left: 87.5%; }

.arco-col-xs-pull-22 { right: 91.6667%; }

.arco-col-xs-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }

.arco-col-xs-pull-23 { right: 95.8333%; }

.arco-col-xs-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }

.arco-col-xs-pull-24 { right: 100%; }

.arco-col-xs-pull-24.arco-col-rtl { right: unset; left: 100%; }

.arco-col-xs-push-0 { left: 0%; }

.arco-col-xs-push-0.arco-col-rtl { left: unset; right: 0%; }

.arco-col-xs-push-1 { left: 4.16667%; }

.arco-col-xs-push-1.arco-col-rtl { left: unset; right: 4.16667%; }

.arco-col-xs-push-2 { left: 8.33333%; }

.arco-col-xs-push-2.arco-col-rtl { left: unset; right: 8.33333%; }

.arco-col-xs-push-3 { left: 12.5%; }

.arco-col-xs-push-3.arco-col-rtl { left: unset; right: 12.5%; }

.arco-col-xs-push-4 { left: 16.6667%; }

.arco-col-xs-push-4.arco-col-rtl { left: unset; right: 16.6667%; }

.arco-col-xs-push-5 { left: 20.8333%; }

.arco-col-xs-push-5.arco-col-rtl { left: unset; right: 20.8333%; }

.arco-col-xs-push-6 { left: 25%; }

.arco-col-xs-push-6.arco-col-rtl { left: unset; right: 25%; }

.arco-col-xs-push-7 { left: 29.1667%; }

.arco-col-xs-push-7.arco-col-rtl { left: unset; right: 29.1667%; }

.arco-col-xs-push-8 { left: 33.3333%; }

.arco-col-xs-push-8.arco-col-rtl { left: unset; right: 33.3333%; }

.arco-col-xs-push-9 { left: 37.5%; }

.arco-col-xs-push-9.arco-col-rtl { left: unset; right: 37.5%; }

.arco-col-xs-push-10 { left: 41.6667%; }

.arco-col-xs-push-10.arco-col-rtl { left: unset; right: 41.6667%; }

.arco-col-xs-push-11 { left: 45.8333%; }

.arco-col-xs-push-11.arco-col-rtl { left: unset; right: 45.8333%; }

.arco-col-xs-push-12 { left: 50%; }

.arco-col-xs-push-12.arco-col-rtl { left: unset; right: 50%; }

.arco-col-xs-push-13 { left: 54.1667%; }

.arco-col-xs-push-13.arco-col-rtl { left: unset; right: 54.1667%; }

.arco-col-xs-push-14 { left: 58.3333%; }

.arco-col-xs-push-14.arco-col-rtl { left: unset; right: 58.3333%; }

.arco-col-xs-push-15 { left: 62.5%; }

.arco-col-xs-push-15.arco-col-rtl { left: unset; right: 62.5%; }

.arco-col-xs-push-16 { left: 66.6667%; }

.arco-col-xs-push-16.arco-col-rtl { left: unset; right: 66.6667%; }

.arco-col-xs-push-17 { left: 70.8333%; }

.arco-col-xs-push-17.arco-col-rtl { left: unset; right: 70.8333%; }

.arco-col-xs-push-18 { left: 75%; }

.arco-col-xs-push-18.arco-col-rtl { left: unset; right: 75%; }

.arco-col-xs-push-19 { left: 79.1667%; }

.arco-col-xs-push-19.arco-col-rtl { left: unset; right: 79.1667%; }

.arco-col-xs-push-20 { left: 83.3333%; }

.arco-col-xs-push-20.arco-col-rtl { left: unset; right: 83.3333%; }

.arco-col-xs-push-21 { left: 87.5%; }

.arco-col-xs-push-21.arco-col-rtl { left: unset; right: 87.5%; }

.arco-col-xs-push-22 { left: 91.6667%; }

.arco-col-xs-push-22.arco-col-rtl { left: unset; right: 91.6667%; }

.arco-col-xs-push-23 { left: 95.8333%; }

.arco-col-xs-push-23.arco-col-rtl { left: unset; right: 95.8333%; }

.arco-col-xs-push-24 { left: 100%; }

.arco-col-xs-push-24.arco-col-rtl { left: unset; right: 100%; }

@media (min-width: 576px) {
  .arco-col-sm-0 { display: none; }
  .arco-col-sm-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-sm-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-sm-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-sm-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-sm-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-sm-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-sm-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-sm-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-sm-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-sm-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-sm-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-sm-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-sm-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-sm-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-sm-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-sm-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-sm-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-sm-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-sm-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-sm-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-sm-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-sm-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-sm-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-sm-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-sm-offset-0 { margin-left: 0%; }
  .arco-col-sm-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-sm-offset-1 { margin-left: 4.16667%; }
  .arco-col-sm-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-sm-offset-2 { margin-left: 8.33333%; }
  .arco-col-sm-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-sm-offset-3 { margin-left: 12.5%; }
  .arco-col-sm-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-sm-offset-4 { margin-left: 16.6667%; }
  .arco-col-sm-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-sm-offset-5 { margin-left: 20.8333%; }
  .arco-col-sm-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-sm-offset-6 { margin-left: 25%; }
  .arco-col-sm-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-sm-offset-7 { margin-left: 29.1667%; }
  .arco-col-sm-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-sm-offset-8 { margin-left: 33.3333%; }
  .arco-col-sm-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-sm-offset-9 { margin-left: 37.5%; }
  .arco-col-sm-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-sm-offset-10 { margin-left: 41.6667%; }
  .arco-col-sm-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-sm-offset-11 { margin-left: 45.8333%; }
  .arco-col-sm-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-sm-offset-12 { margin-left: 50%; }
  .arco-col-sm-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-sm-offset-13 { margin-left: 54.1667%; }
  .arco-col-sm-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-sm-offset-14 { margin-left: 58.3333%; }
  .arco-col-sm-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-sm-offset-15 { margin-left: 62.5%; }
  .arco-col-sm-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-sm-offset-16 { margin-left: 66.6667%; }
  .arco-col-sm-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-sm-offset-17 { margin-left: 70.8333%; }
  .arco-col-sm-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-sm-offset-18 { margin-left: 75%; }
  .arco-col-sm-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-sm-offset-19 { margin-left: 79.1667%; }
  .arco-col-sm-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-sm-offset-20 { margin-left: 83.3333%; }
  .arco-col-sm-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-sm-offset-21 { margin-left: 87.5%; }
  .arco-col-sm-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-sm-offset-22 { margin-left: 91.6667%; }
  .arco-col-sm-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-sm-offset-23 { margin-left: 95.8333%; }
  .arco-col-sm-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .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-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-sm-pull-1 { right: 4.16667%; }
  .arco-col-sm-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-sm-pull-2 { right: 8.33333%; }
  .arco-col-sm-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-sm-pull-3 { right: 12.5%; }
  .arco-col-sm-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-sm-pull-4 { right: 16.6667%; }
  .arco-col-sm-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-sm-pull-5 { right: 20.8333%; }
  .arco-col-sm-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-sm-pull-6 { right: 25%; }
  .arco-col-sm-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-sm-pull-7 { right: 29.1667%; }
  .arco-col-sm-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-sm-pull-8 { right: 33.3333%; }
  .arco-col-sm-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-sm-pull-9 { right: 37.5%; }
  .arco-col-sm-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-sm-pull-10 { right: 41.6667%; }
  .arco-col-sm-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-sm-pull-11 { right: 45.8333%; }
  .arco-col-sm-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-sm-pull-12 { right: 50%; }
  .arco-col-sm-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-sm-pull-13 { right: 54.1667%; }
  .arco-col-sm-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-sm-pull-14 { right: 58.3333%; }
  .arco-col-sm-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-sm-pull-15 { right: 62.5%; }
  .arco-col-sm-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-sm-pull-16 { right: 66.6667%; }
  .arco-col-sm-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-sm-pull-17 { right: 70.8333%; }
  .arco-col-sm-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-sm-pull-18 { right: 75%; }
  .arco-col-sm-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-sm-pull-19 { right: 79.1667%; }
  .arco-col-sm-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-sm-pull-20 { right: 83.3333%; }
  .arco-col-sm-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-sm-pull-21 { right: 87.5%; }
  .arco-col-sm-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-sm-pull-22 { right: 91.6667%; }
  .arco-col-sm-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-sm-pull-23 { right: 95.8333%; }
  .arco-col-sm-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-sm-pull-24 { right: 100%; }
  .arco-col-sm-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-sm-push-0 { left: 0%; }
  .arco-col-sm-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-sm-push-1 { left: 4.16667%; }
  .arco-col-sm-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-sm-push-2 { left: 8.33333%; }
  .arco-col-sm-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-sm-push-3 { left: 12.5%; }
  .arco-col-sm-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-sm-push-4 { left: 16.6667%; }
  .arco-col-sm-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-sm-push-5 { left: 20.8333%; }
  .arco-col-sm-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-sm-push-6 { left: 25%; }
  .arco-col-sm-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-sm-push-7 { left: 29.1667%; }
  .arco-col-sm-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-sm-push-8 { left: 33.3333%; }
  .arco-col-sm-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-sm-push-9 { left: 37.5%; }
  .arco-col-sm-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-sm-push-10 { left: 41.6667%; }
  .arco-col-sm-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-sm-push-11 { left: 45.8333%; }
  .arco-col-sm-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-sm-push-12 { left: 50%; }
  .arco-col-sm-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-sm-push-13 { left: 54.1667%; }
  .arco-col-sm-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-sm-push-14 { left: 58.3333%; }
  .arco-col-sm-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-sm-push-15 { left: 62.5%; }
  .arco-col-sm-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-sm-push-16 { left: 66.6667%; }
  .arco-col-sm-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-sm-push-17 { left: 70.8333%; }
  .arco-col-sm-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-sm-push-18 { left: 75%; }
  .arco-col-sm-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-sm-push-19 { left: 79.1667%; }
  .arco-col-sm-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-sm-push-20 { left: 83.3333%; }
  .arco-col-sm-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-sm-push-21 { left: 87.5%; }
  .arco-col-sm-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-sm-push-22 { left: 91.6667%; }
  .arco-col-sm-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-sm-push-23 { left: 95.8333%; }
  .arco-col-sm-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-sm-push-24 { left: 100%; }
  .arco-col-sm-push-24.arco-col-rtl { left: unset; right: 100%; }
}

@media (min-width: 768px) {
  .arco-col-md-0 { display: none; }
  .arco-col-md-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-md-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-md-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-md-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-md-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-md-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-md-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-md-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-md-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-md-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-md-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-md-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-md-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-md-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-md-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-md-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-md-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-md-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-md-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-md-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-md-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-md-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-md-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-md-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-md-offset-0 { margin-left: 0%; }
  .arco-col-md-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-md-offset-1 { margin-left: 4.16667%; }
  .arco-col-md-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-md-offset-2 { margin-left: 8.33333%; }
  .arco-col-md-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-md-offset-3 { margin-left: 12.5%; }
  .arco-col-md-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-md-offset-4 { margin-left: 16.6667%; }
  .arco-col-md-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-md-offset-5 { margin-left: 20.8333%; }
  .arco-col-md-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-md-offset-6 { margin-left: 25%; }
  .arco-col-md-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-md-offset-7 { margin-left: 29.1667%; }
  .arco-col-md-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-md-offset-8 { margin-left: 33.3333%; }
  .arco-col-md-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-md-offset-9 { margin-left: 37.5%; }
  .arco-col-md-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-md-offset-10 { margin-left: 41.6667%; }
  .arco-col-md-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-md-offset-11 { margin-left: 45.8333%; }
  .arco-col-md-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-md-offset-12 { margin-left: 50%; }
  .arco-col-md-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-md-offset-13 { margin-left: 54.1667%; }
  .arco-col-md-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-md-offset-14 { margin-left: 58.3333%; }
  .arco-col-md-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-md-offset-15 { margin-left: 62.5%; }
  .arco-col-md-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-md-offset-16 { margin-left: 66.6667%; }
  .arco-col-md-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-md-offset-17 { margin-left: 70.8333%; }
  .arco-col-md-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-md-offset-18 { margin-left: 75%; }
  .arco-col-md-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-md-offset-19 { margin-left: 79.1667%; }
  .arco-col-md-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-md-offset-20 { margin-left: 83.3333%; }
  .arco-col-md-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-md-offset-21 { margin-left: 87.5%; }
  .arco-col-md-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-md-offset-22 { margin-left: 91.6667%; }
  .arco-col-md-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-md-offset-23 { margin-left: 95.8333%; }
  .arco-col-md-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .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-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-md-pull-1 { right: 4.16667%; }
  .arco-col-md-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-md-pull-2 { right: 8.33333%; }
  .arco-col-md-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-md-pull-3 { right: 12.5%; }
  .arco-col-md-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-md-pull-4 { right: 16.6667%; }
  .arco-col-md-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-md-pull-5 { right: 20.8333%; }
  .arco-col-md-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-md-pull-6 { right: 25%; }
  .arco-col-md-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-md-pull-7 { right: 29.1667%; }
  .arco-col-md-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-md-pull-8 { right: 33.3333%; }
  .arco-col-md-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-md-pull-9 { right: 37.5%; }
  .arco-col-md-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-md-pull-10 { right: 41.6667%; }
  .arco-col-md-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-md-pull-11 { right: 45.8333%; }
  .arco-col-md-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-md-pull-12 { right: 50%; }
  .arco-col-md-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-md-pull-13 { right: 54.1667%; }
  .arco-col-md-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-md-pull-14 { right: 58.3333%; }
  .arco-col-md-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-md-pull-15 { right: 62.5%; }
  .arco-col-md-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-md-pull-16 { right: 66.6667%; }
  .arco-col-md-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-md-pull-17 { right: 70.8333%; }
  .arco-col-md-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-md-pull-18 { right: 75%; }
  .arco-col-md-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-md-pull-19 { right: 79.1667%; }
  .arco-col-md-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-md-pull-20 { right: 83.3333%; }
  .arco-col-md-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-md-pull-21 { right: 87.5%; }
  .arco-col-md-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-md-pull-22 { right: 91.6667%; }
  .arco-col-md-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-md-pull-23 { right: 95.8333%; }
  .arco-col-md-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-md-pull-24 { right: 100%; }
  .arco-col-md-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-md-push-0 { left: 0%; }
  .arco-col-md-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-md-push-1 { left: 4.16667%; }
  .arco-col-md-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-md-push-2 { left: 8.33333%; }
  .arco-col-md-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-md-push-3 { left: 12.5%; }
  .arco-col-md-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-md-push-4 { left: 16.6667%; }
  .arco-col-md-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-md-push-5 { left: 20.8333%; }
  .arco-col-md-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-md-push-6 { left: 25%; }
  .arco-col-md-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-md-push-7 { left: 29.1667%; }
  .arco-col-md-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-md-push-8 { left: 33.3333%; }
  .arco-col-md-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-md-push-9 { left: 37.5%; }
  .arco-col-md-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-md-push-10 { left: 41.6667%; }
  .arco-col-md-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-md-push-11 { left: 45.8333%; }
  .arco-col-md-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-md-push-12 { left: 50%; }
  .arco-col-md-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-md-push-13 { left: 54.1667%; }
  .arco-col-md-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-md-push-14 { left: 58.3333%; }
  .arco-col-md-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-md-push-15 { left: 62.5%; }
  .arco-col-md-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-md-push-16 { left: 66.6667%; }
  .arco-col-md-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-md-push-17 { left: 70.8333%; }
  .arco-col-md-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-md-push-18 { left: 75%; }
  .arco-col-md-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-md-push-19 { left: 79.1667%; }
  .arco-col-md-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-md-push-20 { left: 83.3333%; }
  .arco-col-md-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-md-push-21 { left: 87.5%; }
  .arco-col-md-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-md-push-22 { left: 91.6667%; }
  .arco-col-md-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-md-push-23 { left: 95.8333%; }
  .arco-col-md-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-md-push-24 { left: 100%; }
  .arco-col-md-push-24.arco-col-rtl { left: unset; right: 100%; }
}

@media (min-width: 992px) {
  .arco-col-lg-0 { display: none; }
  .arco-col-lg-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-lg-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-lg-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-lg-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-lg-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-lg-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-lg-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-lg-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-lg-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-lg-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-lg-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-lg-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-lg-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-lg-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-lg-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-lg-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-lg-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-lg-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-lg-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-lg-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-lg-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-lg-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-lg-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-lg-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-lg-offset-0 { margin-left: 0%; }
  .arco-col-lg-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-lg-offset-1 { margin-left: 4.16667%; }
  .arco-col-lg-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-lg-offset-2 { margin-left: 8.33333%; }
  .arco-col-lg-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-lg-offset-3 { margin-left: 12.5%; }
  .arco-col-lg-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-lg-offset-4 { margin-left: 16.6667%; }
  .arco-col-lg-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-lg-offset-5 { margin-left: 20.8333%; }
  .arco-col-lg-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-lg-offset-6 { margin-left: 25%; }
  .arco-col-lg-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-lg-offset-7 { margin-left: 29.1667%; }
  .arco-col-lg-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-lg-offset-8 { margin-left: 33.3333%; }
  .arco-col-lg-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-lg-offset-9 { margin-left: 37.5%; }
  .arco-col-lg-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-lg-offset-10 { margin-left: 41.6667%; }
  .arco-col-lg-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-lg-offset-11 { margin-left: 45.8333%; }
  .arco-col-lg-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-lg-offset-12 { margin-left: 50%; }
  .arco-col-lg-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-lg-offset-13 { margin-left: 54.1667%; }
  .arco-col-lg-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-lg-offset-14 { margin-left: 58.3333%; }
  .arco-col-lg-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-lg-offset-15 { margin-left: 62.5%; }
  .arco-col-lg-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-lg-offset-16 { margin-left: 66.6667%; }
  .arco-col-lg-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-lg-offset-17 { margin-left: 70.8333%; }
  .arco-col-lg-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-lg-offset-18 { margin-left: 75%; }
  .arco-col-lg-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-lg-offset-19 { margin-left: 79.1667%; }
  .arco-col-lg-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-lg-offset-20 { margin-left: 83.3333%; }
  .arco-col-lg-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-lg-offset-21 { margin-left: 87.5%; }
  .arco-col-lg-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-lg-offset-22 { margin-left: 91.6667%; }
  .arco-col-lg-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-lg-offset-23 { margin-left: 95.8333%; }
  .arco-col-lg-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .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-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-lg-pull-1 { right: 4.16667%; }
  .arco-col-lg-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-lg-pull-2 { right: 8.33333%; }
  .arco-col-lg-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-lg-pull-3 { right: 12.5%; }
  .arco-col-lg-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-lg-pull-4 { right: 16.6667%; }
  .arco-col-lg-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-lg-pull-5 { right: 20.8333%; }
  .arco-col-lg-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-lg-pull-6 { right: 25%; }
  .arco-col-lg-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-lg-pull-7 { right: 29.1667%; }
  .arco-col-lg-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-lg-pull-8 { right: 33.3333%; }
  .arco-col-lg-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-lg-pull-9 { right: 37.5%; }
  .arco-col-lg-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-lg-pull-10 { right: 41.6667%; }
  .arco-col-lg-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-lg-pull-11 { right: 45.8333%; }
  .arco-col-lg-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-lg-pull-12 { right: 50%; }
  .arco-col-lg-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-lg-pull-13 { right: 54.1667%; }
  .arco-col-lg-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-lg-pull-14 { right: 58.3333%; }
  .arco-col-lg-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-lg-pull-15 { right: 62.5%; }
  .arco-col-lg-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-lg-pull-16 { right: 66.6667%; }
  .arco-col-lg-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-lg-pull-17 { right: 70.8333%; }
  .arco-col-lg-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-lg-pull-18 { right: 75%; }
  .arco-col-lg-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-lg-pull-19 { right: 79.1667%; }
  .arco-col-lg-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-lg-pull-20 { right: 83.3333%; }
  .arco-col-lg-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-lg-pull-21 { right: 87.5%; }
  .arco-col-lg-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-lg-pull-22 { right: 91.6667%; }
  .arco-col-lg-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-lg-pull-23 { right: 95.8333%; }
  .arco-col-lg-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-lg-pull-24 { right: 100%; }
  .arco-col-lg-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-lg-push-0 { left: 0%; }
  .arco-col-lg-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-lg-push-1 { left: 4.16667%; }
  .arco-col-lg-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-lg-push-2 { left: 8.33333%; }
  .arco-col-lg-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-lg-push-3 { left: 12.5%; }
  .arco-col-lg-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-lg-push-4 { left: 16.6667%; }
  .arco-col-lg-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-lg-push-5 { left: 20.8333%; }
  .arco-col-lg-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-lg-push-6 { left: 25%; }
  .arco-col-lg-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-lg-push-7 { left: 29.1667%; }
  .arco-col-lg-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-lg-push-8 { left: 33.3333%; }
  .arco-col-lg-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-lg-push-9 { left: 37.5%; }
  .arco-col-lg-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-lg-push-10 { left: 41.6667%; }
  .arco-col-lg-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-lg-push-11 { left: 45.8333%; }
  .arco-col-lg-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-lg-push-12 { left: 50%; }
  .arco-col-lg-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-lg-push-13 { left: 54.1667%; }
  .arco-col-lg-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-lg-push-14 { left: 58.3333%; }
  .arco-col-lg-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-lg-push-15 { left: 62.5%; }
  .arco-col-lg-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-lg-push-16 { left: 66.6667%; }
  .arco-col-lg-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-lg-push-17 { left: 70.8333%; }
  .arco-col-lg-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-lg-push-18 { left: 75%; }
  .arco-col-lg-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-lg-push-19 { left: 79.1667%; }
  .arco-col-lg-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-lg-push-20 { left: 83.3333%; }
  .arco-col-lg-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-lg-push-21 { left: 87.5%; }
  .arco-col-lg-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-lg-push-22 { left: 91.6667%; }
  .arco-col-lg-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-lg-push-23 { left: 95.8333%; }
  .arco-col-lg-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-lg-push-24 { left: 100%; }
  .arco-col-lg-push-24.arco-col-rtl { left: unset; right: 100%; }
}

@media (min-width: 1200px) {
  .arco-col-xl-0 { display: none; }
  .arco-col-xl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xl-offset-0 { margin-left: 0%; }
  .arco-col-xl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xl-offset-3 { margin-left: 12.5%; }
  .arco-col-xl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xl-offset-6 { margin-left: 25%; }
  .arco-col-xl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xl-offset-9 { margin-left: 37.5%; }
  .arco-col-xl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xl-offset-12 { margin-left: 50%; }
  .arco-col-xl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xl-offset-15 { margin-left: 62.5%; }
  .arco-col-xl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xl-offset-18 { margin-left: 75%; }
  .arco-col-xl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xl-offset-21 { margin-left: 87.5%; }
  .arco-col-xl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .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-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xl-pull-1 { right: 4.16667%; }
  .arco-col-xl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xl-pull-2 { right: 8.33333%; }
  .arco-col-xl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xl-pull-3 { right: 12.5%; }
  .arco-col-xl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xl-pull-4 { right: 16.6667%; }
  .arco-col-xl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xl-pull-5 { right: 20.8333%; }
  .arco-col-xl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xl-pull-6 { right: 25%; }
  .arco-col-xl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xl-pull-7 { right: 29.1667%; }
  .arco-col-xl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xl-pull-8 { right: 33.3333%; }
  .arco-col-xl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xl-pull-9 { right: 37.5%; }
  .arco-col-xl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xl-pull-10 { right: 41.6667%; }
  .arco-col-xl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xl-pull-11 { right: 45.8333%; }
  .arco-col-xl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xl-pull-12 { right: 50%; }
  .arco-col-xl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xl-pull-13 { right: 54.1667%; }
  .arco-col-xl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xl-pull-14 { right: 58.3333%; }
  .arco-col-xl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xl-pull-15 { right: 62.5%; }
  .arco-col-xl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xl-pull-16 { right: 66.6667%; }
  .arco-col-xl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xl-pull-17 { right: 70.8333%; }
  .arco-col-xl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xl-pull-18 { right: 75%; }
  .arco-col-xl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xl-pull-19 { right: 79.1667%; }
  .arco-col-xl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xl-pull-20 { right: 83.3333%; }
  .arco-col-xl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xl-pull-21 { right: 87.5%; }
  .arco-col-xl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xl-pull-22 { right: 91.6667%; }
  .arco-col-xl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xl-pull-23 { right: 95.8333%; }
  .arco-col-xl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xl-pull-24 { right: 100%; }
  .arco-col-xl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xl-push-0 { left: 0%; }
  .arco-col-xl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xl-push-1 { left: 4.16667%; }
  .arco-col-xl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xl-push-2 { left: 8.33333%; }
  .arco-col-xl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xl-push-3 { left: 12.5%; }
  .arco-col-xl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xl-push-4 { left: 16.6667%; }
  .arco-col-xl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xl-push-5 { left: 20.8333%; }
  .arco-col-xl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xl-push-6 { left: 25%; }
  .arco-col-xl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xl-push-7 { left: 29.1667%; }
  .arco-col-xl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xl-push-8 { left: 33.3333%; }
  .arco-col-xl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xl-push-9 { left: 37.5%; }
  .arco-col-xl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xl-push-10 { left: 41.6667%; }
  .arco-col-xl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xl-push-11 { left: 45.8333%; }
  .arco-col-xl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xl-push-12 { left: 50%; }
  .arco-col-xl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xl-push-13 { left: 54.1667%; }
  .arco-col-xl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xl-push-14 { left: 58.3333%; }
  .arco-col-xl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xl-push-15 { left: 62.5%; }
  .arco-col-xl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xl-push-16 { left: 66.6667%; }
  .arco-col-xl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xl-push-17 { left: 70.8333%; }
  .arco-col-xl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xl-push-18 { left: 75%; }
  .arco-col-xl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xl-push-19 { left: 79.1667%; }
  .arco-col-xl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xl-push-20 { left: 83.3333%; }
  .arco-col-xl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xl-push-21 { left: 87.5%; }
  .arco-col-xl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xl-push-22 { left: 91.6667%; }
  .arco-col-xl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xl-push-23 { left: 95.8333%; }
  .arco-col-xl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xl-push-24 { left: 100%; }
  .arco-col-xl-push-24.arco-col-rtl { left: unset; right: 100%; }
}

@media (min-width: 1600px) {
  .arco-col-xxl-0 { display: none; }
  .arco-col-xxl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xxl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xxl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xxl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xxl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xxl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xxl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xxl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xxl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xxl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xxl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xxl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xxl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xxl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xxl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xxl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xxl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xxl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xxl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xxl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xxl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xxl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xxl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xxl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xxl-offset-0 { margin-left: 0%; }
  .arco-col-xxl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xxl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xxl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xxl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xxl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xxl-offset-3 { margin-left: 12.5%; }
  .arco-col-xxl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xxl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xxl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xxl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xxl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xxl-offset-6 { margin-left: 25%; }
  .arco-col-xxl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xxl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xxl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xxl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xxl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xxl-offset-9 { margin-left: 37.5%; }
  .arco-col-xxl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xxl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xxl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xxl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xxl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xxl-offset-12 { margin-left: 50%; }
  .arco-col-xxl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xxl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xxl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xxl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xxl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xxl-offset-15 { margin-left: 62.5%; }
  .arco-col-xxl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xxl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xxl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xxl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xxl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xxl-offset-18 { margin-left: 75%; }
  .arco-col-xxl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xxl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xxl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xxl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xxl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xxl-offset-21 { margin-left: 87.5%; }
  .arco-col-xxl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xxl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xxl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xxl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xxl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .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-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xxl-pull-1 { right: 4.16667%; }
  .arco-col-xxl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xxl-pull-2 { right: 8.33333%; }
  .arco-col-xxl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xxl-pull-3 { right: 12.5%; }
  .arco-col-xxl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xxl-pull-4 { right: 16.6667%; }
  .arco-col-xxl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xxl-pull-5 { right: 20.8333%; }
  .arco-col-xxl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xxl-pull-6 { right: 25%; }
  .arco-col-xxl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xxl-pull-7 { right: 29.1667%; }
  .arco-col-xxl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xxl-pull-8 { right: 33.3333%; }
  .arco-col-xxl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xxl-pull-9 { right: 37.5%; }
  .arco-col-xxl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xxl-pull-10 { right: 41.6667%; }
  .arco-col-xxl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xxl-pull-11 { right: 45.8333%; }
  .arco-col-xxl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xxl-pull-12 { right: 50%; }
  .arco-col-xxl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xxl-pull-13 { right: 54.1667%; }
  .arco-col-xxl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xxl-pull-14 { right: 58.3333%; }
  .arco-col-xxl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xxl-pull-15 { right: 62.5%; }
  .arco-col-xxl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xxl-pull-16 { right: 66.6667%; }
  .arco-col-xxl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xxl-pull-17 { right: 70.8333%; }
  .arco-col-xxl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xxl-pull-18 { right: 75%; }
  .arco-col-xxl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xxl-pull-19 { right: 79.1667%; }
  .arco-col-xxl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xxl-pull-20 { right: 83.3333%; }
  .arco-col-xxl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xxl-pull-21 { right: 87.5%; }
  .arco-col-xxl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xxl-pull-22 { right: 91.6667%; }
  .arco-col-xxl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xxl-pull-23 { right: 95.8333%; }
  .arco-col-xxl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xxl-pull-24 { right: 100%; }
  .arco-col-xxl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xxl-push-0 { left: 0%; }
  .arco-col-xxl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xxl-push-1 { left: 4.16667%; }
  .arco-col-xxl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xxl-push-2 { left: 8.33333%; }
  .arco-col-xxl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xxl-push-3 { left: 12.5%; }
  .arco-col-xxl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xxl-push-4 { left: 16.6667%; }
  .arco-col-xxl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xxl-push-5 { left: 20.8333%; }
  .arco-col-xxl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xxl-push-6 { left: 25%; }
  .arco-col-xxl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xxl-push-7 { left: 29.1667%; }
  .arco-col-xxl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xxl-push-8 { left: 33.3333%; }
  .arco-col-xxl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xxl-push-9 { left: 37.5%; }
  .arco-col-xxl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xxl-push-10 { left: 41.6667%; }
  .arco-col-xxl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xxl-push-11 { left: 45.8333%; }
  .arco-col-xxl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xxl-push-12 { left: 50%; }
  .arco-col-xxl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xxl-push-13 { left: 54.1667%; }
  .arco-col-xxl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xxl-push-14 { left: 58.3333%; }
  .arco-col-xxl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xxl-push-15 { left: 62.5%; }
  .arco-col-xxl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xxl-push-16 { left: 66.6667%; }
  .arco-col-xxl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xxl-push-17 { left: 70.8333%; }
  .arco-col-xxl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xxl-push-18 { left: 75%; }
  .arco-col-xxl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xxl-push-19 { left: 79.1667%; }
  .arco-col-xxl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xxl-push-20 { left: 83.3333%; }
  .arco-col-xxl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xxl-push-21 { left: 87.5%; }
  .arco-col-xxl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xxl-push-22 { left: 91.6667%; }
  .arco-col-xxl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xxl-push-23 { left: 95.8333%; }
  .arco-col-xxl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xxl-push-24 { left: 100%; }
  .arco-col-xxl-push-24.arco-col-rtl { left: unset; right: 100%; }
}

@media (min-width: 2000px) {
  .arco-col-xxxl-0 { display: none; }
  .arco-col-xxxl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xxxl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xxxl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xxxl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xxxl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xxxl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xxxl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xxxl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xxxl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xxxl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xxxl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xxxl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xxxl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xxxl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xxxl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xxxl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xxxl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xxxl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xxxl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xxxl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xxxl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xxxl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xxxl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xxxl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xxxl-offset-0 { margin-left: 0%; }
  .arco-col-xxxl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xxxl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xxxl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xxxl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xxxl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xxxl-offset-3 { margin-left: 12.5%; }
  .arco-col-xxxl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xxxl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xxxl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xxxl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xxxl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xxxl-offset-6 { margin-left: 25%; }
  .arco-col-xxxl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xxxl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xxxl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xxxl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xxxl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xxxl-offset-9 { margin-left: 37.5%; }
  .arco-col-xxxl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xxxl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xxxl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xxxl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xxxl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xxxl-offset-12 { margin-left: 50%; }
  .arco-col-xxxl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xxxl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xxxl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xxxl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xxxl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xxxl-offset-15 { margin-left: 62.5%; }
  .arco-col-xxxl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xxxl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xxxl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xxxl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xxxl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xxxl-offset-18 { margin-left: 75%; }
  .arco-col-xxxl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xxxl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xxxl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xxxl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xxxl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xxxl-offset-21 { margin-left: 87.5%; }
  .arco-col-xxxl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xxxl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xxxl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xxxl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xxxl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-xxxl-order-0 { order: 0; }
  .arco-col-xxxl-order-1 { order: 1; }
  .arco-col-xxxl-order-2 { order: 2; }
  .arco-col-xxxl-order-3 { order: 3; }
  .arco-col-xxxl-order-4 { order: 4; }
  .arco-col-xxxl-order-5 { order: 5; }
  .arco-col-xxxl-order-6 { order: 6; }
  .arco-col-xxxl-order-7 { order: 7; }
  .arco-col-xxxl-order-8 { order: 8; }
  .arco-col-xxxl-order-9 { order: 9; }
  .arco-col-xxxl-order-10 { order: 10; }
  .arco-col-xxxl-order-11 { order: 11; }
  .arco-col-xxxl-order-12 { order: 12; }
  .arco-col-xxxl-order-13 { order: 13; }
  .arco-col-xxxl-order-14 { order: 14; }
  .arco-col-xxxl-order-15 { order: 15; }
  .arco-col-xxxl-order-16 { order: 16; }
  .arco-col-xxxl-order-17 { order: 17; }
  .arco-col-xxxl-order-18 { order: 18; }
  .arco-col-xxxl-order-19 { order: 19; }
  .arco-col-xxxl-order-20 { order: 20; }
  .arco-col-xxxl-order-21 { order: 21; }
  .arco-col-xxxl-order-22 { order: 22; }
  .arco-col-xxxl-order-23 { order: 23; }
  .arco-col-xxxl-order-24 { order: 24; }
  .arco-col-xxxl-pull-0 { right: 0%; }
  .arco-col-xxxl-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xxxl-pull-1 { right: 4.16667%; }
  .arco-col-xxxl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xxxl-pull-2 { right: 8.33333%; }
  .arco-col-xxxl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xxxl-pull-3 { right: 12.5%; }
  .arco-col-xxxl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xxxl-pull-4 { right: 16.6667%; }
  .arco-col-xxxl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xxxl-pull-5 { right: 20.8333%; }
  .arco-col-xxxl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xxxl-pull-6 { right: 25%; }
  .arco-col-xxxl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xxxl-pull-7 { right: 29.1667%; }
  .arco-col-xxxl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xxxl-pull-8 { right: 33.3333%; }
  .arco-col-xxxl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xxxl-pull-9 { right: 37.5%; }
  .arco-col-xxxl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xxxl-pull-10 { right: 41.6667%; }
  .arco-col-xxxl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xxxl-pull-11 { right: 45.8333%; }
  .arco-col-xxxl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xxxl-pull-12 { right: 50%; }
  .arco-col-xxxl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xxxl-pull-13 { right: 54.1667%; }
  .arco-col-xxxl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xxxl-pull-14 { right: 58.3333%; }
  .arco-col-xxxl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xxxl-pull-15 { right: 62.5%; }
  .arco-col-xxxl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xxxl-pull-16 { right: 66.6667%; }
  .arco-col-xxxl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xxxl-pull-17 { right: 70.8333%; }
  .arco-col-xxxl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xxxl-pull-18 { right: 75%; }
  .arco-col-xxxl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xxxl-pull-19 { right: 79.1667%; }
  .arco-col-xxxl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xxxl-pull-20 { right: 83.3333%; }
  .arco-col-xxxl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xxxl-pull-21 { right: 87.5%; }
  .arco-col-xxxl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xxxl-pull-22 { right: 91.6667%; }
  .arco-col-xxxl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xxxl-pull-23 { right: 95.8333%; }
  .arco-col-xxxl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xxxl-pull-24 { right: 100%; }
  .arco-col-xxxl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xxxl-push-0 { left: 0%; }
  .arco-col-xxxl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xxxl-push-1 { left: 4.16667%; }
  .arco-col-xxxl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xxxl-push-2 { left: 8.33333%; }
  .arco-col-xxxl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xxxl-push-3 { left: 12.5%; }
  .arco-col-xxxl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xxxl-push-4 { left: 16.6667%; }
  .arco-col-xxxl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xxxl-push-5 { left: 20.8333%; }
  .arco-col-xxxl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xxxl-push-6 { left: 25%; }
  .arco-col-xxxl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xxxl-push-7 { left: 29.1667%; }
  .arco-col-xxxl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xxxl-push-8 { left: 33.3333%; }
  .arco-col-xxxl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xxxl-push-9 { left: 37.5%; }
  .arco-col-xxxl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xxxl-push-10 { left: 41.6667%; }
  .arco-col-xxxl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xxxl-push-11 { left: 45.8333%; }
  .arco-col-xxxl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xxxl-push-12 { left: 50%; }
  .arco-col-xxxl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xxxl-push-13 { left: 54.1667%; }
  .arco-col-xxxl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xxxl-push-14 { left: 58.3333%; }
  .arco-col-xxxl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xxxl-push-15 { left: 62.5%; }
  .arco-col-xxxl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xxxl-push-16 { left: 66.6667%; }
  .arco-col-xxxl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xxxl-push-17 { left: 70.8333%; }
  .arco-col-xxxl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xxxl-push-18 { left: 75%; }
  .arco-col-xxxl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xxxl-push-19 { left: 79.1667%; }
  .arco-col-xxxl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xxxl-push-20 { left: 83.3333%; }
  .arco-col-xxxl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xxxl-push-21 { left: 87.5%; }
  .arco-col-xxxl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xxxl-push-22 { left: 91.6667%; }
  .arco-col-xxxl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xxxl-push-23 { left: 95.8333%; }
  .arco-col-xxxl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xxxl-push-24 { left: 100%; }
  .arco-col-xxxl-push-24.arco-col-rtl { left: unset; right: 100%; }
}

.arco-grid { display: grid; }

.arco-grid-rtl { direction: rtl; }

.arco-image-trigger { padding: 6px 4px; background: var(--color-bg-5); border: 1px solid var(--color-neutral-3); border-radius: 4px; }

.arco-image-trigger .arco-trigger-arrow { border: 1px solid var(--color-neutral-3); background-color: var(--color-bg-5); }

.arco-image { position: relative; display: inline-block; border-radius: 8px; vertical-align: middle; }

.arco-image-img { vertical-align: middle; border-radius: inherit; }

.arco-image-img:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.arco-image-footer { width: 100%; max-width: 100%; display: flex; }

.arco-image-footer-block { flex: 1 1 auto; }

.arco-image-caption-title { font-size: 18px; font-weight: 500; }

.arco-image-caption-description { font-size: 14px; }

.arco-image-actions { padding-left: 12px; }

.arco-image-actions-list { display: flex; justify-content: flex-end; align-items: center; }

.arco-image-actions-item { font-size: 14px; line-height: 1; margin-left: 12px; border-radius: var(--border-radius-small); padding: 0px; cursor: pointer; }

.arco-image-actions-item:first-child { margin-left: 0px; }

.arco-image-actions-item-trigger { padding: 5px 4px; display: inline-block; }

.arco-image-with-footer-inner .arco-image-footer { background: linear-gradient(360deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); color: var(--color-white); box-sizing: border-box; padding: 9px 16px; align-items: center; position: absolute; left: 0px; bottom: 0px; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }

.arco-image-with-footer-inner .arco-image-caption-title, .arco-image-with-footer-inner .arco-image-caption-description { color: var(--color-white); }

.arco-image-with-footer-inner .arco-image-actions-item:hover { background: rgba(0, 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-with-preview:hover { cursor: zoom-in; }

.arco-image-error { width: 100%; height: 100%; background-color: var(--color-neutral-1); color: var(--color-neutral-4); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.arco-image-error-icon { width: 60px; height: 60px; max-width: 100%; max-height: 100%; }

.arco-image-error-icon > svg { width: 100%; height: 100%; }

.arco-image-error-alt { font-size: 12px; line-height: 1.6667; text-align: center; padding: 8px 16px; }

.arco-image-loader { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: var(--color-neutral-1); }

.arco-image-loader-spin { font-size: 32px; transform: translate(-50%, -50%); position: absolute; color: rgb(var(--primary-6)); left: 50%; top: 50%; text-align: center; }

.arco-image-loader-spin-text { color: var(--color-neutral-6); font-size: 18px; }

.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: 0px; }

.arco-image-trigger .arco-image-actions-item:hover { background: var(--color-neutral-2); }

.arco-image-preview { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; }

.arco-image-preview-hide { display: none; }

.arco-image-preview-mask, .arco-image-preview-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }

.arco-image-preview-mask { background-color: var(--color-mask-bg); }

.arco-image-preview-img-container { width: 100%; height: 100%; text-align: center; }

.arco-image-preview-img-container::before { content: ""; width: 0px; height: 100%; vertical-align: middle; display: inline-block; }

.arco-image-preview-img-container .arco-image-preview-img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; user-select: none; cursor: grab; }

.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving { cursor: grabbing; }

.arco-image-preview-scale-value { padding: 7px 10px; box-sizing: border-box; font-size: 12px; color: var(--color-white); background-color: rgba(255, 255, 255, 0.08); line-height: initial; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.arco-image-preview-toolbar { background-color: var(--color-bg-2); border-radius: 8px; display: flex; align-items: flex-start; padding: 4px 16px; position: absolute; bottom: 46px; left: 50%; transform: translate(-50%); }

.arco-image-preview-toolbar-action { font-size: 14px; color: var(--color-neutral-8); border-radius: var(--border-radius-small); background-color: transparent; cursor: pointer; display: flex; align-items: center; }

.arco-image-preview-toolbar-action:not(:last-of-type) { margin-right: 0px; }

.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 { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; }

.arco-image-preview-toolbar-action-name { font-size: 12px; padding-right: 12px; }

.arco-image-preview-toolbar-action-content { padding: 13px; line-height: 1; }

.arco-image-preview-toolbar-simple { padding: 4px; }

.arco-image-preview-toolbar-simple .arco-image-preview-toolbar-action { margin-right: 0px; }

.arco-image-preview-trigger.arco-image-trigger { padding: 12px 16px; }

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action { text-align: left; margin-right: 0px; }

.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action:not(:last-of-type) { margin-bottom: 0px; }

.arco-image-preview-loading { color: rgb(var(--primary-6)); background-color: rgb(35, 35, 36); font-size: 18px; padding: 10px; width: 48px; height: 48px; border-radius: var(--border-radius-medium); box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.arco-image-preview-close-btn { width: 32px; height: 32px; line-height: 32px; background: rgba(0, 0, 0, 0.5); color: var(--color-white); text-align: center; border-radius: 50%; position: absolute; right: 36px; top: 36px; cursor: pointer; font-size: 14px; }

.arco-image-preview-arrow-left, .arco-image-preview-arrow-right { display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; border-radius: 50%; color: var(--color-white); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; 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: rgba(255, 255, 255, 0.5); }

.arco-image-preview-arrow-left { left: 20px; top: 50%; transform: translateY(-50%); }

.arco-image-preview-arrow-right { top: 50%; transform: translateY(-50%); right: 20px; }

.arco-image-preview-arrow-disabled { cursor: not-allowed; background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }

.arco-image-preview-arrow-disabled > svg { color: rgba(255, 255, 255, 0.3); }

.arco-image-preview-arrow-disabled:hover { background-color: rgba(255, 255, 255, 0.2); }

.fadeImage-enter, .fadeImage-appear { opacity: 0; }

.fadeImage-enter-active, .fadeImage-appear-active { opacity: 1; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.fadeImage-exit { opacity: 1; }

.fadeImage-exit-active { opacity: 0; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-image-rtl { direction: rtl; }

.arco-image-rtl .arco-image-actions-item { margin-left: 0px; margin-right: 12px; }

.arco-image-rtl .arco-image-actions-item:first-child { margin-right: 0px; }

.arco-input { line-height: 1.5715; outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: 4px; color: rgba(0, 0, 0, 0.92); padding: 6px 12px; font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(255, 255, 255); }

.arco-input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-input:hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-input:focus, .arco-input.arco-input-focus { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); box-shadow: transparent 0px 0px 0px 0px; }

.arco-input-error, .arco-input-error:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-input-error .arco-input, .arco-input-error .arco-input:hover { background: none; box-shadow: none; }

.arco-input-error.arco-input-focus, .arco-input-error.arco-input-focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-input-error:focus, .arco-input-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-input-warning { border-color: transparent; background-color: var(--color-warning-light-1); }

.arco-input-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }

.arco-input-warning .arco-input, .arco-input-warning .arco-input:hover { background: none; box-shadow: none; }

.arco-input-warning.arco-input-focus, .arco-input-warning.arco-input-focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-input-warning:focus, .arco-input-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-input-disabled { background-color: rgb(240, 240, 240); cursor: not-allowed; color: rgba(0, 0, 0, 0.25); -webkit-text-fill-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.14); }

.arco-input-disabled:hover { border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.25); }

.arco-input-disabled::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-input input:disabled { color: rgba(0, 0, 0, 0.25); opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.25); }

.arco-input-word-limit { font-size: 12px; color: rgba(0, 0, 0, 0.25); padding-left: 8px; }

.arco-input-word-limit-error { color: rgb(var(--danger-6)); }

.arco-input-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }

.arco-input-size-small { padding-top: 0px; padding-bottom: 0px; font-size: 14px; }

.arco-input-size-large { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }

.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper-mini .arco-input-group-addafter, .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-addbefore, .arco-input-group-wrapper-small .arco-input-group-addafter, .arco-input-inner-wrapper.arco-input-inner-wrapper-small, .arco-input-size-small, .arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper-large .arco-input-group-addafter, .arco-input-inner-wrapper.arco-input-inner-wrapper-large, .arco-input-size-large { padding-left: 12px; padding-right: 12px; }

.arco-input-clear-wrapper .arco-input { padding-right: 28px; }

.arco-input-clear-icon { font-size: 16px; cursor: pointer; color: rgb(255, 255, 255); }

.arco-input-clear-icon:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-input-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }

.arco-input-inner-wrapper { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 4px; color: rgba(0, 0, 0, 0.92); padding-left: 12px; padding-right: 12px; font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(255, 255, 255); display: inline-flex; width: 100%; position: relative; align-items: center; }

.arco-input-inner-wrapper::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-input-inner-wrapper:hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-input-inner-wrapper:focus, .arco-input-inner-wrapper.arco-input-inner-wrapper-focus { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); box-shadow: transparent 0px 0px 0px 0px; }

.arco-input-inner-wrapper-error, .arco-input-inner-wrapper-error:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-input-inner-wrapper-error .arco-input, .arco-input-inner-wrapper-error .arco-input:hover { background: none; box-shadow: none; }

.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus, .arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-input-inner-wrapper-error:focus, .arco-input-inner-wrapper-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-input-inner-wrapper-warning { border-color: transparent; background-color: var(--color-warning-light-1); }

.arco-input-inner-wrapper-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }

.arco-input-inner-wrapper-warning .arco-input, .arco-input-inner-wrapper-warning .arco-input:hover { background: none; box-shadow: none; }

.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus, .arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-input-inner-wrapper-warning:focus, .arco-input-inner-wrapper-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-input-inner-wrapper .arco-input { padding-left: 0px; padding-right: 0px; border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; }

.arco-input-inner-wrapper .arco-input:hover, .arco-input-inner-wrapper .arco-input:focus { background: none; box-shadow: none; }

.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-has-prefix > .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: 16px; }

.arco-input-inner-wrapper > .arco-input-clear-wrapper .arco-input-clear-icon { right: 2px; }

.arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-inner-wrapper .arco-input-group-suffix { user-select: none; white-space: nowrap; display: inline-flex; align-items: center; height: 100%; }

.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: rgba(0, 0, 0, 0.92); }

.arco-input-inner-wrapper-disabled { background-color: rgb(240, 240, 240); cursor: not-allowed; color: rgba(0, 0, 0, 0.25); -webkit-text-fill-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.14); }

.arco-input-inner-wrapper-disabled:hover { border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.25); }

.arco-input-inner-wrapper-disabled::placeholder { color: rgba(0, 0, 0, 0.25); }

.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: rgb(255, 255, 255); }

.arco-input-group { display: table; width: 100%; height: 100%; }

.arco-input-group > .arco-input-inner-wrapper, .arco-input-group > .arco-input { border-radius: 0px; }

.arco-input-group > .arco-input-inner-wrapper-focus, .arco-input-group > .arco-input-focus { border-radius: 4px; }

.arco-input-group > :first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-input-group > :last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.arco-input-group-addbefore, .arco-input-group-addafter { width: 1px; display: table-cell; white-space: nowrap; height: 100%; vertical-align: middle; box-sizing: border-box; padding: 0px 12px; color: rgba(0, 0, 0, 0.92); background-color: transparent; border: 1px solid transparent; }

.arco-input-group-addbefore > svg, .arco-input-group-addafter > svg { font-size: 14px; }

.arco-input-group-addafter { border-left: 0px solid transparent; }

.arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }

.arco-input-group-addbefore { border-right: 0px solid transparent; }

.arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }

.arco-input-group-wrapper { width: 100%; display: inline-block; vertical-align: top; }

.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-suffix { font-size: 12px; }

.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 > svg { font-size: 12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter > svg { font-size: 12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter { font-size: 14px; height: 22px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter > svg { font-size: 14px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter { font-size: 14px; height: 42px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter > svg { font-size: 14px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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, .arco-input-group-wrapper .arco-input-inner-wrapper { height: 100%; }

.arco-input-group-wrapper.arco-input-disabled { cursor: not-allowed; }

.arco-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; }

.arco-textarea { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: 4px; color: rgba(0, 0, 0, 0.92); box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(255, 255, 255); font-size: 14px; vertical-align: top; position: relative; padding: 12px; max-width: 100%; min-height: 36px; height: auto; line-height: 1.5715; resize: vertical; overflow: auto; }

.arco-textarea::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-textarea:hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-textarea:focus, .arco-textarea.arco-textarea-focus { border-color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); box-shadow: transparent 0px 0px 0px 0px; }

.arco-textarea-error, .arco-textarea-error:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-textarea-error .arco-input, .arco-textarea-error .arco-input:hover { background: none; box-shadow: none; }

.arco-textarea-error.arco-textarea-focus, .arco-textarea-error.arco-textarea-focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-textarea-error:focus, .arco-textarea-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-textarea-warning { border-color: transparent; background-color: var(--color-warning-light-1); }

.arco-textarea-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }

.arco-textarea-warning .arco-input, .arco-textarea-warning .arco-input:hover { background: none; box-shadow: none; }

.arco-textarea-warning.arco-textarea-focus, .arco-textarea-warning.arco-textarea-focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-textarea-warning:focus, .arco-textarea-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: rgb(255, 255, 255); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-textarea-disabled { background-color: rgb(240, 240, 240); cursor: not-allowed; color: rgba(0, 0, 0, 0.25); -webkit-text-fill-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.14); }

.arco-textarea-disabled:hover { border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.25); }

.arco-textarea-disabled::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-input-group.arco-input-group-compact > .arco-select { vertical-align: unset; }

.arco-input-group.arco-input-group-compact > .arco-select .arco-select-view { border-radius: 0px; }

.arco-input-group.arco-input-group-compact > * { border-radius: 0px; }

.arco-input-group.arco-input-group-compact > * .arco-input-group > :last-child, .arco-input-group.arco-input-group-compact > * .arco-input-group > :first-child { border-radius: 0px; }

.arco-input-group.arco-input-group-compact > :not(:last-child) { position: relative; border-right: 1px solid rgba(0, 0, 0, 0.14); box-sizing: border-box; }

.arco-input-group.arco-input-group-compact > :first-child, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.arco-input-group.arco-input-group-compact > :first-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child .arco-select .arco-select-view { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.arco-input-group.arco-input-group-compact > :last-child, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.arco-input-group.arco-input-group-compact > :last-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child .arco-select .arco-select-view { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-right-color: rgba(0, 0, 0, 0.14); }

.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-right-color: rgb(var(--primary-6)); }

.size-height-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }

.size-height-size-small { padding-top: 0px; padding-bottom: 0px; font-size: 14px; }

.size-height-size-large { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }

.size-height-group-wrapper-mini .arco-input-group-addbefore, .size-height-group-wrapper-mini .arco-input-group-addafter, .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-addbefore, .size-height-group-wrapper-small .arco-input-group-addafter, .size-height-inner-wrapper.size-height-inner-wrapper-small, .size-height-size-small, .size-height-group-wrapper-large .arco-input-group-addbefore, .size-height-group-wrapper-large .arco-input-group-addafter, .size-height-inner-wrapper.size-height-inner-wrapper-large, .size-height-size-large { padding-left: 12px; padding-right: 12px; }

.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-suffix { font-size: 12px; }

.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 > svg { font-size: 12px; }

.group-size.group-size-mini .arco-input-group-addbefore, .group-size.group-size-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }

.group-size.group-size-mini .arco-input-group-addbefore > svg, .group-size.group-size-mini .arco-input-group-addafter > svg { font-size: 12px; }

.group-size.group-size-mini .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-mini .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.group-size.group-size-mini .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-mini .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.group-size.group-size-mini .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .group-size.group-size-small .arco-input-group-addafter { font-size: 14px; height: 22px; }

.group-size.group-size-small .arco-input-group-addbefore > svg, .group-size.group-size-small .arco-input-group-addafter > svg { font-size: 14px; }

.group-size.group-size-small .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-small .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.group-size.group-size-small .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-small .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.group-size.group-size-small .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .group-size.group-size-large .arco-input-group-addafter { font-size: 14px; height: 42px; }

.group-size.group-size-large .arco-input-group-addbefore > svg, .group-size.group-size-large .arco-input-group-addafter > svg { font-size: 14px; }

.group-size.group-size-large .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-large .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.group-size.group-size-large .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-large .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.group-size.group-size-large .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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: 14px; }

.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-addbefore, .group-size.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }

.group-size.arco-input-custom-height .arco-input-group-addbefore > svg, .group-size.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }

.group-size.arco-input-custom-height .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.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 { display: inline-block; position: relative; width: 100%; }

.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon { display: inline-block; }

.arco-textarea-clear-wrapper .arco-textarea { padding-right: 20px; }

.arco-textarea-word-limit { position: absolute; font-size: 12px; bottom: 6px; right: 12px; color: rgba(0, 0, 0, 0.25); user-select: none; }

.arco-textarea-word-limit-error { color: rgb(var(--danger-6)); }

.arco-textarea-clear-icon { display: none; position: absolute; right: 12px; top: 10px; font-size: 12px; color: rgb(255, 255, 255); }

.arco-textarea-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }

.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore { transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix { color: rgba(0, 0, 0, 0.55); font-size: 16px; }

.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore { cursor: pointer; color: rgba(0, 0, 0, 0.55); font-size: 16px; }

.arco-input-search.arco-input-group-wrapper .arco-input-search-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 100%; font-size: 16px; color: var(--color-white); }

.arco-input-search-button .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-rtl) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix { cursor: pointer; color: rgba(0, 0, 0, 0.55); font-size: 16px; }

.arco-input-password.arco-input-group-wrapper .arco-input-password-visibility-icon:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); border-radius: var(--border-radius-small); }

.arco-input-group-wrapper-rtl { direction: rtl; }

.arco-input-group-wrapper-rtl .arco-input-word-limit { padding-left: 0px; }

.arco-input-group-wrapper-rtl.arco-input-clear-wrapper .arco-input { padding-right: 0px; padding-left: 28px; }

.arco-input-group-wrapper-rtl .arco-input-group > :first-child { border-radius: 0px 4px 4px 0px; }

.arco-input-group-wrapper-rtl .arco-input-group > :last-child { border-radius: 4px 0px 0px 4px; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 0px solid transparent; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 0px solid transparent; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }

.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :not(:last-child) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgba(0, 0, 0, 0.14); }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child { border-radius: 0px 2px 2px 0px; }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child .arco-select .arco-select-view { border-radius: 0px 2px 2px 0px; }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child { border-radius: 2px 0px 0px 2px; }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child .arco-select .arco-select-view { border-radius: 2px 0px 0px 2px; }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-left-color: rgba(0, 0, 0, 0.14); }

.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-left-color: rgb(var(--primary-6)); }

.arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn { border-radius: 4px 0px 0px 4px; }

.arco-input-inner-wrapper-rtl { direction: rtl; }

.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 0px; padding-right: 12px; }

.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input { padding-right: 0px; padding-left: 16px; }

.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input-clear-icon { right: initial; left: 2px; }

.arco-input-inner-wrapper-rtl:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; }

.arco-input-search-button .arco-input-inner-wrapper-rtl { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: 0px 4px 4px 0px; }

.arco-textarea-wrapper-rtl { direction: rtl; }

.arco-textarea-wrapper-rtl .arco-textarea { padding-left: 20px; }

.arco-textarea-wrapper-rtl .arco-textarea-word-limit, .arco-textarea-wrapper-rtl .arco-textarea-clear-icon { right: initial; left: 12px; }

.arco-input-number { position: relative; display: inline-block; width: 100%; box-sizing: border-box; border-radius: var(--border-radius-small); }

.arco-input-number-step-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-color: var(--color-neutral-3); background-color: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.55); cursor: pointer; user-select: none; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-input-number-step-button:hover { border-color: rgba(0, 0, 0, 0.08); background-color: rgba(0, 0, 0, 0.08); }

.arco-input-number-step-button:active { border-color: rgba(0, 0, 0, 0.12); background-color: rgba(0, 0, 0, 0.12); }

.arco-input-number-step-button-disabled { cursor: not-allowed; background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.25); }

.arco-input-number-step-button-disabled:hover, .arco-input-number-step-button-disabled:active { border-color: var(--color-neutral-3); background-color: var(--color-fill-2); }

.arco-input-number-prefix, .arco-input-number-suffix { transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-input-number-mode-embed .arco-input-number-step-layer { opacity: 0; position: absolute; right: 4px; top: 4px; bottom: 4px; width: 18px; border-radius: 4px; overflow: hidden; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-input-number-mode-embed .arco-input-number-step-layer .arco-input-number-step-button { width: 100%; height: 50%; font-size: 10px; }

.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: rgba(0, 0, 0, 0.12); }

.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-addbefore, .arco-input-number-mode-button .arco-input-group-addafter { padding: 0px; }

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button { position: absolute; top: 0px; height: 100%; border: inherit; }

.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button:active { border-color: rgba(0, 0, 0, 0.12); }

.arco-input-number-mode-button .arco-input-group-addbefore .arco-input-number-step-button { left: 0px; border-right-color: var(--color-neutral-3); }

.arco-input-number-mode-button .arco-input-group-addafter .arco-input-number-step-button { right: 0px; border-left-color: var(--color-neutral-3); }

.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-addafter, .arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore .arco-input-number-step-button, .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-small .arco-input-group-addbefore, .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-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter .arco-input-number-step-button { width: 24px; }

.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-addafter, .arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter .arco-input-number-step-button { width: 36px; }

.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-addafter, .arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter .arco-input-number-step-button { width: 44px; }

.arco-input-number-readonly .arco-input-number-step-button { pointer-events: none; color: rgba(0, 0, 0, 0.25); }

.arco-input-number-illegal-value input { color: rgb(var(--danger-6)); }

.arco-input-tag { display: inline-block; box-sizing: border-box; width: 100%; padding-left: 4px; padding-right: 4px; border-radius: 4px; vertical-align: top; cursor: text; transition: 0.1s cubic-bezier(0, 0, 1, 1); background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.65); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-input-tag-view { display: flex; width: 100%; }

.arco-input-tag-inner { display: flex; align-items: center; flex-wrap: wrap; flex-grow: 1; position: relative; box-sizing: border-box; overflow: hidden; }

.arco-input-tag-prefix, .arco-input-tag-suffix { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 22px; }

.arco-input-tag-prefix { padding-left: 8px; padding-right: 4px; }

.arco-input-tag-suffix { padding-right: 8px; }

.arco-input-tag .arco-input-tag-clear-icon { display: none; font-size: 16px; color: rgba(0, 0, 0, 0.55); cursor: pointer; }

.arco-input-tag .arco-input-tag-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }

.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: transparent; }

.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item { cursor: move; }

.arco-input-tag-input { width: 4px; max-width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: none; font-size: inherit; cursor: inherit; color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-input-tag-input:first-child { width: 100%; }

.arco-tag + .arco-input-tag-input[disabled] { width: 0px !important; }

.arco-input-tag-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; pointer-events: none; }

.arco-input-tag-input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-input-tag-tag { max-width: 100%; margin-right: 4px; font-size: 14px; }

.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: rgb(255, 255, 255); border: 1px solid rgb(var(--primary-5)); }

.arco-input-tag.arco-input-tag-focus { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--primary-6)); box-shadow: 0 0 rgb(var(--primary-2)); }

.arco-input-tag .arco-input-tag-tag { color: rgba(0, 0, 0, 0.65); border-color: transparent; background-color: rgb(240, 240, 240); }

.arco-input-tag .arco-icon-hover:hover::before { background-color: rgba(0, 0, 0, 0.55); }

.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag { border-color: transparent; background-color: rgb(240, 240, 240); }

.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 { color: rgba(0, 0, 0, 0.55); border-color: var(--color-fill-3); background-color: var(--color-fill-2); }

.arco-input-tag-warning { background-color: var(--color-warning-light-1); color: var(--color-text-1); border: 1px solid transparent; }

.arco-input-tag-warning:hover { background-color: var(--color-warning-light-2); border: 1px solid transparent; }

.arco-input-tag-warning.arco-input-tag-focus { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-input-tag-error { background-color: rgb(255, 255, 255); color: var(--color-text-1); border: 1px solid rgb(var(--danger-6)); }

.arco-input-tag-error:hover { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--danger-6)); }

.arco-input-tag-error.arco-input-tag-focus { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--danger-6)); box-shadow: transparent 0px 0px 0px 0px; }

.arco-input-tag-disabled { background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.55); border: 1px solid rgba(0, 0, 0, 0.14); cursor: not-allowed; }

.arco-input-tag-disabled:hover { background-color: rgb(240, 240, 240); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-input-tag-disabled .arco-input-tag-input::placeholder { color: rgba(0, 0, 0, 0.55); }

.arco-input-tag-readonly { cursor: default; }

.arco-input-tag-wrapper { display: inline-flex; align-items: stretch; width: 100%; }

.arco-input-tag-wrapper .arco-input-tag { min-width: 0px; }

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-input-tag-addafter, .arco-input-tag-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: rgb(255, 255, 255); white-space: nowrap; border: 1px solid transparent; }

.arco-input-tag-addbefore { border-right: 1px solid var(--color-border-2); border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-input-tag-addafter { border-left: 1px solid var(--color-border-2); border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.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 { }

.arco-input-tag-size-mini .arco-input-tag-tag, .arco-input-tag-size-mini .arco-input-tag-tag + .arco-input-tag-input { margin-top: 2px; margin-bottom: 2px; height: 20px; line-height: 18px; }

.arco-input-tag-size-mini.arco-input-tag-has-placeholder input, .arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }

.arco-input-tag-size-default { font-size: 14px; }

.arco-input-tag-size-default .arco-input-tag-view { min-height: 34px; }

.arco-input-tag-size-default .arco-input-tag-inner { }

.arco-input-tag-size-default .arco-input-tag-tag, .arco-input-tag-size-default .arco-input-tag-tag + .arco-input-tag-input { margin-top: 2px; margin-bottom: 2px; height: 28px; line-height: 26px; }

.arco-input-tag-size-default.arco-input-tag-has-placeholder input, .arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-input-tag-size-small { font-size: 14px; }

.arco-input-tag-size-small .arco-input-tag-view { min-height: 22px; }

.arco-input-tag-size-small .arco-input-tag-inner { }

.arco-input-tag-size-small .arco-input-tag-tag, .arco-input-tag-size-small .arco-input-tag-tag + .arco-input-tag-input { margin-top: 2px; margin-bottom: 2px; height: 20px; line-height: 18px; }

.arco-input-tag-size-small.arco-input-tag-has-placeholder input, .arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-input-tag-size-large { font-size: 14px; }

.arco-input-tag-size-large .arco-input-tag-view { min-height: 42px; }

.arco-input-tag-size-large .arco-input-tag-inner { }

.arco-input-tag-size-large .arco-input-tag-tag, .arco-input-tag-size-large .arco-input-tag-tag + .arco-input-tag-input { margin-top: 2px; margin-bottom: 2px; height: 36px; line-height: 34px; }

.arco-input-tag-size-large.arco-input-tag-has-placeholder input, .arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }

.arco-input-tag-rtl { direction: rtl; padding-right: 4px; padding-left: 4px; }

.arco-input-tag-rtl .arco-input-tag-prefix { padding-right: 8px; padding-left: 4px; }

.arco-input-tag-rtl .arco-input-tag-suffix { padding-right: 0px; padding-left: 8px; }

.arco-input-tag-rtl .arco-input-tag-tag { margin-right: 0px; margin-left: 4px; }

.arco-input-tag-rtl .arco-input-tag-input-mirror { right: 0px; left: initial; }

.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 4px; }

.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror, .arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 8px; }

.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 12px; }

.arco-input-tag-wrapper-rtl .arco-input-tag-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }

.arco-input-tag-wrapper-rtl .arco-input-tag-addafter { border-left: unset; border-right: 1px solid var(--color-border-2); }

.arco-layout { display: flex; flex: 1 1 0%; margin: 0px; padding: 0px; flex-direction: column; }

.arco-layout-sider { position: relative; width: auto; margin: 0px; padding: 0px; flex: 0 0 auto; background: var(--color-menu-dark-bg); transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-layout-sider-children { height: 100%; overflow: auto; }

.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar { width: 0px; }

.arco-layout-sider-has-trigger { padding-bottom: 48px; box-sizing: border-box; }

.arco-layout-sider-trigger { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 48px; background: rgba(255, 255, 255, 0.2); color: var(--color-white); cursor: pointer; transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); 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: rgba(0, 0, 0, 0.08) 0px 2px 5px; }

.arco-layout-header { margin: 0px; flex: 0 0 auto; box-sizing: border-box; }

.arco-layout-content { flex: 1 1 0%; }

.arco-layout-footer { flex: 0 0 auto; margin: 0px; }

.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 { color: rgb(var(--link-6)); font-size: 14px; line-height: 20px; display: inline-block; padding: 0px; text-decoration: none; cursor: pointer; border-radius: 0px; background-color: transparent; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-link:hover { color: rgb(var(--link-5)); background-color: transparent; }

.arco-link:active { transition: none; color: rgb(var(--primary-7)); background-color: transparent; }

.arco-link:focus-visible { box-shadow: 0 0 0 2px var(--color-link-light-3); }

.arco-link.arco-link-hoverless { background-color: unset; padding: 0px; display: inline; }

.arco-link.arco-link-hoverless:active, .arco-link.arco-link-hoverless:hover { background-color: unset; }

.arco-link.arco-link-disabled { color: rgb(var(--link-3)); background: none; cursor: not-allowed; }

.arco-link-is-success, .arco-link-is-success:hover, .arco-link-is-success:active { 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:hover, .arco-link-is-error:active { 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:hover, .arco-link-is-warning:active { color: rgb(var(--warning-6)); }

.arco-link-is-warning.arco-link-disabled { color: var(--color-warning-light-2); }

.arco-link-icon { margin-right: 6px; font-size: 16px; }

.arco-link-rtl .arco-link-icon { margin-left: 6px; margin-right: 0px; }

.arco-list { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; border-radius: var(--border-radius-medium); font-size: 14px; line-height: 1.5715; color: var(--color-text-1); overflow-y: auto; border: 1px solid var(--color-neutral-3); }

.arco-list-wrapper { overflow: hidden; }

.arco-list-small > .arco-list-header { padding: 8px 20px; }

.arco-list-small > .arco-list-footer, .arco-list-small > .arco-list-content > .arco-list-item, .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 { padding: 9px 20px; }

.arco-list-default > .arco-list-header { padding: 12px 20px; }

.arco-list-default > .arco-list-footer, .arco-list-default > .arco-list-content > .arco-list-item, .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 { padding: 13px 20px; }

.arco-list-large > .arco-list-header { padding: 16px 20px; }

.arco-list-large > .arco-list-footer, .arco-list-large > .arco-list-content > .arco-list-item, .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 { 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-header, .arco-list-no-split .arco-list-footer, .arco-list-no-split .arco-list-item { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-list-header { font-size: 18px; font-weight: 500; line-height: 1.5; color: var(--color-text-1); }

.arco-list-item { display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; overflow: hidden; }

.arco-list-item-main { flex: 1 1 0%; overflow: hidden; }

.arco-list-item-main .arco-list-item-action:not(:first-child) { margin-top: 4px; }

.arco-list-item-meta { display: flex; align-items: center; padding: 4px 0px; }

.arco-list-item-meta-avatar { display: flex; }

.arco-list-item-meta-avatar:not(:last-child) { margin-right: 16px; }

.arco-list-item-meta-title { font-weight: 500; color: var(--color-text-1); }

.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 { display: flex; flex-wrap: nowrap; align-self: center; list-style: none; }

.arco-list-item-action > li { display: inline-block; cursor: pointer; }

.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 { display: block; clear: both; height: 0px; content: ""; visibility: hidden; overflow: hidden; }

.arco-list-scroll-loading { display: flex; align-items: center; justify-content: center; }

.arco-list-content { flex: 1 1 0%; }

.arco-list-content .arco-empty { display: flex; align-items: center; justify-content: center; height: 100%; }

.arco-list-rtl { direction: rtl; }

.arco-list-rtl .arco-list-item-meta-avatar:not(:last-child) { margin-right: 0px; margin-left: 16px; }

.arco-list-rtl .arco-list-item-action > li:not(:last-child) { margin-left: 20px; margin-right: 0px; }

.arco-list-wrapper-rtl .arco-list-pagination { float: left; }

.arco-mentions { display: inline-block; position: relative; box-sizing: border-box; width: 100%; vertical-align: middle; white-space: pre-wrap; }

.arco-mentions-textarea, .arco-mentions-measure { padding: 4px 12px; font-size: 14px; line-height: 1.5715; white-space: inherit; }

.arco-mentions-textarea { resize: none; }

.arco-mentions-measure, .arco-mentions-align-textarea .arco-mentions-measure-trigger { position: absolute; inset: 0px; overflow: auto; visibility: hidden; pointer-events: none; }

.arco-mentions-rtl { direction: rtl; }

@keyframes arco-menu-selected-item-label-enter { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.arco-menu { position: relative; box-sizing: border-box; width: 100%; font-size: 14px; line-height: 1.5715; transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-menu-indent { display: inline-block; width: 24px; }

.arco-menu .arco-menu-item, .arco-menu .arco-menu-group-title, .arco-menu .arco-menu-pop-header, .arco-menu .arco-menu-inline-header { position: relative; border-radius: 4px; box-sizing: border-box; cursor: pointer; }

.arco-menu .arco-menu-item.arco-menu-disabled, .arco-menu .arco-menu-group-title.arco-menu-disabled, .arco-menu .arco-menu-pop-header.arco-menu-disabled, .arco-menu .arco-menu-inline-header.arco-menu-disabled { cursor: not-allowed; }

.arco-menu .arco-menu-item.arco-menu-selected, .arco-menu .arco-menu-group-title.arco-menu-selected, .arco-menu .arco-menu-pop-header.arco-menu-selected, .arco-menu .arco-menu-inline-header.arco-menu-selected { font-weight: 500; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-menu .arco-menu-item.arco-menu-selected svg, .arco-menu .arco-menu-group-title.arco-menu-selected svg, .arco-menu .arco-menu-pop-header.arco-menu-selected svg, .arco-menu .arco-menu-inline-header.arco-menu-selected svg { transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-menu .arco-menu-item .arco-icon, .arco-menu .arco-menu-group-title .arco-icon, .arco-menu .arco-menu-pop-header .arco-icon, .arco-menu .arco-menu-inline-header .arco-icon { margin-right: 8px; }

.arco-menu-light { background-color: rgb(255, 255, 255); }

.arco-menu-light .arco-menu-item, .arco-menu-light .arco-menu-group-title, .arco-menu-light .arco-menu-pop-header, .arco-menu-light .arco-menu-inline-header { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.92); }

.arco-menu-light .arco-menu-item .arco-icon, .arco-menu-light .arco-menu-group-title .arco-icon, .arco-menu-light .arco-menu-pop-header .arco-icon, .arco-menu-light .arco-menu-inline-header .arco-icon { color: rgba(0, 0, 0, 0.92); }

.arco-menu-light .arco-menu-item:hover, .arco-menu-light .arco-menu-group-title:hover, .arco-menu-light .arco-menu-pop-header:hover, .arco-menu-light .arco-menu-inline-header:hover { background-color: rgb(245, 245, 245); color: rgba(0, 0, 0, 0.92); }

.arco-menu-light .arco-menu-item:hover .arco-icon, .arco-menu-light .arco-menu-group-title:hover .arco-icon, .arco-menu-light .arco-menu-pop-header:hover .arco-icon, .arco-menu-light .arco-menu-inline-header:hover .arco-icon { color: rgba(0, 0, 0, 0.92); }

.arco-menu-light .arco-menu-item:focus-visible, .arco-menu-light .arco-menu-group-title:focus-visible, .arco-menu-light .arco-menu-pop-header:focus-visible, .arco-menu-light .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }

.arco-menu-light .arco-menu-item.arco-menu-selected, .arco-menu-light .arco-menu-group-title.arco-menu-selected, .arco-menu-light .arco-menu-pop-header.arco-menu-selected, .arco-menu-light .arco-menu-inline-header.arco-menu-selected, .arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); }

.arco-menu-light .arco-menu-item.arco-menu-disabled, .arco-menu-light .arco-menu-group-title.arco-menu-disabled, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.25); }

.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon { color: rgba(0, 0, 0, 0.25); }

.arco-menu-light .arco-menu-item.arco-menu-selected { background-color: transparent; }

.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-item.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover { background-color: rgb(245, 245, 245); }

.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-light .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-menu-dark { background-color: var(--color-menu-dark-bg); }

.arco-menu-dark .arco-menu-item, .arco-menu-dark .arco-menu-group-title, .arco-menu-dark .arco-menu-pop-header, .arco-menu-dark .arco-menu-inline-header { background-color: var(--color-menu-dark-bg); color: var(--color-text-4); }

.arco-menu-dark .arco-menu-item .arco-icon, .arco-menu-dark .arco-menu-group-title .arco-icon, .arco-menu-dark .arco-menu-pop-header .arco-icon, .arco-menu-dark .arco-menu-inline-header .arco-icon { color: var(--color-text-3); }

.arco-menu-dark .arco-menu-item:hover, .arco-menu-dark .arco-menu-group-title:hover, .arco-menu-dark .arco-menu-pop-header:hover, .arco-menu-dark .arco-menu-inline-header:hover { background-color: var(--color-menu-dark-hover); color: var(--color-text-4); }

.arco-menu-dark .arco-menu-item:hover .arco-icon, .arco-menu-dark .arco-menu-group-title:hover .arco-icon, .arco-menu-dark .arco-menu-pop-header:hover .arco-icon, .arco-menu-dark .arco-menu-inline-header:hover .arco-icon { color: var(--color-text-3); }

.arco-menu-dark .arco-menu-item:focus-visible, .arco-menu-dark .arco-menu-group-title:focus-visible, .arco-menu-dark .arco-menu-pop-header:focus-visible, .arco-menu-dark .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }

.arco-menu-dark .arco-menu-item.arco-menu-selected, .arco-menu-dark .arco-menu-group-title.arco-menu-selected, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected, .arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon { color: var(--color-white); }

.arco-menu-dark .arco-menu-item.arco-menu-disabled, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled, .arco-menu-dark .arco-menu-inline-header.arco-menu-disabled { background-color: var(--color-menu-dark-bg); color: var(--color-text-2); }

.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-inline-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-item.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-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-dark .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-menu a, .arco-menu a:hover, .arco-menu a:focus, .arco-menu a:active { color: inherit; cursor: inherit; text-decoration: none; }

.arco-menu-item-inner > a:only-child::before { content: ""; position: absolute; inset: 0px; }

.arco-menu-inner { box-sizing: border-box; width: 100%; height: 100%; overflow: auto; }

.arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding: 0px 8px; line-height: 44px; }

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0px; }

.arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { margin-bottom: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }

.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open { transform: translateY(-50%) rotate(180deg); }

.arco-menu-vertical .arco-menu-inner { padding: 16px 8px; }

.arco-menu-vertical .arco-menu-item.arco-menu-item-indented { display: flex; }

.arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding-right: 24px; }

.arco-menu-horizontal { width: auto; height: auto; }

.arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-group-title, .arco-menu-horizontal .arco-menu-pop-header, .arco-menu-horizontal .arco-menu-inline-header { padding: 0px 12px; line-height: 30px; }

.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0px; }

.arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 8px; }

.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 6px; }

.arco-menu-horizontal .arco-menu-inner { display: flex; align-items: center; padding: 14px 20px; }

.arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-pop { display: inline-block; vertical-align: middle; flex-shrink: 0; }

.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 { content: " "; width: 100%; height: 14px; position: absolute; left: 0px; bottom: -14px; }

.arco-menu-overflow-wrap { width: 100%; }

.arco-menu-overflow-sub-menu-mirror { margin-left: 12px; }

.arco-menu-overflow-sub-menu-mirror, .arco-menu-overflow-hidden-menu-item { white-space: nowrap; visibility: hidden; pointer-events: none; position: absolute !important; }

.arco-menu-selected-label { position: absolute; left: 12px; right: 12px; bottom: -14px; height: 3px; background-color: rgb(var(--primary-6)); animation: 0.2s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-menu-selected-item-label-enter; }

.arco-menu-pop-button { width: auto; background: none; box-shadow: none; }

.arco-menu-pop-button.arco-menu-collapse { width: auto; }

.arco-menu-pop-button .arco-menu-item, .arco-menu-pop-button .arco-menu-group-title, .arco-menu-pop-button .arco-menu-pop-header, .arco-menu-pop-button .arco-menu-inline-header { width: 34px; height: 34px; line-height: 34px; border-radius: 50%; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; margin-bottom: 16px; }

.arco-menu-collapse { width: 68px; }

.arco-menu-collapse .arco-menu-inner { padding: 16px 18px; }

.arco-menu-collapse .arco-menu-group-title, .arco-menu-collapse .arco-menu-icon-suffix { display: none; }

.arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-right: 100vw; }

.arco-menu-collapse .arco-menu-collapse-button { right: unset; left: 50%; transform: translate(-50%); }

.arco-menu-collapse-button { display: flex; align-items: center; justify-content: center; position: absolute; right: 12px; bottom: 12px; width: 24px; height: 24px; border-radius: var(--border-radius-small); cursor: pointer; }

.arco-menu-inline-content { overflow: hidden; height: auto; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-menu-item-tooltip a { color: inherit; cursor: pointer; text-decoration: none; }

.arco-menu-item-tooltip a:hover, .arco-menu-item-tooltip a:focus, .arco-menu-item-tooltip a:active { color: inherit; }

.arco-menu-item-tooltip a::before { content: ""; position: absolute; inset: 0px; }

.arco-menu-pop-trigger.arco-trigger-position-bl { transform: translateY(14px); }

.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { z-index: 0; border-left: 1px solid rgba(0, 0, 0, 0.14); border-top: 1px solid rgba(0, 0, 0, 0.14); }

.arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] { transform: translate(8px); }

.arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] .arco-trigger-arrow { z-index: 0; border-left: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); }

.arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] { transform: translate(-8px); }

.arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] .arco-trigger-arrow { z-index: 0; border-right: 1px solid rgba(0, 0, 0, 0.14); border-top: 1px solid rgba(0, 0, 0, 0.14); }

.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-menu-rtl { direction: rtl; }

.arco-menu-rtl .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-inline-header .arco-icon { margin-right: 0px; margin-left: 8px; }

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0px; }

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 0px; margin-left: 8px; }

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 0px; margin-right: 6px; }

.arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child), .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) { margin-left: 0px; margin-right: 12px; }

.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0px; }

.arco-menu-rtl.arco-menu-vertical .arco-menu-item, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { text-overflow: clip; }

.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { right: initial; left: 8px; }

.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header { padding-right: 8px; padding-left: 24px; }

.arco-menu-rtl .arco-menu-pop::after { right: 0px; left: initial; }

.arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-left: 100vw; }

.arco-menu-rtl .arco-menu-collapse-button { right: initial; left: 12px; }

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid rgba(0, 0, 0, 0.14); }

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] { transform: translate(-8px); }

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] { transform: translate(8px); }

.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] .arco-trigger-arrow { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-left: 1px solid rgba(0, 0, 0, 0.14); }

.arco-message-wrapper { width: 100%; position: fixed; z-index: 1003; padding: 0px 10px; text-align: center; pointer-events: none; box-sizing: border-box; left: 0px; }

.arco-message-wrapper-top { top: 76px; }

.arco-message-wrapper-bottom { bottom: 76px; }

.arco-message { position: relative; display: inline-block; padding: 7px 15px; line-height: 1; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.14); margin-bottom: 16px; background-color: var(--color-bg-popup); text-align: center; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; overflow: hidden; pointer-events: auto; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-message-closable { padding-right: 36px; }

.arco-message-icon { font-size: 16px; color: var(--color-text-1); margin-right: 8px; vertical-align: middle; display: inline-block; animation: 0.1s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-msg-fade, 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) 0s 1 normal none running arco-msg-fade; }

.arco-message-content { vertical-align: middle; color: rgba(0, 0, 0, 0.92); font-size: 14px; }

.arco-message-info { background-color: var(--color-bg-popup); border-color: rgba(0, 0, 0, 0.14); }

.arco-message-info .arco-message-icon { color: rgb(var(--primary-6)); }

.arco-message-info .arco-message-content { color: rgba(0, 0, 0, 0.92); }

.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: rgba(0, 0, 0, 0.92); }

.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: rgba(0, 0, 0, 0.92); }

.arco-message-error { background-color: var(--color-bg-popup); border-color: rgba(0, 0, 0, 0.14); }

.arco-message-error .arco-message-icon { color: rgb(var(--danger-6)); }

.arco-message-error .arco-message-content { color: rgba(0, 0, 0, 0.92); }

.arco-message-loading { background-color: var(--color-bg-popup); border-color: rgba(0, 0, 0, 0.14); }

.arco-message-loading .arco-message-icon { color: rgb(var(--primary-6)); }

.arco-message-loading .arco-message-content { color: rgba(0, 0, 0, 0.92); }

.arco-message-close-btn { position: absolute; top: 8px; right: 10px; color: rgba(0, 0, 0, 0.55); font-size: 16px; }

.arco-message-close-btn > svg { position: relative; }

.arco-message .arco-icon-hover.arco-message-icon-hover::before { width: 24px; height: 24px; }

.fadeMessage-enter, .fadeMessage-appear { opacity: 0; }

.fadeMessage-enter-active, .fadeMessage-appear-active { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }

.fadeMessage-exit { opacity: 0; overflow: hidden; }

.fadeMessage-exit-active { opacity: 0; height: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-message-rtl { direction: rtl; }

.arco-message-rtl .arco-message-icon { margin-right: 0px; margin-left: 8px; }

@keyframes arco-msg-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes arco-msg-scale { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}

.arco-modal-mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001; display: none; background-color: var(--color-mask-bg); }

.arco-modal-wrapper { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; 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: ""; vertical-align: middle; display: inline-block; height: 100%; width: 0px; }

.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal { top: 0px; vertical-align: middle; display: inline-block; }

.arco-modal { position: relative; margin: 0px auto; top: 100px; width: 520px; border-radius: 8px; border: 0px solid transparent; background-color: var(--color-bg-3); line-height: 1.5715; text-align: left; white-space: initial; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; box-sizing: border-box; }

.arco-modal-header { width: 100%; box-sizing: border-box; padding: 0px 24px; border-bottom: 1px solid transparent; height: 92px; display: flex; align-items: center; }

.arco-modal-header .arco-modal-title { flex: 1 1 0%; text-align: left; }

.arco-modal-content { position: relative; padding: 0px 24px; color: rgba(0, 0, 0, 0.55); font-size: 14px; }

.arco-modal-footer { border-top: 1px solid transparent; width: 100%; box-sizing: border-box; text-align: right; padding: 24px; }

.arco-modal-footer > .arco-btn { margin-left: 12px; }

.arco-modal-footer > .arco-btn:only-child { margin-left: 0px; }

.arco-modal .arco-modal-close-icon { position: absolute; right: 26px; top: 38px; font-size: 16px; cursor: pointer; color: var(--color-text-1); }

.arco-modal-title { color: var(--color-text-1); font-size: 18px; font-weight: 500; }

.arco-modal-title .arco-icon { font-size: 24px; margin-right: 8px; 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: 32px 24px 24px; width: 464px; }

.arco-modal-simple .arco-modal-header, .arco-modal-simple .arco-modal-footer { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; height: unset; }

.arco-modal-simple .arco-modal-header { margin-bottom: 16px; }

.arco-modal-simple .arco-modal-title { text-align: left; }

.arco-modal-simple .arco-modal-footer { text-align: right; margin-top: 24px; }

.arco-modal-simple .arco-modal-content { padding: 0px; }

.zoomModal-enter, .zoomModal-appear { opacity: 0; transform: scale(0.5); }

.zoomModal-enter-active, .zoomModal-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.zoomModal-exit { opacity: 1; transform: scale(1); }

.zoomModal-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.fadeModal-enter, .fadeModal-appear { opacity: 0; }

.fadeModal-enter-active, .fadeModal-appear-active { opacity: 1; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.fadeModal-exit { opacity: 1; }

.fadeModal-exit-active { opacity: 0; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-modal-rtl { direction: rtl; }

.arco-modal-rtl .arco-modal-footer { text-align: unset; }

.arco-modal-rtl .arco-modal-footer > .arco-btn { margin-left: 0px; margin-right: 12px; }

.arco-modal-rtl .arco-modal-footer > .arco-btn:only-child { margin-right: 0px; }

.arco-modal-rtl .arco-modal-title .arco-icon { margin-right: 0px; margin-left: 8px; }

.arco-modal-rtl .arco-modal-close-icon { right: initial; left: 26px; }

.arco-modal-rtl.arco-modal-simple .arco-modal-footer { text-align: right; }

.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 { display: flex; position: relative; width: 340px; padding: 20px; border-radius: var(--border-radius-medium); border: 1px solid var(--color-neutral-3); margin-bottom: 20px; background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; overflow: hidden; box-sizing: border-box; opacity: 1; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-notification-icon { font-size: 24px; display: inline-flex; align-items: center; color: var(--color-text-1); }

.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 1 0%; word-break: break-word; }

.arco-notification-title { font-size: 18px; font-weight: 500; color: var(--color-text-1); margin-bottom: 4px; }

.arco-notification-content { font-size: 14px; color: var(--color-text-1); }

.arco-notification-info .arco-notification-title, .arco-notification-info .arco-notification-content, .arco-notification-success .arco-notification-title, .arco-notification-success .arco-notification-content, .arco-notification-warning .arco-notification-title, .arco-notification-warning .arco-notification-content, .arco-notification-error .arco-notification-title, .arco-notification-error .arco-notification-content { color: var(--color-text-1); }

.arco-notification-btn-wrapper { margin-top: 16px; text-align: right; }

.arco-notification .arco-notification-close-btn { position: absolute; cursor: pointer; top: 12px; right: 12px; color: var(--color-text-1); font-size: 12px; }

.arco-notification .arco-notification-close-btn > svg { position: relative; }

.arco-notification .arco-icon-hover.arco-notification-icon-hover::before { width: 20px; height: 20px; }

.slideNoticeLeft-enter, .slideNoticeLeft-appear { transform: translate(-100%); }

.slideNoticeLeft-enter-active, .slideNoticeLeft-appear-active { transform: translate(0px); transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.slideNoticeLeft-exit { opacity: 0; }

.slideNoticeLeft-exit-active { opacity: 0; height: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.slideNoticeRight-enter, .slideNoticeRight-appear { transform: translate(100%); }

.slideNoticeRight-enter-active, .slideNoticeRight-appear-active { transform: translate(0px); transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }

.slideNoticeRight-exit { opacity: 0; }

.slideNoticeRight-exit-active { opacity: 0; height: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-notification-wrapper-rtl, .arco-notification-rtl { direction: rtl; }

.arco-notification-rtl .arco-notification-left { padding-right: 0px; padding-left: 16px; }

.arco-notification-rtl .arco-notification-btn-wrapper { text-align: left; }

.arco-notification-rtl .arco-notification-close-btn { right: initial; left: 12px; }

.arco-page-header { padding: 0px; }

.arco-breadcrumb + .arco-page-header-head { margin-top: 0px; }

.arco-page-header-head { display: flex; align-items: center; justify-content: space-between; line-height: 28px; }

.arco-page-header-head-left { display: flex; align-items: center; }

.arco-page-header-head-wrapper { padding-left: 0px; padding-right: 0px; }

.arco-page-header-head-main { display: flex; align-items: center; min-height: 16px; overflow: hidden; }

.arco-page-header-head-main-with-back { margin-left: 0px; padding-left: 0px; }

.arco-page-header-head-extra { white-space: nowrap; }

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover::before { width: 16px; height: 16px; }

.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover::before { background-color: transparent; }

.arco-page-header-back { color: rgba(0, 0, 0, 0.92); font-size: 16px; margin-right: 12px; }

.arco-page-header-back:focus-visible::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.arco-page-header-back-icon { position: relative; }

.arco-page-header-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.92); font-size: 20px; font-weight: 700; }

.arco-page-header-divider { width: 1px; margin-left: 12px; margin-right: 12px; height: 16px; background-color: rgba(0, 0, 0, 0.55); }

.arco-page-header-sub-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.65); font-size: 20px; }

.arco-page-header-content { padding: 16px 0px; border-top: 1px solid rgba(0, 0, 0, 0.14); }

.arco-page-header-footer, .arco-page-header-with-breadcrumb { padding: 0px; }

.arco-page-header-with-breadcrumb .arco-page-header-footer { padding-top: 0px; }

.arco-page-header-with-content .arco-page-header-head-wrapper, .arco-page-header-with-footer { padding-bottom: 0px; }

.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: 0px; }

.arco-page-header-rtl .arco-page-header-head-wrapper { padding-left: 0px; padding-right: 0px; }

.arco-page-header-rtl .arco-page-header-head-main-with-back { margin-right: 0px; padding-right: 0px; margin-left: 0px; padding-left: 0px; }

.arco-page-header-rtl .arco-page-header-back { margin-left: 12px; margin-right: 0px; }

.arco-page-header-rtl .arco-page-header-divider { margin-right: 12px; margin-left: 12px; }

.arco-pagination { display: flex; align-items: center; font-size: 14px; }

.arco-pagination-list { margin: 0px; padding: 0px; list-style: none; display: inline-block; }

.arco-pagination-item { display: inline-block; text-align: center; vertical-align: middle; list-style: none; box-sizing: border-box; cursor: pointer; outline: 0px; user-select: none; border-radius: 4px; color: rgba(0, 0, 0, 0.65); border: 1px solid rgba(0, 0, 0, 0.14); background-color: rgb(255, 255, 255); font-size: 14px; min-width: 24px; height: 24px; line-height: 22px; }

.arco-pagination-item-prev, .arco-pagination-item-next { font-size: 16px; }

.arco-pagination-item-disabled { cursor: not-allowed; background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1); }

.arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-5)); color: var(--color-text-2); }

.arco-pagination-item-active { transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1); color: rgb(var(--primary-6)); background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); }

.arco-pagination-item:not(:last-child) { margin-right: 8px; }

.arco-pagination-item:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-pagination-item-prev, .arco-pagination-item-next { font-size: 16px; color: rgba(0, 0, 0, 0.55); background-color: rgb(255, 255, 255); }

.arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover, .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.55); }

.arco-pagination-item-prev::after, .arco-pagination-item-next::after { display: inline-block; content: "."; font-size: 0px; vertical-align: middle; }

.arco-pagination .arco-pagination-item-prev.arco-pagination-item-disabled, .arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled { color: rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255); }

.arco-pagination-item-jumper { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }

.arco-pagination-jumper { margin-left: 8px; }

.arco-pagination-jumper > span { font-size: 14px; }

.arco-pagination-jumper-text-goto { color: rgba(0, 0, 0, 0.55); }

.arco-pagination .arco-pagination-jumper-input { width: 40px; text-align: center; margin-left: 8px; padding-left: 2px; padding-right: 2px; }

.arco-pagination-option { display: inline-block; text-align: center; vertical-align: middle; min-width: 0px; position: relative; margin-left: 8px; font-size: 14px; height: 24px; line-height: 0; }

.arco-pagination-option .arco-select { width: auto; }

.arco-pagination-option .arco-select-view-value { overflow: inherit; padding-right: 6px; }

.arco-pagination-total-text { display: inline-block; height: 100%; color: rgba(0, 0, 0, 0.55); margin-right: 8px; font-size: 14px; line-height: 24px; }

.arco-pagination-item-simple-pager { display: inline-block; vertical-align: middle; margin: 0px 8px; }

.arco-pagination-item-simple-pager .arco-pagination-jumper-separator { padding: 0px 12px 0px 8px; }

.arco-pagination-simple .arco-pagination-item { margin-right: 0px; }

.arco-pagination-simple .arco-pagination-jumper { color: var(--color-text-1); margin-left: 0px; }

.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input { width: 40px; margin-left: 0px; }

.arco-pagination-simple .arco-pagination-item-prev, .arco-pagination-simple .arco-pagination-item-next { color: rgba(0, 0, 0, 0.55); background-color: transparent; }

.arco-pagination-simple .arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover, .arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover { background-color: transparent; color: rgb(var(--primary-6)); }

.arco-pagination-simple .arco-pagination-item-prev.arco-pagination-item-disabled, .arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled { color: rgba(0, 0, 0, 0.25); background-color: transparent; }

.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 { cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.25); }

.arco-pagination.arco-pagination-disabled .arco-pagination-item-active { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-3)); color: rgb(var(--primary-3)); }

.arco-pagination-size-mini .arco-pagination-item { font-size: 14px; min-width: 24px; height: 24px; line-height: 22px; }

.arco-pagination-size-mini .arco-pagination-item-prev, .arco-pagination-size-mini .arco-pagination-item-next { font-size: 16px; }

.arco-pagination-size-mini .arco-pagination-total-text { font-size: 14px; line-height: 24px; }

.arco-pagination-size-mini .arco-pagination-option { font-size: 14px; height: 24px; line-height: 0; }

.arco-pagination-size-mini .arco-pagination-jumper > span { font-size: 14px; }

.arco-pagination-size-small .arco-pagination-item { font-size: 14px; min-width: 24px; height: 24px; line-height: 22px; }

.arco-pagination-size-small .arco-pagination-item-prev, .arco-pagination-size-small .arco-pagination-item-next { font-size: 16px; }

.arco-pagination-size-small .arco-pagination-total-text { font-size: 14px; line-height: 24px; }

.arco-pagination-size-small .arco-pagination-option { font-size: 14px; height: 24px; line-height: 0; }

.arco-pagination-size-small .arco-pagination-jumper > span { font-size: 14px; }

.arco-pagination-size-large .arco-pagination-item { font-size: 14px; min-width: 24px; height: 24px; line-height: 22px; }

.arco-pagination-size-large .arco-pagination-item-prev, .arco-pagination-size-large .arco-pagination-item-next { font-size: 16px; }

.arco-pagination-size-large .arco-pagination-total-text { font-size: 14px; line-height: 24px; }

.arco-pagination-size-large .arco-pagination-option { font-size: 14px; height: 24px; line-height: 0; }

.arco-pagination-size-large .arco-pagination-jumper > span { font-size: 14px; }

.arco-pagination-rtl { direction: rtl; }

.arco-pagination-rtl .arco-pagination-item:not(:last-child) { margin-right: 0px; margin-left: 8px; }

.arco-pagination-rtl .arco-pagination-item-simple-pager { margin: 0px 8px; }

.arco-pagination-rtl .arco-pagination-item-simple-pager .arco-pagination-jumper-separator { padding: 0px 8px 0px 12px; }

.arco-pagination-rtl .arco-pagination-jumper, .arco-pagination-rtl .arco-pagination-jumper-input, .arco-pagination-rtl .arco-pagination-option { margin-left: 0px; margin-right: 8px; }

.arco-pagination-rtl .arco-pagination-option .arco-select-view-value { padding-right: 0px; padding-left: 6px; }

.arco-pagination-rtl .arco-pagination-total-text { margin-right: 0px; margin-left: 8px; }

.arco-pagination-rtl.arco-pagination-simple .arco-pagination-item, .arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper, .arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper-input { margin-right: 0px; }

.arco-popconfirm-content { padding: 24px; box-sizing: border-box; }

.arco-popconfirm-title { position: relative; margin-bottom: 16px; font-size: 18px; color: rgba(0, 0, 0, 0.92); display: flex; align-items: flex-start; }

.arco-popconfirm-title-icon { font-size: 18px; margin-right: 8px; display: inline-flex; align-items: center; height: 28.287px; }

.arco-popconfirm-title-icon .arco-icon-exclamation-circle-fill { color: rgb(var(--warning-6)); }

.arco-popconfirm-has-content .arco-popconfirm-title { margin-bottom: 0px; font-weight: 500; }

.arco-popconfirm-inner-content { margin-top: 4px; margin-bottom: 16px; padding-left: 26px; }

.arco-popconfirm .arco-popconfirm-btn { text-align: right; }

.arco-popconfirm .arco-popconfirm-btn > button { margin-left: 12px; }

.arco-popconfirm-rtl .arco-popconfirm-title-icon { margin-left: 8px; margin-right: 0px; }

.arco-popconfirm-rtl .arco-popconfirm-inner-content { padding-left: 0px; padding-right: 26px; }

.arco-popconfirm-rtl .arco-popconfirm-btn { text-align: left; }

.arco-popconfirm-rtl .arco-popconfirm-btn > button { margin-right: 12px; margin-left: 0px; }

.arco-popover-content { padding: 24px; }

.arco-popover-title { font-size: 18px; color: rgba(0, 0, 0, 0.92); font-weight: 500; }

.arco-popover-title + .arco-popover-inner-content { margin-top: 8px; }

.arco-popover-content, .arco-popconfirm-content { color: rgba(0, 0, 0, 0.65); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; max-width: none; width: 100%; font-size: 14px; border-radius: 8px; line-height: 1.5715; box-sizing: border-box; border: 1px solid transparent; }

.arco-popover-content-inner, .arco-popconfirm-content-inner { overflow-wrap: break-word; text-align: left; }

.arco-popover-arrow.arco-trigger-arrow, .arco-popconfirm-arrow.arco-trigger-arrow { background-color: rgb(255, 255, 255); border: 1px solid transparent; z-index: 1; }

.arco-popover-inner-rtl { direction: rtl; text-align: right; }

.arco-progress { position: relative; line-height: 1; font-size: 12px; }

.arco-progress-line, .arco-progress-steps { display: inline-block; max-width: 100%; width: 100%; }

.arco-progress-line-wrapper, .arco-progress-steps-wrapper { display: flex; align-items: center; width: 100%; max-width: 100%; height: 100%; }

.arco-progress-line-text, .arco-progress-steps-text { font-size: 12px; margin-left: 16px; color: rgba(0, 0, 0, 0.55); white-space: nowrap; text-align: right; flex-grow: 1; flex-shrink: 0; min-width: 32px; }

.arco-progress-line-text .arco-icon, .arco-progress-steps-text .arco-icon { font-size: 12px; margin-left: 4px; }

.arco-progress-line-outer { background-color: rgba(0, 0, 0, 0.1); border-radius: 100px; width: 100%; position: relative; display: inline-block; overflow: hidden; }

.arco-progress-line-inner { height: 100%; border-radius: 100px; background-color: rgb(var(--primary-6)); position: relative; transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); max-width: 100%; }

.arco-progress-line-inner-buffer { position: absolute; background-color: var(--color-primary-light-3); height: 100%; top: 0px; left: 0px; border-radius: 0px 100px 100px 0px; max-width: 100%; transition: 0.6s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-progress-line-inner-animate::after { content: ""; display: block; position: absolute; top: 0px; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%) 0% 0% / 400% 100%; animation: 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) 0s infinite normal none running arco-progress-loading; }

.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 { height: 100%; flex: 1 1 0%; background-color: var(--color-fill-3); position: relative; display: inline-block; }

.arco-progress-steps-item:not(:last-of-type) { margin-right: 3px; }

.arco-progress-steps-item:last-of-type { border-top-right-radius: 100px; border-bottom-right-radius: 100px; }

.arco-progress-steps-item:first-of-type { border-top-left-radius: 100px; border-bottom-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 { width: 2px; flex: unset; border-radius: 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 { position: relative; text-align: center; line-height: 1; display: inline-block; vertical-align: text-bottom; }

.arco-progress-circle-svg { transform: rotate(-90deg); }

.arco-progress-circle-text { font-size: 14px; }

.arco-progress-circle-text .arco-icon { font-size: 16px; color: var(--color-text-2); }

.arco-progress-circle .arco-progress-circle-text { position: absolute; top: 50%; left: 50%; color: rgba(0, 0, 0, 0.55); transform: translate(-50%, -50%); }

.arco-progress-circle-mask { stroke: rgb(245, 245, 245); }

.arco-progress-circle-path { stroke: rgb(var(--primary-6)); transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1), stroke 0.6s cubic-bezier(0, 0, 1, 1); }

.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 { position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); }

.arco-progress-mini .arco-progress-circle-text { position: static; top: unset; left: unset; transform: unset; }

.arco-progress-small .arco-progress-circle-text, .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%; }
  100% { background-position: 0px 50%; }
}

.arco-progress-rtl .arco-progress-line-text, .arco-progress-rtl .arco-progress-steps-text { margin-left: 0px; margin-right: 16px; }

.arco-progress-rtl .arco-progress-line-text .arco-icon, .arco-progress-rtl .arco-progress-steps-text .arco-icon { margin-left: 0px; margin-right: 4px; }

.arco-progress-rtl .arco-progress-steps-text { margin-left: 0px; margin-right: 8px; }

.arco-progress-rtl .arco-progress-steps-item:not(:last-of-type) { margin-right: 0px; margin-left: 3px; }

.arco-progress-rtl.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) { margin-right: 0px; margin-left: 3px; }

.arco-progress-rtl.arco-progress-small .arco-progress-line-text, .arco-progress-rtl.arco-progress-large .arco-progress-line-text { margin-right: 16px; margin-left: 0px; }

.arco-progress-rtl.arco-progress-line .arco-progress-line-inner-buffer { left: initial; right: 0px; }

.arco-radio > input[type="radio"], .arco-radio-button > input[type="radio"] { opacity: 0; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; }

.arco-radio > input[type="radio"]:focus-visible + .arco-radio-icon-hover::before, .arco-radio-button > input[type="radio"]:focus-visible + .arco-radio-icon-hover::before { background-color: rgb(255, 255, 255); opacity: 1; }

.arco-radio > input[type="radio"]:focus-visible + .arco-radio-button-inner, .arco-radio-button > input[type="radio"]:focus-visible + .arco-radio-button-inner { box-shadow: inset 0 0 0 2px rgb(var(--primary-6)); border-radius: inherit; }

.arco-icon-hover.arco-radio-icon-hover::before { width: 16px; height: 16px; }

.arco-radio { position: relative; cursor: pointer; padding-left: 0px; display: inline-block; font-size: 14px; line-height: unset; }

.arco-radio-text { color: rgba(0, 0, 0, 0.55); margin-left: 8px; }

.arco-radio-mask-wrapper { vertical-align: middle; top: -0.09em; position: relative; line-height: 1; }

.arco-radio-mask { display: block; border: 1px solid rgba(0, 0, 0, 0.25); box-sizing: border-box; height: 16px; width: 16px; border-radius: var(--border-radius-circle); position: relative; line-height: 16px; }

.arco-radio-mask::after { display: inline-block; box-sizing: border-box; position: absolute; content: ""; border-radius: var(--border-radius-circle); background-color: rgb(255, 255, 255); width: 14px; height: 14px; top: 0px; left: 0px; transform: scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }

.arco-radio:hover .arco-radio-mask { border-color: rgba(0, 0, 0, 0.55); }

.arco-radio-checked .arco-radio-mask { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.arco-radio-checked .arco-radio-mask::after { transform: scale(0.4); background-color: var(--color-white); }

.arco-radio-checked:hover .arco-radio-mask { border-color: rgb(255, 255, 255); }

.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: rgba(0, 0, 0, 0.14); }

.arco-radio-disabled .arco-radio-mask::after { background-color: rgb(240, 240, 240); }

.arco-radio-disabled:hover .arco-radio-mask { border-color: rgba(0, 0, 0, 0.14); }

.arco-radio-checked.arco-radio-disabled .arco-radio-mask, .arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask { border-color: transparent; background-color: rgb(255, 255, 255); }

.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after { background-color: rgb(var(--primary-3)); }

.arco-radio-checked.arco-radio-disabled .arco-radio-text { color: var(--color-text-4); }

.arco-radio:hover .arco-radio-icon-hover::before { background-color: rgb(255, 255, 255); }

.arco-radio-group { display: inline-block; box-sizing: border-box; }

.arco-radio-group .arco-radio { margin-right: 20px; }

.arco-radio-group-type-button { position: relative; z-index: 0; padding: 1.5px; line-height: 30px; }

.arco-radio-button { display: inline-block; position: relative; margin: 1.5px; border-radius: 0px; font-size: 14px; line-height: 30px; color: rgba(0, 0, 0, 0.55); background-color: rgb(255, 255, 255); cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-radio-button-inner { display: block; position: relative; padding: 0px 12px; }

.arco-radio-button:not(:first-of-type)::before { position: absolute; top: 50%; left: -2px; transform: translateY(-50%); display: block; height: 14px; width: 1px; background-color: rgba(0, 0, 0, 0.14); content: ""; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-radio-button:hover::before, .arco-radio-button:hover + .arco-radio-button::before, .arco-radio-button.arco-radio-checked::before, .arco-radio-button.arco-radio-checked + .arco-radio-button::before { opacity: 0; }

.arco-radio-button::after { content: " "; display: block; position: absolute; inset: -3px; background-color: transparent; pointer-events: none; z-index: -1; }

.arco-radio-button:first-of-type::after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-radio-button:last-of-type::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-radio-button:hover { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.65); }

.arco-radio-button.arco-radio-checked { background-color: rgb(255, 255, 255); color: rgb(var(--primary-6)); font-weight: 400; }

.arco-radio-button.arco-radio-disabled { cursor: not-allowed; background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.25); }

.arco-radio-button.arco-radio-disabled.arco-radio-checked { background-color: rgb(255, 255, 255); color: rgb(var(--primary-3)); }

.arco-radio-size-small { line-height: 24px; }

.arco-radio-size-small.arco-radio-group-type-button, .arco-radio-size-small .arco-radio-button { font-size: 14px; line-height: 18px; }

.arco-radio-size-large { line-height: 44px; }

.arco-radio-size-large.arco-radio-group-type-button, .arco-radio-size-large .arco-radio-button { font-size: 14px; line-height: 38px; }

.arco-radio-size-mini { line-height: 24px; }

.arco-radio-size-mini.arco-radio-group-type-button, .arco-radio-size-mini .arco-radio-button { font-size: 12px; line-height: 18px; }

.arco-radio-group-direction-vertical .arco-radio { display: block; line-height: 32px; margin-right: 0px; }

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-radio-rtl { padding-left: 0px; padding-right: 0px; }

.arco-radio-rtl .arco-radio-text { margin-left: 0px; margin-right: 8px; }

.arco-radio-group-rtl .arco-radio { margin-right: 0px; margin-left: 20px; }

.arco-radio-group-rtl.arco-radio-group-direction-vertical .arco-radio { margin-right: unset; margin-left: 0px; }

.arco-rate { display: inline-block; user-select: none; }

.arco-rate-disabled { cursor: not-allowed; }

.arco-rate-inner { display: flex; align-items: center; min-height: 36px; font-size: 24px; line-height: 1; }

.arco-rate-character { position: relative; color: rgba(0, 0, 0, 0.05); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-rate-character:not(:last-child) { margin-right: 2px; }

.arco-rate-character-left, .arco-rate-character-right { transition: inherit; }

.arco-rate-character-left > *, .arco-rate-character-right > * { float: left; }

.arco-rate-character-left { position: absolute; top: 0px; left: 0px; width: 50%; white-space: nowrap; overflow: hidden; opacity: 0; }

.arco-rate-character-scale { animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) 0s 1 normal none running arco-rate-scale; }

.arco-rate-character-full .arco-rate-character-right { color: rgb(var(--warning-6)); }

.arco-rate-character-half .arco-rate-character-left { color: rgb(var(--warning-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:hover, .arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus { transform: scale(1.2); }

@keyframes arco-rate-scale { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.arco-rate-rtl { direction: rtl; }

.arco-rate-rtl .arco-rate-character:not(:last-child) { margin-right: 0px; margin-left: 2px; }

.arco-rate-rtl .arco-rate-character-left { left: initial; right: 0px; }

.arco-rate-rtl .arco-rate-character-left > *, .arco-rate-rtl .arco-rate-character-right > * { float: right; }

.arco-resizebox { position: relative; width: 100%; overflow: hidden; }

.arco-resizebox-direction-left, .arco-resizebox-direction-right, .arco-resizebox-direction-top, .arco-resizebox-direction-bottom { position: absolute; left: 0px; top: 0px; user-select: none; box-sizing: border-box; }

.arco-resizebox-direction-right { left: unset; right: 0px; }

.arco-resizebox-direction-bottom { top: unset; bottom: 0px; }

.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 1 0%; }

.arco-resizebox-split-pane, .arco-resizebox-split-group-pane { overflow: auto; }

.arco-resizebox-split .second-pane, .arco-resizebox-split-group .second-pane { flex: 1 1 0%; }

.arco-resizebox-split-horizontal, .arco-resizebox-split-group-horizontal { flex-direction: row; }

.arco-resizebox-split-vertical, .arco-resizebox-split-group-vertical { flex-direction: column; }

.arco-resizebox-split-moving, .arco-resizebox-split-group-moving { user-select: none; }

.arco-resizebox-trigger-icon-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; background-color: var(--color-neutral-3); }

.arco-resizebox-trigger-icon { display: inline-block; color: var(--color-text-1); font-size: 12px; }

.arco-resizebox-trigger-prev > svg, .arco-resizebox-trigger-next > svg { cursor: pointer; }

.arco-resizebox-trigger-vertical { height: 100%; cursor: col-resize; }

.arco-resizebox-trigger-vertical.arco-resizebox-trigger-not-resizable { cursor: default; }

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-prev, .arco-resizebox-trigger-vertical .arco-resizebox-trigger-next { height: 18px; line-height: 18px; }

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper { width: 6px; flex-direction: column; }

.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-empty { height: 18px; width: 100%; }

.arco-resizebox-trigger-horizontal { width: 100%; cursor: row-resize; }

.arco-resizebox-trigger-horizontal.arco-resizebox-trigger-not-resizable { cursor: default; }

.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-prev, .arco-resizebox-trigger-horizontal .arco-resizebox-trigger-next { width: 18px; text-align: center; }

.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 { width: 18px; height: 100%; }

.arco-resizebox-rtl, .arco-resizebox-split-rtl, .arco-resizebox-split-group-rtl, .arco-resizebox-trigger-rtl { direction: rtl; }

.arco-result { width: 100%; box-sizing: border-box; padding: 32px 32px 24px; }

.arco-result-is-404, .arco-result-is-403, .arco-result-is-500 { padding-top: 24px; }

.arco-result-is-404 .arco-result-icon-tip, .arco-result-is-403 .arco-result-icon-tip, .arco-result-is-500 .arco-result-icon-tip { height: 92px; width: 92px; line-height: 92px; }

.arco-result-icon { margin-bottom: 16px; text-align: center; font-size: 20px; }

.arco-result-icon-tip { display: inline-block; height: 45px; width: 45px; text-align: center; border-radius: 50%; line-height: 45px; }

.arco-result-icon-custom { width: unset; height: unset; line-height: inherit; }

.arco-result-icon-custom > .arco-icon { font-size: 45px; color: inherit; }

.arco-result-icon-success { color: rgb(var(--success-6)); background-color: var(--color-success-light-1); }

.arco-result-icon-error { color: rgb(var(--danger-6)); background-color: var(--color-danger-light-1); }

.arco-result-icon-info { color: rgb(var(--primary-6)); background-color: var(--color-primary-light-1); }

.arco-result-icon-warning { color: rgb(var(--warning-6)); background-color: var(--color-warning-light-1); }

.arco-result-title { text-align: center; line-height: 1.5715; font-size: 14px; font-weight: 500; color: var(--color-text-1); }

.arco-result-subtitle { text-align: center; line-height: 1.5715; font-size: 14px; 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 { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-select:hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-5)); }

.arco-select.arco-select-focused .arco-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-select .arco-select-suffix-icon, .arco-select .arco-select-loading-icon, .arco-select .arco-select-search-icon, .arco-select .arco-select-clear-icon, .arco-select .arco-select-arrow-icon, .arco-select .arco-select-expand-icon { color: rgba(0, 0, 0, 0.55); }

.arco-select-error .arco-select-view { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--danger-6)); }

.arco-select-error:hover .arco-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-select-error.arco-select-focused .arco-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-select-warning .arco-select-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }

.arco-select-warning:hover .arco-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }

.arco-select-warning.arco-select-focused .arco-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-select-disabled .arco-select-view { color: rgba(0, 0, 0, 0.25); background-color: rgb(240, 240, 240); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-select-disabled:hover .arco-select-view { background-color: rgb(240, 240, 240); border-color: rgba(0, 0, 0, 0.14); }

.arco-select-disabled .arco-select-suffix-icon, .arco-select-disabled .arco-select-loading-icon, .arco-select-disabled .arco-select-search-icon, .arco-select-disabled .arco-select-clear-icon, .arco-select-disabled .arco-select-arrow-icon, .arco-select-disabled .arco-select-expand-icon { color: var(--color-text-4); }

.arco-select-no-border .arco-select-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }

.arco-select-size-mini.arco-select-multiple .arco-select-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }

.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-select-size-mini.arco-select-multiple .arco-select-suffix { padding-right: 8px; }

.arco-select-size-mini.arco-select-multiple input { font-size: 12px; }

.arco-select-size-mini.arco-select-single .arco-select-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 11px; }

.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: 11px; }

.arco-select-size-small.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-select-size-small.arco-select-single .arco-select-view { height: 24px; line-height: 22px; font-size: 14px; padding: 0px 11px; }

.arco-select-size-small.arco-select-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-select-size-default.arco-select-single .arco-select-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 11px; }

.arco-select-size-default.arco-select-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-select-size-large.arco-select-multiple .arco-select-suffix { padding-right: 8px; }

.arco-select-size-large.arco-select-multiple input { font-size: 14px; }

.arco-select-size-large.arco-select-single .arco-select-view { height: 44px; line-height: 42px; font-size: 14px; padding: 0px 11px; }

.arco-select-size-large.arco-select-single input { font-size: 14px; }

.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix { padding-left: 11px; }

.arco-select { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }

.arco-select-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: 4px; outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }

.arco-select-view input { color: inherit; cursor: inherit; }

.arco-select-view input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-select-multiple, .arco-select-show-search { cursor: text; }

.arco-select-disabled { cursor: not-allowed; }

.arco-select-disabled .arco-select-view input::placeholder { color: rgba(0, 0, 0, 0.25); }

.arco-select-single .arco-select-view-input { box-sizing: border-box; width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-select-single .arco-select-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }

.arco-select-single .arco-select-view-selector .arco-select-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }

.arco-select-single .arco-select-view-selector .arco-select-view-value-mirror { opacity: 0; }

.arco-select-single .arco-select-view-value { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-select-single .arco-select-view-value::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }

.arco-select-single .arco-select-view .arco-select-hidden { opacity: 0; position: absolute; pointer-events: none; }

.arco-select-multiple { vertical-align: top; }

.arco-select-multiple .arco-select-view { padding: 0px 4px; line-height: 0; }

.arco-select-multiple .arco-select-view-with-prefix { padding-left: 12px; }

.arco-select-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; box-shadow: none !important; }

.arco-select-multiple .arco-tag { max-width: 100%; }

.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=""] { opacity: 0; position: absolute; pointer-events: none; }

.arco-select-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: rgba(0, 0, 0, 0.55); }

.arco-select-suffix { display: flex; align-items: center; margin-left: 4px; }

.arco-select-suffix-icon, .arco-select-search-icon, .arco-select-loading-icon, .arco-select-expand-icon, .arco-select-clear-icon { font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-select-arrow-icon { font-size: 16px; }

.arco-select-open .arco-select-arrow-icon svg { transform: rotate(180deg); }

.arco-select .arco-select-clear-icon { display: none; cursor: pointer; }

.arco-select .arco-select-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-select:hover .arco-select-clear-icon { display: block; }

.arco-select:hover .arco-select-clear-icon ~ * { display: none; }

.arco-select-wrapper { display: inline-flex; align-items: stretch; width: 100%; }

.arco-select-wrapper .arco-select { min-width: 0px; }

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:first-child) .arco-select-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:last-child) .arco-select-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-select-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: rgb(255, 255, 255); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: none; border-right: 1px solid var(--color-border-2); border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-select-popup { top: 4px; box-sizing: border-box; padding: 4px 0px; border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; overflow: hidden; }

.arco-select-popup-hidden { display: none; }

.arco-select-popup .arco-select-popup-inner { width: 100%; max-height: 200px; list-style: none; }

.arco-select-popup .arco-select-option { position: relative; box-sizing: border-box; width: 100%; padding: 0px 8px; font-size: 14px; text-align: left; cursor: pointer; line-height: 36px; border-radius: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(0, 0, 0, 0.65); background-color: rgb(255, 255, 255); }

.arco-select-popup .arco-select-option-selected { color: rgb(var(--primary-7)); background-color: transparent; }

.arco-select-popup .arco-select-option-hover { color: rgba(0, 0, 0, 0.65); background-color: rgb(245, 245, 245); }

.arco-select-popup .arco-select-option-disabled { color: rgba(0, 0, 0, 0.25); background-color: transparent; cursor: not-allowed; }

.arco-select-popup .arco-select-option-selected { font-weight: 600; }

.arco-select-popup .arco-select-option-empty { height: 36px; }

.arco-select-popup .arco-select-option-rtl { text-align: right; }

.arco-select-option-wrapper { display: flex; align-items: center; padding: 0px 7px; }

.arco-select-option-wrapper .arco-select-checkbox { padding: 0px 5px; }

.arco-select-option-wrapper .arco-select-checkbox input { display: none; }

.arco-select-option-wrapper .arco-select-option { flex: 1 1 0%; margin-left: 1px; padding: 0px 4px; border-radius: 4px; }

.arco-select-group-title { box-sizing: border-box; width: 100%; padding: 8px 8px 0px; line-height: 20px; font-size: 12px; color: var(--color-text-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-select-group-title:first-child { padding-top: 4px; }

.arco-select-highlight { font-weight: 500; color: rgb(var(--primary-7)); }

.arco-select-rtl { direction: rtl; }

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-select-wrapper-rtl .arco-select-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }

.arco-select-rtl .arco-select-view { text-align: right; }

.arco-select-rtl .arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 12px; }

.arco-select-rtl .arco-select-prefix { margin-right: 0px; margin-left: 12px; }

.arco-select-rtl .arco-select-suffix { margin-left: 0px; margin-right: 4px; }

.arco-skeleton, .arco-skeleton-header { display: flex; }

.arco-skeleton-header .arco-skeleton-image { background-color: var(--color-fill-2); width: 48px; height: 48px; border-radius: var(--border-radius-small); }

.arco-skeleton-header .arco-skeleton-image-circle { border-radius: 50%; }

.arco-skeleton-header .arco-skeleton-image-small { width: 36px; height: 36px; }

.arco-skeleton-header .arco-skeleton-image-large { width: 60px; height: 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; padding: 0px; margin: 0px; }

.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 { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; animation: 1.5s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running arco-skeleton-circle; }

@keyframes arco-skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}

.arco-skeleton-rtl .arco-skeleton-image-left { margin-right: 0px; margin-left: 16px; }

.arco-skeleton-rtl .arco-skeleton-image-right { margin-left: 0px; margin-right: 16px; }

.arco-slider { width: 100%; display: inline-block; }

.arco-slider-wrapper { display: flex; align-items: center; }

.arco-slider-vertical { display: inline-block; height: auto; width: auto; min-width: 22px; }

.arco-slider-vertical .arco-slider-wrapper { flex-direction: column; }

.arco-slider-with-marks { margin-bottom: 24px; padding: 0px 20px; }

.arco-slider-vertical.arco-slider-with-marks { margin-bottom: 0px; padding: 0px; }

.arco-slider-road { width: 100%; height: 12px; cursor: pointer; flex: 1 1 0%; position: relative; }

.arco-slider-road::before { content: ""; display: block; height: 2px; width: 100%; background-color: var(--color-fill-3); border-radius: 2px; position: absolute; top: 50%; transform: translateY(-50%); }

.arco-slider-road.arco-slider-road-vertical { width: 12px; max-width: 12px; height: 100%; min-height: 200px; margin-bottom: 6px; margin-top: 6px; margin-right: 0px; transform: translateY(0px); }

.arco-slider-road.arco-slider-road-vertical::before { width: 2px; height: 100%; top: unset; left: 50%; transform: translate(-50%); }

.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 { position: absolute; height: 2px; background-color: rgb(var(--primary-6)); border-radius: 2px; top: 50%; transform: translateY(-50%); }

.arco-slider-road-vertical .arco-slider-bar { width: 2px; height: unset; top: unset; left: 50%; transform: translate(-50%); }

.arco-slider-button { position: absolute; height: 12px; width: 12px; top: 0px; left: 0px; transform: translate(-50%); }

.arco-slider-button::after { content: ""; display: inline-block; width: 12px; height: 12px; background: var(--color-bg-2); border: 2px solid rgb(var(--primary-6)); border-radius: 50%; box-sizing: border-box; position: absolute; left: 0px; transition: 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); top: 0px; }

.arco-slider-button.arco-slider-button-active::after, .arco-slider-button:hover::after { transform: scale(1.16667); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; }

.arco-slider-button:focus-visible::after { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-slider-road-vertical .arco-slider-button { top: unset; bottom: 0px; left: 0px; transform: translateY(50%); }

.arco-slider-reverse .arco-slider-button { transform: translate(50%); left: unset; right: 0px; }

.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 { position: absolute; transform: translate(-50%); cursor: pointer; font-size: 14px; line-height: 1; color: var(--color-text-3); }

.arco-slider-road-vertical .arco-slider-marks { height: 100%; left: 15px; top: 0px; }

.arco-slider-road-vertical .arco-slider-marks-text { transform: translateY(50%); }

.arco-slider-reverse .arco-slider-marks-text { transform: translate(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 { position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 12px; }

.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper { top: unset; left: 50%; 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); box-sizing: border-box; border: 2px solid var(--color-fill-3); height: 8px; width: 8px; border-radius: 50%; }

.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active { border-color: rgb(var(--primary-6)); }

.arco-slider-ticks .arco-slider-tick { position: absolute; width: 1px; height: 3px; background: var(--color-fill-3); top: 50%; transform: translate(-50%, -100%); margin-top: -1px; }

.arco-slider-ticks .arco-slider-tick-active { background: rgb(var(--primary-6)); }

.arco-slider-vertical .arco-slider-ticks .arco-slider-tick { width: 3px; height: 1px; top: unset; margin-top: unset; left: 50%; transform: translate(1px, 50%); }

.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: 0px; }

.arco-slider-input > .arco-input-number { width: 60px; height: 32px; line-height: normal; overflow: visible; }

.arco-slider-input > .arco-input-number input { text-align: center; }

.arco-slider-input-range { width: 20px; line-height: 32px; height: 32px; text-align: center; }

.arco-slider-input-range-content { display: inline-block; width: 8px; height: 2px; background: rgb(var(--gray-6)); transform: translateY(-100%); }

.arco-slider-rtl { direction: rtl; }

.arco-slider-rtl.arco-slider:not(.arco-slider-vertical) .arco-slider-input { margin-right: 20px; margin-left: 0px; }

.arco-slider-rtl.arco-slider-vertical .arco-slider-road-vertical .arco-slider-marks { left: 0px; right: 15px; }

.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-space-rtl { direction: rtl; }

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

.arco-spin-block { display: block; }

.arco-spin-with-tip { text-align: center; }

.arco-spin-icon { color: rgb(var(--primary-7)); font-size: 20px; }

.arco-spin-tip { margin-top: 6px; font-size: 14px; font-weight: 500; color: rgb(var(--primary-7)); }

.arco-spin-loading-layer { text-align: center; user-select: none; }

.arco-spin-children { position: relative; }

.arco-spin-children::after { content: ""; position: absolute; width: 100%; height: 100%; inset: 0px; background-color: var(--color-spin-layer-bg); opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; z-index: 1; }

.arco-spin-loading { position: relative; user-select: none; }

.arco-spin-loading .arco-spin-loading-layer-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }

.arco-spin-loading .arco-spin-children::after { opacity: 1; pointer-events: auto; }

.arco-spin-dot { position: absolute; top: 0px; left: 50%; transform: translate(-50%) scale(0); width: 8px; height: 8px; background-color: rgb(var(--primary-6)); border-radius: var(--border-radius-circle); animation: 2s cubic-bezier(0, 0, 1, 1) 0s infinite normal forwards running arco-dot-loading; }

.arco-spin-dot:nth-child(2) { background-color: rgb(var(--primary-5)); animation-delay: 0.4s; }

.arco-spin-dot:nth-child(3) { background-color: rgb(var(--primary-4)); animation-delay: 0.8s; }

.arco-spin-dot:nth-child(4) { background-color: rgb(var(--primary-4)); animation-delay: 1.2s; }

.arco-spin-dot:nth-child(5) { background-color: rgb(var(--primary-4)); animation-delay: 1.6s; }

.arco-spin-dot-list { display: inline-block; transform-style: preserve-3d; perspective: 200px; width: 56px; position: relative; height: 8px; }

@keyframes arco-dot-loading { 
  0% { transform: translate3d(-48.621%, 0px, -0.985px) scale(0.511); }
  2.778% { transform: translate3d(-95.766%, 0px, -0.94px) scale(0.545); }
  5.556% { transform: translate3d(-140%, 0px, -0.866px) scale(0.6); }
  8.333% { transform: translate3d(-179.981%, 0px, -0.766px) scale(0.675); }
  11.111% { transform: translate3d(-214.492%, 0px, -0.643px) scale(0.768); }
  13.889% { transform: translate3d(-242.487%, 0px, -0.5px) scale(0.875); }
  16.667% { transform: translate3d(-263.114%, 0px, -0.342px) scale(0.993); }
  19.444% { transform: translate3d(-275.746%, 0px, -0.174px) scale(1.12); }
  22.222% { transform: translate3d(-280%, 0px, 0px) scale(1.25); }
  25% { transform: translate3d(-275.746%, 0px, 0.174px) scale(1.38); }
  27.778% { transform: translate3d(-263.114%, 0px, 0.342px) scale(1.507); }
  30.556% { transform: translate3d(-242.487%, 0px, 0.5px) scale(1.625); }
  33.333% { transform: translate3d(-214.492%, 0px, 0.643px) scale(1.732); }
  36.111% { transform: translate3d(-179.981%, 0px, 0.766px) scale(1.825); }
  38.889% { transform: translate3d(-140%, 0px, 0.866px) scale(1.9); }
  41.667% { transform: translate3d(-95.766%, 0px, 0.94px) scale(1.955); }
  44.444% { transform: translate3d(-48.621%, 0px, 0.985px) scale(1.989); }
  47.222% { transform: translateZ(1px) scale(2); }
  50% { transform: translate3d(48.621%, 0px, 0.985px) scale(1.989); }
  52.778% { transform: translate3d(95.766%, 0px, 0.94px) scale(1.955); }
  55.556% { transform: translate3d(140%, 0px, 0.866px) scale(1.9); }
  58.333% { transform: translate3d(179.981%, 0px, 0.766px) scale(1.825); }
  61.111% { transform: translate3d(214.492%, 0px, 0.643px) scale(1.732); }
  63.889% { transform: translate3d(242.487%, 0px, 0.5px) scale(1.625); }
  66.667% { transform: translate3d(263.114%, 0px, 0.342px) scale(1.507); }
  69.444% { transform: translate3d(275.746%, 0px, 0.174px) scale(1.38); }
  72.222% { transform: translate3d(280%, 0px, 0px) scale(1.25); }
  75% { transform: translate3d(275.746%, 0px, -0.174px) scale(1.12); }
  77.778% { transform: translate3d(263.114%, 0px, -0.342px) scale(0.993); }
  80.556% { transform: translate3d(242.487%, 0px, -0.5px) scale(0.875); }
  83.333% { transform: translate3d(214.492%, 0px, -0.643px) scale(0.768); }
  86.111% { transform: translate3d(179.981%, 0px, -0.766px) scale(0.675); }
  88.889% { transform: translate3d(140%, 0px, -0.866px) scale(0.6); }
  91.667% { transform: translate3d(95.766%, 0px, -0.94px) scale(0.545); }
  94.444% { transform: translate3d(48.621%, 0px, -0.985px) scale(0.511); }
  97.222% { transform: translateZ(-1px) scale(0.5); }
}

.arco-statistic { display: inline-block; line-height: 1.5715; color: var(--color-text-2); }

.arco-statistic-title { font-size: 14px; margin-bottom: 8px; color: var(--color-text-2); }

.arco-statistic-content .arco-statistic-value { white-space: nowrap; font-size: 26px; font-weight: 500; color: var(--color-text-1); }

.arco-statistic-content .arco-statistic-value-int { white-space: nowrap; }

.arco-statistic-content .arco-statistic-value-decimal { font-size: 26px; display: inline-block; }

.arco-statistic-content .arco-statistic-value-suffix { font-size: 14px; margin-left: 4px; }

.arco-statistic-content .arco-statistic-value-prefix { font-size: 14px; margin-right: 4px; }

.arco-statistic-extra { margin-top: 8px; color: var(--color-text-2); }

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-suffix { margin-right: 4px; margin-left: 0px; }

.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-prefix { margin-right: 0px; margin-left: 4px; }

.arco-steps-item { flex: 1 1 0%; white-space: nowrap; margin-right: 6px; overflow: hidden; position: relative; text-align: left; }

.arco-steps-item:last-child { flex: 0 0 auto; margin-right: 0px; }

.arco-steps-item-active .arco-steps-item-title { font-weight: 500; }

.arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title { font-weight: 400; }

.arco-steps-item-icon { display: inline-block; vertical-align: top; margin-right: 6px; font-size: 16px; font-weight: 500; }

.arco-steps-icon { width: 24px; line-height: 22px; height: 24px; border-radius: 50%; text-align: center; box-sizing: border-box; }

.arco-steps-item-wait .arco-steps-icon { border: 1px solid transparent; color: rgba(0, 0, 0, 0.25); background-color: transparent; }

.arco-steps-item-process .arco-steps-icon { border: 1px solid transparent; color: rgba(0, 0, 0, 0.92); background-color: transparent; }

.arco-steps-item-finish .arco-steps-icon { border: 1px solid transparent; color: rgb(255, 255, 255); background-color: rgb(var(--success-6)); }

.arco-steps-item-error .arco-steps-icon { border: 1px solid transparent; color: rgb(255, 255, 255); background-color: rgb(var(--danger-6)); }

.arco-steps-item-title { white-space: nowrap; color: rgba(0, 0, 0, 0.25); position: relative; display: inline-block; font-size: 14px; line-height: 24px; padding-right: 6px; }

.arco-steps-item-wait .arco-steps-item-title { color: rgba(0, 0, 0, 0.25); }

.arco-steps-item-process .arco-steps-item-title { color: rgba(0, 0, 0, 0.92); }

.arco-steps-item-finish .arco-steps-item-title, .arco-steps-item-error .arco-steps-item-title { color: rgba(0, 0, 0, 0.55); }

.arco-steps-item-content { display: inline-block; }

.arco-steps-item-description { white-space: normal; color: rgba(0, 0, 0, 0.25); font-size: 14px; margin-top: 4px; max-width: 192px; }

.arco-steps-item-wait .arco-steps-item-description { color: rgba(0, 0, 0, 0.25); }

.arco-steps-item-process .arco-steps-item-description { color: var(--color-text-3); }

.arco-steps-item-finish .arco-steps-item-description, .arco-steps-item-error .arco-steps-item-description { color: rgba(0, 0, 0, 0.35); }

.arco-steps-label-horizontal:not(.arco-steps-vertical) > .arco-steps-item:not(:last-child) .arco-steps-item-title::after { content: ""; display: block; position: absolute; width: 5000px; height: 4px; left: 100%; top: 10px; background-color: rgba(0, 0, 0, 0.35); box-sizing: border-box; }

.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-process .arco-steps-item-title::after { background-color: rgba(0, 0, 0, 0.35); }

.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-finish .arco-steps-item-title::after { background-color: rgb(var(--success-7)); }

.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.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 4px; top: 30px; bottom: 6px; left: 10px; box-sizing: border-box; padding: 0px; height: unset; }

.arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }

.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 100%; height: 4px; top: 10px; box-sizing: border-box; }

.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }

.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail::after { background-color: rgb(var(--success-7)); }

.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: 8px; top: 26px; }

.arco-steps-size-small:not(.arco-steps-vertical):not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail { top: 8px; }

.arco-steps-size-small .arco-steps-item-icon { font-size: 16px; }

.arco-steps-size-small .arco-steps-item-title { font-size: 14px; line-height: 20px; }

.arco-steps-size-small .arco-steps-item-description { font-size: 12px; }

.arco-steps-size-small .arco-steps-icon { width: 20px; height: 20px; line-height: 18px; font-size: 14px; }

.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after { top: 8px; }

.arco-steps-label-vertical .arco-steps-item { overflow: visible; }

.arco-steps-label-vertical .arco-steps-item-title { padding-right: 0px; margin-top: 4px; }

.arco-steps-label-vertical .arco-steps-item-icon { margin-left: 84px; }

.arco-steps-label-vertical .arco-steps-item-tail { left: 114px; padding-right: 30px; }

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon { margin-left: 86px; }

.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail { left: 112px; padding-right: 26px; }

.arco-steps-rtl .arco-steps-item { margin-right: 0px; margin-left: 6px; text-align: right; }

.arco-steps-rtl .arco-steps-item:last-child { margin-left: 0px; }

.arco-steps-rtl .arco-steps-item-icon { margin-right: 0px; margin-left: 6px; }

.arco-steps-rtl .arco-steps-item-title { padding-right: 0px; padding-left: 6px; }

.arco-steps-rtl.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after { left: 0px; right: 100%; }

.arco-steps-rtl.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 10px; }

.arco-steps-rtl.arco-steps-vertical.arco-steps-size-small.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 8px; top: 26px; }

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-title { padding-left: 0px; }

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-icon { margin-left: 0px; margin-right: 84px; }

.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-tail { left: 0px; right: 114px; padding-right: 0px; padding-left: 30px; }

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon { margin-left: 0px; margin-right: 86px; }

.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail { left: 0px; right: 112px; padding-right: 0px; padding-left: 26px; }

.arco-steps-mode-dot .arco-steps-item { flex: 1 1 0%; white-space: nowrap; margin-right: 16px; position: relative; text-align: left; overflow: visible; }

.arco-steps-mode-dot .arco-steps-item:last-child { flex: 0 0 auto; margin-right: 0px; }

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title { font-weight: 500; }

.arco-steps-mode-dot .arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title { font-weight: 400; }

.arco-steps-mode-dot .arco-steps-item-icon { display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: var(--border-radius-circle); vertical-align: top; }

.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-icon { width: 10px; height: 10px; }

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-icon { border-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25); }

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon { border-color: rgb(var(--primary-6)); background-color: rgb(var(--primary-6)); }

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon { border-color: rgb(var(--success-6)); background-color: rgb(var(--success-6)); }

.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-icon { border-color: rgb(var(--danger-6)); background-color: rgb(var(--danger-6)); }

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon { margin-left: 92px; }

.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon { margin-left: 91px; margin-top: -1px; }

.arco-steps-mode-dot .arco-steps-item-content { display: inline-block; }

.arco-steps-mode-dot .arco-steps-item-title { position: relative; display: inline-block; font-size: 14px; margin-top: 0px; }

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title { color: rgba(0, 0, 0, 0.25); }

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title { color: rgba(0, 0, 0, 0.92); }

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title, .arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title { color: rgba(0, 0, 0, 0.55); }

.arco-steps-mode-dot .arco-steps-item-description { white-space: normal; font-size: 14px; margin-top: 4px; }

.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description { color: rgba(0, 0, 0, 0.25); }

.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description { color: rgba(0, 0, 0, 0.55); }

.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description, .arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description { color: rgba(0, 0, 0, 0.35); }

.arco-steps-mode-dot > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 100%; height: 1px; top: 3.5px; left: 104px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.35); }

.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: rgba(0, 0, 0, 0.35); }

.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail { background-color: rgb(var(--success-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 > .arco-steps-item-icon { margin-right: 16px; }

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content { overflow: hidden; }

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title { margin-top: 0px; }

.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-title { margin-top: 2px; }

.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-title { margin-top: -1px; }

.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 { position: absolute; width: 1px; transform: translate(-50%); top: 20px; bottom: -4px; left: 4px; background-color: transparent; box-sizing: border-box; padding: 0px; height: unset; }

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); }

.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-process > .arco-steps-item-tail::after { background-color: rgba(0, 0, 0, 0.35); }

.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(--success-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-top: 6px; margin-left: -1px; }

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item { margin-right: 0px; margin-left: 16px; text-align: right; }

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:last-child { margin-left: 0px; }

.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: initial; right: 104px; }

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon { margin-left: 0px; margin-right: 92px; }

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon { margin-left: 0px; margin-right: 91px; }

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-icon { margin-right: 0px; margin-left: 16px; }

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 4px; }

.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-icon { margin-right: -1px; }

.arco-steps-mode-arrow .arco-steps-item { position: relative; display: flex; flex: 1 1 0%; white-space: nowrap; height: 72px; align-items: center; overflow: visible; }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child) { margin-right: 4px; }

.arco-steps-mode-arrow .arco-steps-item-wait { background-color: rgb(245, 245, 245); }

.arco-steps-mode-arrow .arco-steps-item-process { background-color: rgb(var(--primary-1)); }

.arco-steps-mode-arrow .arco-steps-item-finish { background-color: rgb(var(--auxiliary-green-4)); }

.arco-steps-mode-arrow .arco-steps-item-error { background-color: rgb(var(--auxiliary-red-4)); }

.arco-steps-mode-arrow .arco-steps-item-content { display: inline-block; box-sizing: border-box; }

.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 { position: relative; display: inline-block; white-space: nowrap; font-size: 14px; }

.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: rgba(0, 0, 0, 0.35); }

.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title { color: rgb(var(--primary-6)); }

.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title { color: rgb(var(--success-7)); }

.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title { color: rgb(var(--danger-7)); }

.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title { font-weight: 500; }

.arco-steps-mode-arrow .arco-steps-item-description { white-space: nowrap; font-size: 14px; margin-top: 0px; max-width: none; }

.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description, .arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description, .arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description, .arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description { color: rgba(0, 0, 0, 0.55); }

.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-top: 36px solid transparent; border-bottom: 36px solid transparent; border-left: 36px solid var(--color-bg-2); left: 0px; top: 0px; z-index: 1; }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-top: 36px solid transparent; border-bottom: 36px solid transparent; right: -36px; top: 0px; z-index: 2; clear: both; }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left: 36px solid rgb(245, 245, 245); }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-left: 36px solid rgb(var(--primary-1)); }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-left: 36px solid rgb(var(--auxiliary-red-4)); }

.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left: 36px solid rgb(var(--auxiliary-green-4)); }

.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: 14px; }

.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-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid var(--color-bg-2); }

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after { right: -20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid rgb(245, 245, 245); }

.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(--auxiliary-red-4)); }

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left: 20px solid rgb(245, 245, 245); }

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

.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left: 20px solid rgb(var(--auxiliary-green-4)); }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child) { margin-right: 0px; margin-left: 4px; }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content { padding-left: 0px; padding-right: 16px; }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 0px; padding-right: 52px; }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 36px solid var(--color-bg-2); right: 0px; }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after { left: -36px; right: initial; }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 36px solid rgb(245, 245, 245); }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 36px solid rgb(var(--primary-1)); }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 36px solid rgb(var(--auxiliary-green-4)); }

.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 36px solid rgb(var(--auxiliary-red-4)); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before { border-right: 20px solid var(--color-bg-2); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after { left: -20px; border-right: 20px solid rgb(245, 245, 245); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content { padding-left: 0px; padding-right: 20px; }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 0px; padding-right: 40px; }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-right: 20px solid rgb(245, 245, 245); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-right: 20px solid rgb(var(--primary-1)); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-right: 20px solid rgb(var(--auxiliary-green-4)); }

.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-right: 20px solid rgb(var(--auxiliary-red-4)); }

.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 { padding-left: 20px; padding-right: 10px; margin-right: 32px; }

.arco-steps-mode-navigation .arco-steps-item:last-child { flex: 1 1 0%; }

.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 { content: ""; position: absolute; display: block; height: 2px; left: 0px; right: 30px; bottom: 0px; background-color: rgb(var(--primary-6)); }

.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 { content: ""; position: absolute; top: 10px; right: 10px; display: inline-block; width: 6px; height: 6px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-color: var(--color-bg-2); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; transform: rotate(45deg); }

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item { padding-right: 20px; padding-left: 10px; margin-left: 32px; margin-right: 0px; }

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-description { padding-left: 20px; padding-right: 0px; }

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-active::after { right: 0px; left: 30px; }

.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after { left: 10px; right: initial; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.arco-steps { display: flex; }

.arco-steps-change-onclick .arco-steps-item-title, .arco-steps-change-onclick .arco-steps-item-description { transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.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-title, .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 { 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 > .arco-steps-item-content > .arco-steps-item-title::after { display: none !important; }

.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content > .arco-steps-item-description { max-width: none; }

.arco-steps-label-vertical .arco-steps-item-content { display: block; text-align: center; width: 192px; }

.arco-steps-label-vertical .arco-steps-item-description { max-width: none; }

.arco-steps-rtl { direction: rtl; }

.switchSlideText-enter, .switchSlideText-appear { left: -100% !important; }

.switchSlideText-enter-active, .switchSlideText-appear-active { transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); left: 8px !important; }

.switchSlideText-exit { left: 100% !important; }

.switchSlideText-exit-active { transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); left: 22px !important; }

.arco-switch { position: relative; outline: none; height: 18px; line-height: 18px; min-width: 36px; background-color: rgba(0, 0, 0, 0.25); border-radius: 9px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); padding: 0px; box-sizing: border-box; vertical-align: middle; overflow: hidden; }

.arco-switch-type-round:focus-visible, .arco-switch-type-circle:focus-visible { box-shadow: 0 0 0 2px rgb(var(--gray-6)); }

.arco-switch-type-round.arco-switch-checked:focus-visible, .arco-switch-type-circle.arco-switch-checked:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-switch-type-line:focus-visible .arco-switch-dot { box-shadow: 0 0 0 2px rgb(var(--gray-6)); transition: none; }

.arco-switch-type-line.arco-switch-checked:focus-visible .arco-switch-dot { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-switch-dot { position: absolute; display: flex; align-items: center; justify-content: center; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background-color: var(--color-bg-white); color: var(--color-neutral-3); font-size: 12px; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-switch-checked { background-color: rgb(var(--primary-6)); }

.arco-switch-checked .arco-switch-dot { color: rgb(var(--primary-6)); left: calc(100% - 16px); }

.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 { opacity: 0; font-size: 12px; margin: 0px 8px 0px 22px; }

.arco-switch-text { position: absolute; color: var(--color-white); font-size: 12px; top: 0px; left: 22px; }

.arco-switch-checked .arco-switch-text-holder { margin: 0px 22px 0px 8px; }

.arco-switch-checked .arco-switch-text { left: 8px; color: var(--color-white); }

.arco-switch[disabled] { cursor: not-allowed; background-color: rgb(240, 240, 240); }

.arco-switch[disabled] .arco-switch-text { color: var(--color-white); }

.arco-switch[disabled].arco-switch-checked { background-color: rgb(var(--primary-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 { }

.arco-switch-small .arco-switch-dot { top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 8px; }

.arco-switch-small .arco-switch-dot-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.66667); }

.arco-switch-small.arco-switch-checked .arco-switch-dot { left: calc(100% - 14px); }

.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 { min-width: 36px; background-color: transparent; overflow: unset; }

.arco-switch-type-line::after { content: ""; display: block; width: 100%; border-radius: 3px; height: 6px; background-color: rgba(0, 0, 0, 0.25); transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-switch-type-line .arco-switch-dot { top: -1px; left: 0px; border-radius: 10px; width: 20px; height: 20px; background-color: var(--color-bg-white); box-shadow: 0 1px 3px var(--color-neutral-6); }

.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: calc(100% - 20px); }

.arco-switch-type-line[disabled] { cursor: not-allowed; background-color: transparent; }

.arco-switch-type-line[disabled]::after { background-color: rgb(240, 240, 240); }

.arco-switch-type-line[disabled].arco-switch-checked { background-color: transparent; }

.arco-switch-type-line[disabled].arco-switch-checked::after { background-color: rgb(var(--primary-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: 0px; }

.arco-switch-type-line.arco-switch-small .arco-switch-dot { top: 0px; width: 16px; height: 16px; border-radius: 8px; }

.arco-switch-type-line.arco-switch-small .arco-switch-dot-icon { transform: translate(-50%, -50%) scale(1); }

.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-dot { left: calc(100% - 16px); }

.arco-switch-rtl { direction: rtl; }

.arco-switch-rtl .switchSlideText-enter, .arco-switch-rtl .switchSlideText-appear { right: -100% !important; left: initial; }

.arco-switch-rtl .switchSlideText-enter-active, .arco-switch-rtl .switchSlideText-appear-active { left: initial; transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); right: 8px !important; }

.arco-switch-rtl .switchSlideText-exit { right: 100% !important; left: initial; }

.arco-switch-rtl .switchSlideText-exit-active { left: initial; transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); right: 22px !important; }

.arco-switch-rtl .arco-switch-dot { left: initial; right: 2px; }

.arco-switch-rtl .arco-switch-text-holder { margin: 0px 22px 0px 8px; }

.arco-switch-rtl .arco-switch-text { left: initial; right: 22px; }

.arco-switch-rtl.arco-switch-small .arco-switch-dot { right: 2px; }

.arco-switch-rtl.arco-switch-type-line .arco-switch-dot { right: 0px; }

.arco-switch-rtl.arco-switch-checked .arco-switch-dot { right: calc(100% - 16px); }

.arco-switch-rtl.arco-switch-checked .arco-switch-text-holder { margin: 0px 8px 0px 22px; }

.arco-switch-rtl.arco-switch-checked .arco-switch-text { right: 8px; left: initial; }

.arco-switch-rtl.arco-switch-checked.arco-switch-small { padding-left: 0px; }

.arco-switch-rtl.arco-switch-checked.arco-switch-small.arco-switch-type-line { padding-right: 0px; padding-left: 0px; }

.arco-switch-rtl.arco-switch-checked.arco-switch-small .arco-switch-dot { left: initial; right: calc(100% - 14px); }

.arco-table-filters-popup { min-width: 100px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 8px; box-sizing: border-box; }

.arco-table-filters-list { max-height: 200px; overflow-y: auto; padding: 4px 0px; }

.arco-table-filters-item { width: 100%; height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; }

.arco-table-filters-item .arco-checkbox, .arco-table-filters-item .arco-radio { width: 100%; padding: 0px 12px; white-space: nowrap; }

.arco-table-filters-btn { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0px 12px; height: 38px; line-height: 38px; box-sizing: border-box; overflow: hidden; }

.arco-table-th-item { padding: 12px; }

.arco-table-th-item.arco-table-col-has-filter { padding-right: 28px; }

.arco-table-col-has-sorter.arco-table-col-has-filter { padding-right: 0px; }

.arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 28px; }

.arco-table-col-has-sorter { padding: 0px; }

.arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 12px; cursor: pointer; }

.arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 12px; }

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }

.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 12px; }

.arco-table-td { padding: 12px; font-size: 14px; }

.arco-table-th { font-size: 12px; }

.arco-table-footer { padding: 12px; }

.arco-table-expand-fixed-row { margin: -12px; padding: 12px; }

.arco-table-expand-content .arco-table-td .arco-table { margin: -12px -12px -13px; }

.arco-table-editable-row .arco-table-cell-wrap-value, .arco-table-size-middle .arco-table-th-item { padding: 12px; }

.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: 0px; }

.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: 0px; }

.arco-table-size-middle .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 12px; cursor: pointer; }

.arco-table-size-middle .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 12px; }

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }

.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 12px; }

.arco-table-size-middle .arco-table-td { padding: 12px; font-size: 14px; }

.arco-table-size-middle .arco-table-th { font-size: 12px; }

.arco-table-size-middle .arco-table-footer { padding: 12px; }

.arco-table-size-middle .arco-table-expand-fixed-row { margin: -12px; padding: 12px; }

.arco-table-size-middle .arco-table-expand-content .arco-table-td .arco-table { margin: -12px -12px -13px; }

.arco-table-size-middle .arco-table-editable-row .arco-table-cell-wrap-value, .arco-table-size-small .arco-table-th-item { padding: 12px; }

.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: 0px; }

.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: 0px; }

.arco-table-size-small .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 12px; cursor: pointer; }

.arco-table-size-small .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 12px; }

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }

.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 12px; }

.arco-table-size-small .arco-table-td { padding: 12px; font-size: 14px; }

.arco-table-size-small .arco-table-th { font-size: 12px; }

.arco-table-size-small .arco-table-footer { padding: 12px; }

.arco-table-size-small .arco-table-expand-fixed-row { margin: -12px; padding: 12px; }

.arco-table-size-small .arco-table-expand-content .arco-table-td .arco-table { margin: -12px -12px -13px; }

.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value, .arco-table-size-mini .arco-table-th-item { padding: 12px; }

.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: 0px; }

.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: 0px; }

.arco-table-size-mini .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 12px; cursor: pointer; }

.arco-table-size-mini .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 12px; }

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }

.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 12px; }

.arco-table-size-mini .arco-table-td { padding: 12px; font-size: 14px; }

.arco-table-size-mini .arco-table-th { font-size: 12px; }

.arco-table-size-mini .arco-table-footer { padding: 12px; }

.arco-table-size-mini .arco-table-expand-fixed-row { margin: -12px; padding: 12px; }

.arco-table-size-mini .arco-table-expand-content .arco-table-td .arco-table { margin: -12px -12px -13px; }

.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value { padding: 12px; }

.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-right .arco-table-col-fixed-left-last::after, .arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }

.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: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }

.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before, .arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }

.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: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }

.arco-table-layout-fixed .arco-table-content-inner { overflow: auto hidden; }

.arco-table-layout-fixed table { table-layout: fixed; }

thead > .arco-table-tr > .arco-table-th { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 0px; }

.arco-table table { min-width: 100%; width: 100%; margin: 0px; border-spacing: 0px; border-collapse: separate; }

.arco-table table thead tr:first-child th:first-child { border-radius: var(--border-radius-medium) 0 0 0; }

.arco-table table thead tr:first-child th:last-child { border-radius: 0 var(--border-radius-medium) 0 0; }

.arco-table-th { box-sizing: border-box; text-align: left; color: rgba(0, 0, 0, 0.92); background-color: rgb(245, 245, 245); line-height: 1.5715; font-weight: 500; }

.arco-table-th[colspan] { text-align: center; }

.arco-table-td { box-sizing: border-box; text-align: left; color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 1.5715; }

.arco-table-th.arco-table-col-sorted { background-color: rgb(245, 245, 245); }

.arco-table-td.arco-table-col-sorted { background-color: rgb(255, 255, 255); }

.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 { content: ""; position: absolute; top: 0px; left: 0px; bottom: -1px; width: 10px; pointer-events: none; transform: translate(-100%); transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1); box-shadow: none; }

.arco-table-col-fixed-left-last::after { left: unset; transform: translate(100%); right: 0px; }

.arco-table-cell-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-table-cell-text-ellipsis .arco-table-cell-with-sorter { display: flex; align-items: center; }

.arco-table-cell-text-ellipsis .arco-table-th-item-title { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-table-editable-row .arco-table-cell-wrap-value { border: 1px solid var(--color-white); border-radius: var(--border-radius-medium); transition: 0.1s cubic-bezier(0, 0, 1, 1); cursor: pointer; }

.arco-table-editable-row:hover .arco-table-cell-wrap-value { border: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-cell { word-break: break-all; width: 100%; }

.arco-table-cell:has(> .arco-table-cell-indent)::after { content: ""; display: block; clear: both; }

.arco-table-cell-indent { height: 1px; float: left; }

.arco-table-cell-indent + .arco-table-cell-wrap-value { float: left; }

.arco-table-expand-icon-cell button { width: 14px; height: 14px; line-height: 14px; border-radius: 2px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-neutral-3); color: var(--color-text-2); font-size: 12px; outline: none; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); padding: 0px; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; }

.arco-table-expand-icon-cell button:hover { background-color: var(--color-neutral-4); color: var(--color-text-1); border-color: transparent; }

.arco-table-cell-expand-icon { float: left; }

.arco-table-cell-expand-icon button { width: 14px; height: 14px; line-height: 14px; border-radius: 2px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-neutral-3); color: var(--color-text-2); font-size: 12px; outline: none; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); padding: 0px; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; margin-right: 4px; }

.arco-table-cell-expand-icon button:hover { background-color: var(--color-neutral-4); color: var(--color-text-1); border-color: transparent; }

.arco-table-cell-expand-icon-hidden { display: inline-block; width: 14px; height: 14px; margin-right: 4px; }

.arco-table-expand-content .arco-table-td { background-color: var(--color-fill-1); }

.arco-table-expand-fixed-row { position: sticky; left: 0px; box-sizing: border-box; }

.arco-table-expand-content .arco-table-td .arco-table .arco-table-container { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-table-expand-content .arco-table-td .arco-table .arco-table-th { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-expand-content .arco-table-td .arco-table .arco-table-th, .arco-table-expand-content .arco-table-td .arco-table .arco-table-td { background-color: var(--color-fill-1); }

.arco-table-expand-content .arco-table-td .arco-table .arco-table-pagination { margin-bottom: 16px; }

.arco-table-th.arco-table-operation .arco-table-th-item, .arco-table-td.arco-table-operation { text-align: center; padding: 0px; }

.arco-table-radio, .arco-table-checkbox { justify-content: center; }

.arco-table-checkbox .arco-checkbox, .arco-table-radio .arco-radio { padding-left: 0px; }

.arco-table-selection-col, .arco-table-expand-icon-col { width: 40px; }

.arco-table-radio .arco-table-th-item, .arco-table-checkbox .arco-table-th-item, div.arco-table-selection-col .arco-table-th-item, div.arco-table-expand-icon-col .arco-table-th-item { padding: 0px; }

.arco-table-th-item { position: relative; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-table-cell-mouseenter { background-color: rgb(245, 245, 245); }

.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: 6px; vertical-align: -3px; }

.arco-table-sorter.arco-table-sorter-direction-one { vertical-align: 0px; }

.arco-table-sorter-icon { position: relative; height: 8px; line-height: 8px; width: 12px; overflow: hidden; }

.arco-table-sorter-icon .arco-icon-caret-up, .arco-table-sorter-icon .arco-icon-caret-down { position: absolute; top: 50%; font-size: 12px; color: rgba(0, 0, 0, 0.25); transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-table-sorter-icon .arco-icon-caret-up { top: -2px; left: 0px; }

.arco-table-sorter-icon .arco-icon-caret-down { top: -3px; left: 0px; }

.arco-table-sorter-icon.arco-table-sorter-icon-active svg { color: rgb(var(--primary-6)); }

.arco-table-filters { position: absolute; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px; width: 24px; height: 100%; background-color: transparent; line-height: 1; vertical-align: 0px; cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-table-filters:hover, .arco-table-filters-open { background-color: rgba(0, 0, 0, 0.25); }

.arco-table-filters svg { color: rgba(0, 0, 0, 0.55); font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-table-filters-active svg { color: rgb(var(--primary-6)); }

.arco-table-container { position: relative; border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; }

.arco-table-header { border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; }

.arco-table-content-scroll { width: 100%; overflow: hidden; }

.arco-table-content-scroll .arco-table-content-inner { width: auto; }

.arco-table-content-scroll::before, .arco-table-content-scroll::after { content: ""; position: absolute; top: -1px; bottom: -1px; height: 100%; width: 10px; transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1); box-shadow: none; pointer-events: none; z-index: 1; }

.arco-table-content-scroll::before { border-top-left-radius: var(--border-radius-medium); left: 0px; }

.arco-table-content-scroll::after { border-top-right-radius: var(--border-radius-medium); right: 0px; }

.arco-table-header { scrollbar-color: transparent transparent; background-color: rgb(245, 245, 245); overflow: scroll hidden; }

.arco-table-header::-webkit-scrollbar { background-color: transparent; }

.arco-table-body { position: relative; overflow: auto; background-color: var(--color-bg-2); z-index: 1; }

.arco-table-no-data { padding: 20px; line-height: 40px; box-sizing: border-box; font-size: 14px; text-align: center; }

.arco-table-border.arco-table-fixed-column .arco-table-empty-row .arco-table-td:first-child { border-bottom: 0px; border-left: 0px; }

.arco-table-border .arco-table-container { border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border .arco-table-container::before { content: ""; position: absolute; background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 1px; left: 0px; bottom: 0px; z-index: 2; }

.arco-table-border .arco-table-th:first-child, .arco-table-border .arco-table-td:first-child, .arco-table-border .arco-table-expand-fixed-row { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border .arco-table-footer { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); border-image: none; }

.arco-table-border-cell .arco-table-th, .arco-table-border-cell .arco-table-td { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border-header-cell .arco-table-th { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border-header-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border-body-cell .arco-table-td { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child, .arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child { border-left: 0px; }

.arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td { background-color: rgb(255, 255, 255); }

.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) { background-color: rgba(0, 0, 0, 0.08); }

.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 { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.08); 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:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) { background-color: transparent; }

.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 { background-color: transparent; }

.arco-table-type-radio .arco-table-row-checked.arco-table-tr .arco-table-td { background-color: rgb(255, 255, 255); }

.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 { display: flex; align-items: center; flex: 1 1 0%; }

.arco-table-virtualized .arco-table-selection-col, .arco-table-virtualized .arco-table-expand-icon-col { max-width: 40px; }

div.arco-table-tfoot { width: 100%; overflow-x: scroll; background-color: var(--color-neutral-2); scrollbar-color: transparent transparent; position: relative; z-index: 1; box-shadow: rgba(0, 0, 0, 0.1) 0px -1px; }

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: 16px; margin-top: 0px; }

.arco-table-pagination .arco-pagination { margin-top: 16px; }

.arco-table-rtl { direction: rtl; }

.arco-table-rtl.arco-table-border .arco-table-th:first-child, .arco-table-rtl.arco-table-border .arco-table-td:first-child { border-left: 0px; border-right: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-rtl.arco-table-border-cell .arco-table-th, .arco-table-rtl.arco-table-border-cell .arco-table-td { border-left: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-rtl table thead tr:first-child th:first-child { border-radius: 0 var(--border-radius-medium) 0 0; }

.arco-table-rtl table thead tr:first-child th:last-child { border-radius: var(--border-radius-medium) 0 0 0; }

.arco-table-rtl .arco-table-th, .arco-table-rtl .arco-table-td { text-align: right; }

.arco-table-rtl .arco-table-th.arco-table-operation .arco-table-th-item, .arco-table-rtl .arco-table-td.arco-table-operation { text-align: center; }

.arco-table-rtl.arco-table-border .arco-table-container { border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 0px; }

.arco-table-rtl.arco-table-border-cell .arco-table-th, .arco-table-rtl.arco-table-border-cell .arco-table-td, .arco-table-rtl.arco-table-border-header-cell .arco-table-th, .arco-table-rtl.arco-table-border-body-cell .arco-table-td { border-left: 0px; border-right: 1px solid rgba(0, 0, 0, 0.1); }

.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child, .arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child { border-right: 0px; }

.arco-table-rtl .arco-table-cell-indent, .arco-table-rtl .arco-table-cell-expand-icon { float: right; }

.arco-table-rtl .arco-table-cell-expand-icon button, .arco-table-rtl .arco-table-cell-expand-icon-hidden { margin-left: 4px; margin-right: 0px; }

.arco-table-rtl .arco-table-filters { left: 0px; right: unset; }

.arco-table-rtl .arco-table-sorter { margin-left: 0px; margin-right: 6px; }

.arco-table-rtl .arco-table-col-fixed-left-last::after, .arco-table-rtl .arco-table-col-fixed-right-first::after { left: unset; right: -20px; }

.arco-table-rtl .arco-table-col-fixed-left-last::after { left: -20px; right: unset; }

.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after { box-shadow: none; }

.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-right-first::after, .arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after { box-shadow: none; }

.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-left-last::after, .arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: none; }

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::after, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::before, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }

.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::after, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::after { box-shadow: none; }

body[arco-theme="dark"] .arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td { background-color: var(--color-bg-3); }

.arco-icon-hover.arco-tabs-icon-hover::before { width: 16px; height: 16px; }

.arco-tabs .arco-tabs-icon-hover { font-size: 12px; color: var(--color-text-2); 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-close-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-tabs-add-icon { font-size: 12px; display: inline-flex; align-items: center; user-select: none; justify-content: center; padding: 0px 8px; }

.arco-tabs-add-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-tabs-add { position: relative; }

.arco-tabs-left-icon { margin-left: 10px; margin-right: 6px; }

.arco-tabs-right-icon { margin-right: 10px; margin-left: 6px; }

.arco-tabs-up-icon { margin-bottom: 10px; }

.arco-tabs-down-icon { margin-top: 10px; }

.arco-tabs .arco-tabs-nav-icon-disabled { cursor: not-allowed; color: var(--color-text-4); }

.arco-tabs { position: relative; overflow: hidden; }

.arco-tabs-header-nav { position: relative; }

.arco-tabs-header-nav::before { content: ""; clear: both; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; background-color: var(--color-neutral-3); display: block; }

.arco-tabs-header-nav-bottom::before { top: 0px; }

.arco-tabs-header-nav-bottom .arco-tabs-header-ink { top: 0px; }

.arco-tabs-header-wrapper { display: flex; overflow: hidden; flex: 1 1 0%; }

.arco-tabs-header { position: relative; display: inline-block; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); white-space: nowrap; }

.arco-tabs-header-extra { width: auto; display: flex; align-items: center; line-height: 24px; flex-shrink: 0; }

.arco-tabs-header-extra .arco-tabs-add-icon { padding-left: 0px; }

.arco-tabs-header-title { box-sizing: border-box; font-size: 14px; cursor: pointer; color: rgba(0, 0, 0, 0.92); transition: color 0.2s cubic-bezier(0, 0, 1, 1); display: inline-flex; align-items: center; line-height: 1.5715; padding: 0px; }

.arco-tabs-header-title-text { display: inline-block; }

.arco-tabs-header-title:hover { color: rgba(0, 0, 0, 0.92); font-weight: 500; }

.arco-tabs-header-title-disabled, .arco-tabs-header-title-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; }

.arco-tabs-header-title-active, .arco-tabs-header-title-active:hover { color: rgba(0, 0, 0, 0.92); 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: rgb(var(--primary-3)); }

.arco-tabs-header-ink { position: absolute; bottom: 0px; right: initial; top: initial; height: 2px; background-color: rgb(var(--primary-6)); transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.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: 32px; }

.arco-tabs-header-nav-line .arco-tabs-header-title { line-height: 1.5715; margin: 0px 16px; padding: 4px 0px; }

.arco-tabs-header-nav-line .arco-tabs-header-title-text { display: inline-block; position: relative; padding: 1px 0px; }

.arco-tabs-header-nav-line .arco-tabs-header-title-text::before { content: ""; z-index: -1; opacity: 1; transition: 0.2s cubic-bezier(0, 0, 1, 1); border-radius: 2px; position: absolute; inset: 0px -8px; background-color: transparent; }

.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text::before { background-color: rgb(240, 240, 240); }

.arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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: 0px; }

.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 12px; border: 1px solid var(--color-neutral-3); transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); padding: 2px 16px; }

.arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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 { color: var(--color-text-2); height: 24px; }

.arco-tabs-header-nav-card .arco-tabs-header-title { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; background-color: transparent; }

.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 { border-bottom-color: var(--color-bg-2); background-color: transparent; }

.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active, .arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover { border-top-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 4px; border-right: 1px solid var(--color-neutral-3); background-color: var(--color-fill-1); border-radius: var(--border-radius-small) var(--border-radius-small) 0 0; }

.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 { border-bottom-color: var(--color-bg-2); background-color: transparent; }

.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-left: 0px; }

.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active, .arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover { border-top-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }

.arco-tabs-header-nav-text::before { display: none; }

.arco-tabs-header-nav-text .arco-tabs-header-title { position: relative; line-height: 1.5715; margin: 0px 8.5px; font-size: 14px; padding: 5px 0px; }

.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { height: 12px; position: absolute; width: 1px; background-color: rgba(0, 0, 0, 0.14); content: ""; display: block; top: 50%; transform: translateY(-50%); left: -8.5px; }

.arco-tabs-header-nav-text .arco-tabs-header-title-text { padding-left: 8px; padding-right: 8px; background-color: transparent; }

.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover { background-color: transparent; }

.arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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 { padding: 5px 16px; margin: 0px 6px; font-size: 14px; background-color: transparent; border-radius: 32px; }

.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:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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 { line-height: 1; background-color: rgba(0, 0, 0, 0.14); border-radius: 4px; padding: 1px; }

.arco-tabs-header-nav-capsule .arco-tabs-header-title { line-height: 22px; padding: 0px 8px; background-color: rgb(255, 255, 255); position: relative; font-size: 12px; border-radius: 0px; }

.arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover { background-color: rgb(255, 255, 255); }

.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: rgb(255, 255, 255); }

.arco-tabs-header-nav-capsule .arco-tabs-header-title-active::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover::before, .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:hover + .arco-tabs-header-title::before { opacity: 0; }

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 1px; }

.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { position: absolute; top: 50%; left: -1px; transform: translateY(-50%); display: block; height: 24px; width: 1px; background-color: rgba(0, 0, 0, 0.14); content: ""; transition: 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-tabs-header-scroll { overflow: hidden; position: relative; display: flex; align-items: center; }

.arco-tabs-content { width: 100%; overflow: hidden; padding-top: 16px; box-sizing: border-box; }

.arco-tabs-content .arco-tabs-content-inner { display: flex; width: 100%; }

.arco-tabs-content .arco-tabs-content-item { width: 100%; overflow: hidden; height: 0px; flex-shrink: 0; }

.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active { height: auto; }

.arco-tabs-card > .arco-tabs-content, .arco-tabs-card-gutter > .arco-tabs-content { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.arco-tabs-card.arco-tabs-bottom > .arco-tabs-content, .arco-tabs-card-gutter.arco-tabs-bottom > .arco-tabs-content { border-top: 1px solid var(--color-neutral-3); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.arco-tabs-animation.arco-tabs-content-inner { transition: 0.2s cubic-bezier(0.34, 0.69, 0.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-top: 6px; padding-bottom: 6px; }

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 12px; }

.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-top: 2px; padding-bottom: 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 { line-height: 24px; font-size: 12px; }

.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: 22px; }

.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 24px; font-size: 12px; }

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 12px; padding-top: 3px; padding-bottom: 3px; }

.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 24px; font-size: 12px; }

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 4px; padding-bottom: 4px; }

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 14px; }

.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-top: 2px; padding-bottom: 2px; }

.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 { line-height: 24px; font-size: 12px; }

.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: 24px; }

.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 { line-height: 24px; font-size: 12px; }

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 3px; padding-bottom: 3px; }

.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 28px; font-size: 14px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 4px; padding-bottom: 4px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 14px; }

.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-top: 2px; padding-bottom: 2px; }

.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 { line-height: 24px; font-size: 12px; }

.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: 24px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 12px; line-height: 34px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 36px; font-size: 12px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 7px; padding-bottom: 7px; }

.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 36px; font-size: 14px; }

.arco-tabs-header-nav-vertical { float: left; height: 100%; }

.arco-tabs-header-nav-vertical::before { position: absolute; left: initial; bottom: 0px; right: 0px; top: 0px; width: 1px; height: 100%; clear: both; }

.arco-tabs-header-nav-vertical .arco-tabs-add-icon { margin-left: 0px; margin-top: 8px; padding: 0px 16px; height: auto; }

.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 0px; }

.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper { height: 100%; flex-direction: column; }

.arco-tabs-header-nav-vertical .arco-tabs-header-ink { position: absolute; left: initial; right: 0px; bottom: initial; width: 2px; transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-tabs-header-nav-vertical .arco-tabs-header-title { display: block; white-space: nowrap; margin: 16px 0px 0px; }

.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type { margin-top: 0px; }

.arco-tabs-header-nav-right::before { right: unset; left: 0px; }

.arco-tabs-header-nav-right .arco-tabs-header-ink { left: 0px; right: unset; }

.arco-tabs-header-nav-vertical .arco-tabs-header-scroll { position: relative; height: 100%; box-sizing: border-box; }

.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title { padding: 0px 20px; }

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title { margin: 0px; position: relative; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-color: transparent; }

.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.arco-tabs-header-nav-right .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover { border-right-color: var(--color-neutral-3); border-left-color: var(--color-bg-2); }

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 0px; border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); 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-right-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }

.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover { border-right-color: var(--color-neutral-3); border-left-color: var(--color-bg-2); }

.arco-tabs-content-vertical { width: auto; height: 100%; padding: 0px; }

.arco-tabs-right .arco-tabs-content-vertical { padding-right: 16px; }

.arco-tabs-left .arco-tabs-content-vertical { padding-left: 16px; }

.arco-tabs-card > .arco-tabs-content-vertical, .arco-tabs-card-gutter > .arco-tabs-content-vertical { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.arco-tabs-card.arco-tabs-right > .arco-tabs-content-vertical, .arco-tabs-card-gutter.arco-tabs-right > .arco-tabs-content-vertical { border-left: 1px solid var(--color-neutral-3); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-tabs-rtl { direction: rtl; }

.arco-tabs-rtl .arco-tabs-close-icon { margin-left: 0px; margin-right: 8px; }

.arco-tabs-rtl .arco-tabs-left-icon, .arco-tabs-rtl .arco-tabs-right-icon { margin-left: 6px; margin-right: 10px; }

.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll > .arco-tabs-header-title:first-of-type { margin-right: 0px; }

.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type, .arco-tabs-rtl .arco-tabs-header-nav-text > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type { margin-right: 0px; }

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable, .arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable { padding-left: 12px; padding-right: 0px; }

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title { border-right: 1px solid var(--color-neutral-3); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-left: 1px solid var(--color-neutral-3); border-top-left-radius: var(--border-radius-small); border-top-right-radius: 0px; }

.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: 0px; border-top-right-radius: var(--border-radius-small); }

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-right: 4px; }

.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-right: 0px; }

.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { left: initial; right: -8.5px; }

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 0px; margin-right: 1px; }

.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { right: -1px; left: initial; }

body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active { background-color: var(--color-fill-3); }

body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover { background-color: var(--color-fill-3); }

.arco-tag { display: inline-flex; align-items: center; box-sizing: border-box; height: 24px; padding: 0px 8px; border: 1px solid transparent; border-radius: 4px; font-size: 12px; font-weight: 500; line-height: 22px; color: rgba(0, 0, 0, 0.92); }

.arco-tag .arco-icon-hover.arco-tag-icon-hover::before { width: 16px; height: 16px; }

.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(240, 240, 240); }

.arco-tag-content { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-tag-checkable { cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-tag-checkable:hover { background-color: rgb(245, 245, 245); }

.arco-tag-checked { border-color: transparent; background-color: rgba(0, 0, 0, 0.05); }

.arco-tag-checkable.arco-tag-checked:hover { background-color: rgb(240, 240, 240); border-color: transparent; }

.arco-tag-bordered, .arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover { border-color: rgba(0, 0, 0, 0.14); }

.arco-tag-size-small { height: 20px; line-height: 18px; font-size: 12px; }

.arco-tag-size-medium { height: 28px; line-height: 26px; font-size: 14px; }

.arco-tag-size-large { height: 32px; line-height: 30px; font-size: 14px; }

.arco-tag-hide { display: none; }

.arco-tag-loading { opacity: 0.8; cursor: default; }

.arco-tag-icon { margin-right: 4px; color: rgba(0, 0, 0, 0.55); }

.arco-tag-checked.arco-tag-red { color: rgb(var(--red-6)); background-color: rgb(var(--red-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-red .arco-tag-close-icon, .arco-tag-checked.arco-tag-red .arco-tag-loading-icon { color: rgb(var(--red-6)); }

.arco-tag-checked.arco-tag-orangered { color: rgb(var(--orangered-6)); background-color: rgb(var(--orangered-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-orangered .arco-tag-close-icon, .arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon { color: rgb(var(--orangered-6)); }

.arco-tag-checked.arco-tag-orange { color: rgb(var(--orange-6)); background-color: rgb(var(--orange-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-orange .arco-tag-close-icon, .arco-tag-checked.arco-tag-orange .arco-tag-loading-icon { color: rgb(var(--orange-6)); }

.arco-tag-checked.arco-tag-gold { color: rgb(var(--gold-6)); background-color: rgb(var(--gold-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-gold .arco-tag-close-icon, .arco-tag-checked.arco-tag-gold .arco-tag-loading-icon { color: rgb(var(--gold-6)); }

.arco-tag-checked.arco-tag-lime { color: rgb(var(--lime-6)); background-color: rgb(var(--lime-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-lime .arco-tag-close-icon, .arco-tag-checked.arco-tag-lime .arco-tag-loading-icon { color: rgb(var(--lime-6)); }

.arco-tag-checked.arco-tag-green { color: rgb(var(--success-7)); background-color: rgb(var(--auxiliary-green-4)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-green .arco-tag-close-icon, .arco-tag-checked.arco-tag-green .arco-tag-loading-icon { color: rgb(var(--success-7)); }

.arco-tag-checked.arco-tag-cyan { color: rgb(var(--cyan-6)); background-color: rgb(var(--cyan-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-cyan .arco-tag-close-icon, .arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon { color: rgb(var(--cyan-6)); }

.arco-tag-checked.arco-tag-blue { color: rgb(var(--blue-6)); background-color: rgb(var(--blue-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-blue .arco-tag-close-icon, .arco-tag-checked.arco-tag-blue .arco-tag-loading-icon { color: rgb(var(--blue-6)); }

.arco-tag-checked.arco-tag-arcoblue { color: rgb(var(--arcoblue-6)); background-color: rgb(var(--arcoblue-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-arcoblue .arco-tag-close-icon, .arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon { color: rgb(var(--arcoblue-6)); }

.arco-tag-checked.arco-tag-purple { color: rgb(var(--purple-6)); background-color: rgb(var(--purple-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-purple .arco-tag-close-icon, .arco-tag-checked.arco-tag-purple .arco-tag-loading-icon { color: rgb(var(--purple-6)); }

.arco-tag-checked.arco-tag-pinkpurple { color: rgb(var(--pinkpurple-6)); background-color: rgb(var(--pinkpurple-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-icon, .arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon { color: rgb(var(--pinkpurple-6)); }

.arco-tag-checked.arco-tag-magenta { color: rgb(var(--magenta-6)); background-color: rgb(var(--magenta-1)); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-magenta .arco-tag-close-icon, .arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon { color: rgb(var(--magenta-6)); }

.arco-tag-checked.arco-tag-gray { color: rgba(0, 0, 0, 0.55); background-color: rgb(240, 240, 240); border: 1px solid transparent; }

.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-icon, .arco-tag-checked.arco-tag-gray .arco-tag-close-icon, .arco-tag-checked.arco-tag-gray .arco-tag-loading-icon { color: rgba(0, 0, 0, 0.55); }

.arco-tag-custom-color { color: var(--color-white); }

.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(255, 255, 255, 0.2); }

.arco-tag .arco-tag-close-btn { font-size: 12px; margin-left: 4px; }

.arco-tag .arco-tag-close-btn:focus-visible::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.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: rgba(255, 255, 255, 0.9); }

body[arco-theme="dark"] .arco-tag-checked.arco-tag-red { background-color: rgba(var(--red-6),.2); }

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-checkable.arco-tag-checked.arco-tag-red:hover { 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-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-checkable.arco-tag-checked.arco-tag-orangered:hover { 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-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-checkable.arco-tag-checked.arco-tag-orange:hover { 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-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-checkable.arco-tag-checked.arco-tag-gold:hover { 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-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-checkable.arco-tag-checked.arco-tag-lime:hover { 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-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-checkable.arco-tag-checked.arco-tag-green:hover { 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-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-checkable.arco-tag-checked.arco-tag-cyan:hover { 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-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-checkable.arco-tag-checked.arco-tag-blue:hover { 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-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-checkable.arco-tag-checked.arco-tag-arcoblue:hover { 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-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-checkable.arco-tag-checked.arco-tag-purple:hover { 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-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-checkable.arco-tag-checked.arco-tag-pinkpurple:hover { 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-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-checkable.arco-tag-checked.arco-tag-magenta:hover { 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-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--gray-6),.35); }

body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover { background-color: rgba(var(--gray-6),.35); }

.arco-tag-rtl { direction: rtl; }

.arco-tag-rtl .arco-tag-icon { margin-left: 4px; margin-right: 0px; }

.arco-tag-rtl .arco-tag-close-btn, .arco-tag-rtl .arco-tag-loading-icon { margin-left: 0px; margin-right: 4px; }

.arco-timeline-item { position: relative; color: rgba(0, 0, 0, 0.92); font-size: 14px; min-height: 52px; padding-left: 12px; }

.arco-timeline-item-label { color: rgba(0, 0, 0, 0.55); font-size: 12px; line-height: 1.667; }

.arco-timeline-item-content { line-height: 1.5715; font-size: 14px; color: rgba(0, 0, 0, 0.92); margin-bottom: 0px; }

.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 { position: absolute; text-align: center; height: 100%; left: 0px; }

.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content { width: 12px; height: 22.001px; line-height: 22.001px; position: relative; }

.arco-timeline-item-dot { width: 12px; height: 12px; border-radius: var(--border-radius-circle); box-sizing: border-box; color: rgb(var(--primary-6)); margin-top: -50%; position: relative; top: 50%; }

.arco-timeline-item-dot-custom { display: inline-flex; transform-origin: center center; color: rgb(var(--primary-6)); box-sizing: border-box; position: absolute; top: 50%; left: 50%; background-color: var(--color-bg-2); transform: translate(-50%) translateY(-50%); }

.arco-timeline-item-dot-custom svg { color: inherit; }

.arco-timeline-item-dot-line { width: 1px; border-left-width: 1px; border-color: var(--color-neutral-3); left: 50%; transform: translate(-50%); top: 19.0005px; bottom: -3.0005px; position: absolute; box-sizing: border-box; }

.arco-timeline-alternate { overflow: hidden; }

.arco-timeline-alternate .arco-timeline-item-vertical-left { padding-left: 0px; }

.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%; width: 50%; margin-left: 28px; padding-right: 28px; }

.arco-timeline-alternate .arco-timeline-item-vertical-right { padding-right: 0px; }

.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: 0px; margin-left: -16px; margin-right: 0px; text-align: right; width: 50%; padding-right: 16px; }

.arco-timeline-right .arco-timeline-item-vertical-right { padding-right: 12px; }

.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper { right: 0px; left: unset; }

.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper { text-align: right; margin-left: 0px; margin-right: 16px; }

.arco-timeline-item-label-relative > .arco-timeline-item-label { position: absolute; top: 0px; max-width: 100px; box-sizing: border-box; }

.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 { text-align: right; padding-right: 16px; transform: translate(-100%); left: 0px; }

.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 { text-align: left; padding-left: 16px; transform: translate(100%); right: 0px; }

.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: 8px; transform: translateY(-100%); }

.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-content { margin-bottom: 0px; }

.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: 0px; }

.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-label { top: unset; bottom: 0px; text-align: left; padding-top: 8px; transform: translateY(100%); }

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative { margin-left: 0px; }

.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label { width: 50%; max-width: unset; transform: none; left: 0px; }

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative { margin-right: 0px; }

.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label { width: 50%; max-width: unset; transform: none; right: 0px; }

.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative { margin-top: 0px; }

.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative { margin-bottom: 0px; }

.arco-timeline-direction-horizontal { display: flex; }

.arco-timeline-item-dot-line-is-horizontal { left: 14px; right: 4px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; height: 1px; border-top-width: 1px; top: 50%; transform: translateY(-50%); width: unset; }

.arco-timeline-item-horizontal-bottom, .arco-timeline-item-horizontal-top { flex: 1 1 0%; padding-left: 0px; padding-right: 0px; min-height: unset; }

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper, .arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper { height: auto; width: 100%; top: 0px; }

.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-top { padding-top: 12px; }

.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper { bottom: unset; top: 0px; }

.arco-timeline-item-horizontal-top > .arco-timeline-item-content-wrapper { margin-top: 8px; margin-left: 0px; }

.arco-timeline-item-horizontal-bottom { padding-bottom: 12px; }

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper { bottom: 0px; top: unset; }

.arco-timeline-item-horizontal-bottom > .arco-timeline-item-content-wrapper { margin-left: 0px; margin-bottom: 8px; }

.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 { transform: translateY(-50%); margin-top: 12px; }

.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top { margin-top: -12px; transform: translateY(50%); }

.arco-timeline-rtl .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper { text-align: left; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label { left: 50%; text-align: left; padding-left: 16px; padding-right: 0px; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper { text-align: right; right: 50%; left: initial; margin-right: 16px; padding-left: 16px; padding-right: 0px; margin-left: 0px; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label { right: 50%; text-align: right; padding-right: 16px; padding-left: 0px; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper { text-align: left; left: 0px; right: initial; margin-right: -28px; padding-left: 28px; margin-left: 0px; padding-right: 0px; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper { right: 50%; text-align: right; }

.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper { left: 0px; margin-right: -28px; padding-left: 28px; margin-left: 0px; padding-right: 0px; text-align: left; }

.arco-timepicker { position: relative; display: flex; padding: 0px; box-sizing: border-box; }

.arco-timepicker-container { border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.14); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; overflow: hidden; }

.arco-timepicker-list { width: 64px; height: 224px; overflow: hidden; box-sizing: border-box; scrollbar-width: none; }

.arco-timepicker-list::-webkit-scrollbar { width: 0px; }

.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 { margin: 0px; padding: 0px; list-style: none; box-sizing: border-box; }

.arco-timepicker-list ul::after { content: ""; display: block; width: 100%; height: 192px; }

.arco-timepicker-cell { padding: 4px 0px; text-align: center; color: rgba(0, 0, 0, 0.65); font-weight: 400; cursor: pointer; }

.arco-timepicker-cell-inner { height: 24px; line-height: 24px; font-size: 14px; }

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner { background-color: rgb(245, 245, 245); }

.arco-timepicker-cell-selected .arco-timepicker-cell-inner { background-color: rgb(var(--primary-1)); font-weight: 600; }

.arco-timepicker-cell-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; }

.arco-timepicker-footer-extra-wrapper { border-top: 1px solid var(--color-neutral-3); padding: 8px; color: rgba(0, 0, 0, 0.65); font-size: 12px; }

.arco-timepicker-footer-btn-wrapper { display: flex; justify-content: space-between; border-top: 1px solid var(--color-neutral-3); padding: 8px; }

.arco-tooltip-content { padding: 8px 12px; background-color: rgb(0, 0, 0); font-size: 12px; border-radius: 8px; color: rgb(255, 255, 255); line-height: 1.5715; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; }

.arco-tooltip-content-inner { overflow-wrap: break-word; text-align: left; }

.arco-tooltip-mini { font-size: 12px; padding: 4px 12px; }

.arco-trigger-arrow.arco-tooltip-arrow { background-color: rgb(0, 0, 0); }

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 { z-index: 1; }

body[arco-theme="dark"] .arco-trigger[trigger-placement="top"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="tl"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="tr"] .arco-trigger-arrow.arco-tooltip-arrow { border-bottom: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); }

body[arco-theme="dark"] .arco-trigger[trigger-placement="bottom"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="bl"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="br"] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-left: 1px solid var(--color-neutral-3); }

body[arco-theme="dark"] .arco-trigger[trigger-placement="left"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="lt"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="lb"] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); }

body[arco-theme="dark"] .arco-trigger[trigger-placement="right"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="rt"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="rb"] .arco-trigger-arrow.arco-tooltip-arrow { border-left: 1px solid var(--color-neutral-3); border-bottom: 1px solid var(--color-neutral-3); }

.arco-transfer { display: flex; align-items: center; }

.arco-transfer-view { display: flex; flex-direction: column; box-sizing: border-box; width: 200px; height: 224px; border: 1px solid var(--color-neutral-3); border-radius: var(--border-radius-small); }

.arco-transfer-view-search { padding: 8px 12px 4px; }

.arco-transfer-view-list { flex: 1 1 0%; }

.arco-transfer-view-custom-list { flex: 1 1 0%; overflow: auto; }

.arco-transfer-view-header, .arco-transfer-view-item { display: flex; align-items: center; padding: 0px 10px; }

.arco-transfer-view-header > :first-child, .arco-transfer-view-item .arco-transfer-view-item-content { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.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 { height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; background-color: var(--color-fill-1); color: var(--color-text-1); }

.arco-transfer-view-header-title { display: flex; align-items: center; }

.arco-transfer-view-header-title .arco-checkbox { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: inherit; }

.arco-transfer-view-header-title .arco-checkbox-text { color: inherit; }

.arco-transfer-view-header-unit { margin-right: 2px; font-weight: 400; font-size: 12px; color: var(--color-text-3); }

.arco-transfer-view-item { position: relative; height: 36px; line-height: 36px; list-style: none; color: var(--color-text-1); background-color: transparent; cursor: default; }

.arco-transfer-view-item-content { font-size: 14px; }

.arco-transfer-view-item-disabled { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; }

.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover { color: var(--color-text-1); background-color: var(--color-fill-2); }

.arco-transfer-view-item .arco-checkbox { width: 100%; }

.arco-transfer-view-item .arco-checkbox-text { color: inherit; }

.arco-transfer-view-item-draggable:first-child { margin-top: 2px; }

.arco-transfer-view-item-draggable:last-child { margin-bottom: 2px; }

.arco-transfer-view-item-draggable::before { content: ""; display: block; position: absolute; left: 0px; right: 0px; height: 2px; border-radius: 1px; }

.arco-transfer-view-item-gap-bottom::before { bottom: -2px; background-color: rgb(var(--primary-6)); }

.arco-transfer-view-item-gap-top::before { top: -2px; background-color: rgb(var(--primary-6)); }

.arco-transfer-view-item-dragging { background-color: var(--color-fill-1) !important; color: var(--color-text-4) !important; }

.arco-transfer-view-item-dragged { animation: 0.4s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-transfer-drag-item-blink; }

.arco-transfer-view .arco-transfer-view-icon-clear { margin-left: 8px; }

.arco-transfer-view .arco-transfer-view-icon-clear, .arco-transfer-view .arco-transfer-view-item-icon-remove { cursor: pointer; font-size: 12px; color: var(--color-text-2); }

.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-transfer-view-icon-clear:focus-visible::before, .arco-transfer-view .arco-transfer-view-item-icon-remove:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-transfer-view .arco-list { display: flex; flex-direction: column; height: 100%; border-radius: 0px; }

.arco-transfer-view .arco-list-content { flex: 1 1 0%; overflow-y: auto; }

.arco-transfer-view .arco-list-footer { display: flex; align-items: center; position: relative; box-sizing: border-box; height: 40px; padding: 0px 8px; }

.arco-transfer-view .arco-list .arco-pagination { position: absolute; top: 50%; right: 8px; margin: 0px; transform: translateY(-50%); }

.arco-transfer-view .arco-list .arco-pagination-jumper-input { width: 24px; }

.arco-transfer-view .arco-list .arco-pagination-jumper-separator { padding: 0px 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: 0px 20px; }

.arco-transfer-operations .arco-btn { display: block; }

.arco-transfer-operations .arco-btn:last-child { margin-top: 12px; }

.arco-transfer-operations-words .arco-btn { width: 100%; padding: 0px 12px; text-align: left; }

.arco-transfer-simple .arco-transfer-view-source { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-transfer-simple .arco-transfer-view-target { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.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); }
  100% { background-color: transparent; }
}

.arco-transfer-rtl { direction: rtl; }

.arco-transfer-rtl .arco-transfer-view-search { padding: 8px 12px 4px; }

.arco-transfer-rtl .arco-transfer-view-header > :first-child:not(:last-child), .arco-transfer-rtl .arco-transfer-view-item .arco-transfer-rtl .arco-transfer-view-item-content:not(:last-child) { margin-right: 0px; margin-left: 8px; }

.arco-transfer-rtl .arco-transfer-view-header-unit { margin-left: 2px; margin-right: 0px; }

.arco-transfer-rtl .arco-transfer-view-icon-clear { margin-right: 8px; margin-left: 0px; }

.arco-transfer-rtl .arco-transfer-view .arco-list .arco-pagination { right: initial; left: 8px; }

.arco-transfer-rtl .arco-transfer-view .arco-checkbox { padding-left: 0px; padding-right: 6px; }

.arco-transfer-rtl .arco-transfer-operations-words .arco-btn { text-align: right; }

.arco-transfer-rtl.arco-transfer-simple .arco-transfer-view-source { border-right: 1px solid var(--color-neutral-3); border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.arco-icon-hover.arco-tree-node-icon-hover::before { width: 16px; height: 16px; }

.arco-tree-node-switcher { font-size: 12px; color: var(--color-text-2); cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; margin-right: 10px; height: 32px; width: 12px; flex-shrink: 0; }

.arco-tree-node-switcher-icon { position: relative; margin: 0px auto; }

.arco-tree-node-switcher-icon svg { transform: rotate(-90deg); position: relative; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.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(0deg); }

.arco-tree-node-drag-icon { color: rgb(var(--primary-6)); opacity: 0; margin-left: 120px; }

.arco-tree-node-custom-icon { font-size: inherit; cursor: pointer; user-select: none; margin-right: 10px; }

.arco-tree-node .arco-icon-loading { color: rgb(var(--primary-6)); }

.arco-tree-node-minus-icon, .arco-tree-node-plus-icon { cursor: pointer; background: var(--color-fill-2); border-radius: var(--border-radius-small); position: relative; display: block; width: 14px; height: 14px; box-sizing: border-box; border: 1px solid transparent; }

.arco-tree-node-minus-icon::after, .arco-tree-node-plus-icon::after { content: ""; position: absolute; display: block; color: var(--color-text-2); width: 6px; height: 2px; background-color: var(--color-text-2); border-radius: 0.5px; top: 50%; left: 50%; margin-top: -1px; margin-left: -3px; }

.arco-tree-node-plus-icon::before { content: ""; border-radius: 0.5px; position: absolute; display: block; color: var(--color-text-2); height: 6px; width: 2px; background-color: var(--color-text-2); left: 50%; margin-left: -1px; top: 50%; margin-top: -3px; }

.arco-tree { color: rgba(0, 0, 0, 0.92); }

.arco-tree .arco-checkbox { margin-right: 10px; padding-left: 0px; line-height: 32px; }

.arco-tree-node { padding-left: 2px; color: rgba(0, 0, 0, 0.92); position: relative; cursor: pointer; display: flex; align-items: flex-start; flex-wrap: nowrap; line-height: 1.5715; }

.arco-tree-node-selected .arco-tree-node-title, .arco-tree-node-selected .arco-tree-node-title:hover { color: rgb(var(--primary-6)); transition: color 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-tree-node-disabled-selectable .arco-tree-node-title, .arco-tree-node-disabled .arco-tree-node-title, .arco-tree-node-disabled-selectable .arco-tree-node-title:hover, .arco-tree-node-disabled .arco-tree-node-title:hover { background: none; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; }

.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title { color: rgb(var(--primary-3)); }

.arco-tree-node-title-block { flex: 1 1 0%; box-sizing: content-box; }

.arco-tree-node-title-block .arco-tree-node-drag-icon { position: absolute; right: 12px; margin-left: unset; }

.arco-tree-node-indent { align-self: stretch; flex-shrink: 0; position: relative; }

.arco-tree-node-indent-block { display: inline-block; width: 12px; margin-right: 10px; height: 100%; position: relative; vertical-align: top; }

.arco-tree-node-title { font-size: 14px; padding: 5px 4px; margin-left: -4px; border-radius: var(--border-radius-small); position: relative; }

.arco-tree-node-title:hover { background-color: transparent; color: var(--color-text-1); }

.arco-tree-node-title:hover .arco-tree-node-drag-icon { opacity: 1; }

.arco-tree-node-title-draggable::before { content: ""; display: block; height: 2px; border-radius: 1px; left: 0px; right: 0px; position: absolute; top: 0px; }

.arco-tree-node-title-gap-bottom::before { top: unset; bottom: 0px; background-color: rgb(var(--primary-6)); }

.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 { width: 14px; text-align: center; }

.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 { position: absolute; left: 50%; transform: translate(-50%); width: 1px; border-left: 1px solid var(--color-neutral-3); content: ""; box-sizing: border-box; top: -5px; bottom: -5px; }

.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { content: ""; position: absolute; box-sizing: border-box; border-left: 1px solid var(--color-neutral-3); width: 1px; right: -7px; transform: translate(50%); top: 27px; bottom: -5px; }

.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-top: 2px; padding-bottom: 2px; }

.arco-tree-size-mini .arco-tree-node-indent-block::before { top: 23px; bottom: -1px; }

.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: -1px; bottom: -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: 14px; padding-top: 3px; padding-bottom: 3px; }

.arco-tree-size-small .arco-tree-node-indent-block::before { top: 25px; bottom: -3px; }

.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: -3px; bottom: -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: 14px; padding-top: 7px; padding-bottom: 7px; }

.arco-tree-size-large .arco-tree-node-indent-block::before { top: 29px; bottom: -7px; }

.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: -7px; bottom: -7px; }

.arco-tree-node-list { overflow: hidden; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-tree-rtl { direction: rtl; }

.arco-tree-rtl .arco-tree-node-switcher { margin-left: 10px; margin-right: 0px; }

.arco-tree-rtl .arco-tree-node-switcher-icon svg { transform: rotate(90deg); }

.arco-tree-rtl .arco-tree-node-expanded .arco-tree-node-switcher-icon svg, .arco-tree-rtl .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg { transform: rotate(0deg); }

.arco-tree-rtl .arco-tree-node-custom-icon { margin-right: 0px; margin-left: 10px; }

.arco-tree-rtl .arco-tree-node-minus-icon::after, .arco-tree-rtl .arco-tree-node-plus-icon::after { margin-left: 0px; margin-right: -3px; }

.arco-tree-rtl .arco-tree-node-plus-icon::before { margin-left: 0px; margin-right: -1px; }

.arco-tree-rtl .arco-checkbox { padding-right: 0px; margin-right: 0px; margin-left: 10px; }

.arco-tree-rtl .arco-tree-node { padding-left: 0px; padding-right: 2px; align-items: flex-end; }

.arco-tree-rtl .arco-tree-node-title-block .arco-tree-node-drag-icon { left: 12px; right: initial; margin-right: unset; }

.arco-tree-rtl-node-indent-block { margin-right: 0px; margin-left: 10px; }

.arco-tree-rtl-node-title { padding-right: 4px; padding-left: 4px; margin-left: unset; margin-right: -4px; }

.arco-tree-rtl-show-line { padding-left: 0px; padding-right: 1px; }

.arco-tree-rtl-show-line .arco-tree-node-indent-block::before { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right: 1px solid var(--color-neutral-3); }

.arco-tree-rtl-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { left: -7px; }

.arco-tree-select .arco-tree-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-tree-select:hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-5)); }

.arco-tree-select.arco-tree-select-focused .arco-tree-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }

.arco-tree-select .arco-tree-select-suffix-icon, .arco-tree-select .arco-tree-select-loading-icon, .arco-tree-select .arco-tree-select-search-icon, .arco-tree-select .arco-tree-select-clear-icon, .arco-tree-select .arco-tree-select-arrow-icon, .arco-tree-select .arco-tree-select-expand-icon { color: rgba(0, 0, 0, 0.55); }

.arco-tree-select-error .arco-tree-select-view { background-color: rgb(255, 255, 255); border: 1px solid rgb(var(--danger-6)); }

.arco-tree-select-error:hover .arco-tree-select-view { background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); }

.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--danger-6)); box-shadow: rgb(255, 255, 255) 0px 0px; }

.arco-tree-select-warning .arco-tree-select-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }

.arco-tree-select-warning:hover .arco-tree-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }

.arco-tree-select-warning.arco-tree-select-focused .arco-tree-select-view { color: rgba(0, 0, 0, 0.92); background-color: rgb(255, 255, 255); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }

.arco-tree-select-disabled .arco-tree-select-view { color: rgba(0, 0, 0, 0.25); background-color: rgb(240, 240, 240); border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-tree-select-disabled:hover .arco-tree-select-view { background-color: rgb(240, 240, 240); border-color: rgba(0, 0, 0, 0.14); }

.arco-tree-select-disabled .arco-tree-select-suffix-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-clear-icon, .arco-tree-select-disabled .arco-tree-select-arrow-icon, .arco-tree-select-disabled .arco-tree-select-expand-icon { color: var(--color-text-4); }

.arco-tree-select-no-border .arco-tree-select-view { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; }

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 8px; }

.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 { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 11px; }

.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: 11px; }

.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view { height: 24px; line-height: 22px; font-size: 14px; padding: 0px 11px; }

.arco-tree-select-size-small.arco-tree-select-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { 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: 14px; }

.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 11px; }

.arco-tree-select-size-default.arco-tree-select-single input { font-size: 14px; }

.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 { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }

.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 8px; }

.arco-tree-select-size-large.arco-tree-select-multiple input { font-size: 14px; }

.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view { height: 44px; line-height: 42px; font-size: 14px; padding: 0px 11px; }

.arco-tree-select-size-large.arco-tree-select-single input { font-size: 14px; }

.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 11px; }

.arco-tree-select { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }

.arco-tree-select-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: 4px; outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }

.arco-tree-select-view input { color: inherit; cursor: inherit; }

.arco-tree-select-view input::placeholder { color: rgba(0, 0, 0, 0.25); }

.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: rgba(0, 0, 0, 0.25); }

.arco-tree-select-single .arco-tree-select-view-input { box-sizing: border-box; width: 100%; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-tree-select-single .arco-tree-select-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }

.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-value-mirror { opacity: 0; }

.arco-tree-select-single .arco-tree-select-view-value { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.arco-tree-select-single .arco-tree-select-view-value::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }

.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden { opacity: 0; position: absolute; pointer-events: none; }

.arco-tree-select-multiple { vertical-align: top; }

.arco-tree-select-multiple .arco-tree-select-view { padding: 0px 4px; line-height: 0; }

.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 12px; }

.arco-tree-select-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: none !important; box-shadow: none !important; }

.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=""] { opacity: 0; position: absolute; pointer-events: none; }

.arco-tree-select-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: rgba(0, 0, 0, 0.55); }

.arco-tree-select-suffix { display: flex; align-items: center; margin-left: 4px; }

.arco-tree-select-suffix-icon, .arco-tree-select-search-icon, .arco-tree-select-loading-icon, .arco-tree-select-expand-icon, .arco-tree-select-clear-icon { font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-tree-select-arrow-icon { font-size: 16px; }

.arco-tree-select-open .arco-tree-select-arrow-icon svg { transform: rotate(180deg); }

.arco-tree-select .arco-tree-select-clear-icon { display: none; cursor: pointer; }

.arco-tree-select .arco-tree-select-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.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-wrapper { display: inline-flex; align-items: stretch; width: 100%; }

.arco-tree-select-wrapper .arco-tree-select { min-width: 0px; }

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:first-child) .arco-tree-select-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:last-child) .arco-tree-select-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-tree-select-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: rgb(255, 255, 255); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: none; border-right: 1px solid var(--color-border-2); border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.arco-tree-select-popup { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.14); border-radius: 8px; background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px; padding: 4px 4px 4px 10px; max-height: 200px; overflow: auto; }

.arco-tree-select-popup .arco-tree-node { padding-left: 0px; }

.arco-tree-select-highlight { font-weight: 500; }

.arco-tree-select-rtl { direction: rtl; }

.arco-tree-select-rtl-popup { padding-left: 4px; padding-right: 10px; }

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }

.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }

.arco-tree-select-wrapper-rtl .arco-tree-select-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }

.arco-tree-select-rtl .arco-tree-select-view { text-align: right; }

.arco-tree-select-rtl .arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 12px; }

.arco-tree-select-rtl .arco-tree-select-prefix { margin-right: 0px; margin-left: 12px; }

.arco-tree-select-rtl .arco-tree-select-suffix { margin-left: 0px; margin-right: 4px; }

.arco-trigger { position: absolute; z-index: 1000; backface-visibility: hidden; }

.arco-trigger-arrow { background-color: var(--color-bg-5); content: ""; height: 8px; width: 8px; position: absolute; display: block; box-sizing: border-box; transform: rotate(45deg); transform-origin: 50% 50% 0px; z-index: -1; }

.arco-trigger[trigger-placement="top"] .arco-trigger-arrow, .arco-trigger[trigger-placement="tl"] .arco-trigger-arrow, .arco-trigger[trigger-placement="tr"] .arco-trigger-arrow { bottom: -4px; margin-left: -4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-bottom-right-radius: 2px; }

.arco-trigger[trigger-placement="bottom"] .arco-trigger-arrow, .arco-trigger[trigger-placement="bl"] .arco-trigger-arrow, .arco-trigger[trigger-placement="br"] .arco-trigger-arrow { top: -4px; margin-left: -4px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-top-left-radius: 2px; }

.arco-trigger[trigger-placement="left"] .arco-trigger-arrow, .arco-trigger[trigger-placement="lt"] .arco-trigger-arrow, .arco-trigger[trigger-placement="lb"] .arco-trigger-arrow { right: -4px; margin-top: -4px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-top-right-radius: 2px; }

.arco-trigger[trigger-placement="right"] .arco-trigger-arrow, .arco-trigger[trigger-placement="rt"] .arco-trigger-arrow, .arco-trigger[trigger-placement="rb"] .arco-trigger-arrow { left: -4px; margin-top: -4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom-left-radius: 2px; }

.arco-typography { color: var(--color-text-1); line-height: 1.5715; word-break: break-all; white-space: normal; }

h1.arco-typography, h2.arco-typography, h3.arco-typography, h4.arco-typography, h5.arco-typography, h6.arco-typography { font-weight: 500; margin-top: 1em; margin-bottom: 0.5em; }

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-top: 0px; margin-bottom: 1em; }

.arco-typography-simple-ellipsis { display: flex; align-items: flex-end; 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 { font-size: 85%; color: var(--color-text-2); border: 1px solid var(--color-neutral-3); background-color: var(--color-neutral-2); padding: 2px 8px; margin: 0px 2px; border-radius: 2px; }

.arco-typography blockquote { margin: 0px 0px 1em; border-left: 2px solid var(--color-neutral-6); background-color: var(--color-bg-2); padding-left: 8px; }

.arco-typography ol, .arco-typography ul { padding: 0px; margin: 0px; }

.arco-typography ul li, .arco-typography ol li { margin-left: 20px; }

.arco-typography ul { list-style: circle; }

.arco-typography-spacing-close { line-height: 1.3; }

.arco-typography-operation-copy, .arco-typography-operation-copied { padding: 2px; margin-left: 2px; }

.arco-typography-operation-copy { cursor: pointer; color: var(--color-text-2); background-color: transparent; border-radius: 2px; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-typography-operation-copy:hover { color: var(--color-text-2); background-color: var(--color-fill-2); }

.arco-typography-operation-copy:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-typography-operation-copied { color: rgb(var(--success-6)); }

.arco-typography-operation-edit { padding: 2px; margin-left: 2px; cursor: pointer; color: var(--color-text-2); background-color: transparent; border-radius: 2px; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-typography-operation-edit:hover { color: var(--color-text-2); background-color: var(--color-fill-2); }

.arco-typography-operation-edit:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-typography-operation-expand { color: rgb(var(--primary-6)); margin: 0px 4px; cursor: pointer; }

.arco-typography-operation-expand:hover { color: rgb(var(--primary-5)); }

.arco-typography-operation-expand:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); border-radius: var(--border-radius-small); }

.arco-typography-edit-content { position: relative; left: -13px; margin-right: -13px; margin-top: -13px; margin-bottom: calc(1em - 13px); }

.arco-typography-rtl { direction: rtl; }

.arco-typography-rtl blockquote { border-right: 2px solid var(--color-neutral-6); padding-right: 8px; padding-left: 0px; }

.arco-typography-rtl ul li, .arco-typography-rtl ol li { margin-left: 0px; margin-right: 20px; }

.arco-typography-rtl .arco-typography-operation-copy, .arco-typography-rtl .arco-typography-operation-copied, .arco-typography-rtl .arco-typography-operation-edit { margin-right: 2px; margin-left: 0px; }

.arco-typography-rtl .arco-typography-edit-content { left: initial; right: -13px; margin-left: -13px; margin-right: 0px; }

.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 { cursor: not-allowed; border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); color: rgba(0, 0, 0, 0.25); }

.arco-upload-disabled .arco-upload-trigger-drag, .arco-upload-disabled .arco-upload-trigger-drag:hover { cursor: not-allowed; border-color: rgba(0, 0, 0, 0.14); background-color: rgb(240, 240, 240); }

.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text, .arco-upload-disabled .arco-upload-trigger-tip { color: rgba(0, 0, 0, 0.25); }

.arco-upload-trigger { cursor: pointer; display: inline-block; vertical-align: top; width: 100%; }

.arco-upload-trigger-tip { color: var(--color-text-3); margin-top: 4px; font-size: 12px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.arco-upload-trigger-picture { min-width: 80px; height: 80px; color: rgb(var(--primary-6)); text-align: center; margin-bottom: 0px; background: rgb(255, 255, 255); border-radius: 8px; border: 1px dashed rgba(0, 0, 0, 0.14); transition: 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-upload-trigger-picture:hover { border-color: rgb(var(--primary-5)); background-color: rgb(255, 255, 255); color: rgb(var(--primary-5)); }

.arco-upload-trigger-picture:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-upload-trigger-picture-text { position: relative; top: 50%; transform: translateY(-50%); }

.arco-upload-trigger-drag { width: 100%; border-radius: 8px; border: 1px dashed rgba(0, 0, 0, 0.14); background-color: rgb(245, 245, 245); text-align: center; transition: 0.2s; color: rgba(0, 0, 0, 0.92); padding: 50px 0px; }

.arco-upload-trigger-drag .arco-icon-plus { font-size: 14px; margin-bottom: 24px; color: rgba(0, 0, 0, 0.55); }

.arco-upload-trigger-drag:hover { border-color: rgb(var(--primary-5)); background-color: rgb(245, 245, 245); }

.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text { color: var(--color-text-1); }

.arco-upload-trigger-drag:hover .arco-icon-plus { color: rgba(0, 0, 0, 0.55); }

.arco-upload-trigger-drag:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-upload-trigger-drag-active { border-color: rgb(var(--primary-6)); color: var(--color-text-1); background-color: rgb(245, 245, 245); }

.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: 0px; }

.arco-upload-trigger-drag-text { color: rgba(0, 0, 0, 0.92); line-height: 1.5; font-size: 14px; }

.arco-upload-hide + .arco-upload-list .arco-upload-list-item:first-of-type { margin-top: 0px; }

.arco-upload-list { width: 100%; }

.arco-upload-list-type-text .arco-upload-list-item:first-of-type, .arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type { margin-top: 16px; }

.arco-upload-list-file-icon { line-height: 16px; font-size: 16px; color: rgb(var(--primary-6)); margin-right: 12px; }

.arco-upload-list-preview-icon { cursor: pointer; }

.arco-upload-list-error-icon { cursor: pointer; color: rgb(var(--danger-6)); font-size: 14px; margin-left: 4px; }

.arco-upload-list-success-icon { cursor: pointer; color: rgb(var(--success-6)); font-size: 14px; line-height: 14px; }

.arco-upload-list-remove-icon { position: relative; cursor: pointer; font-size: 14px; }

.arco-upload-list-start-icon, .arco-upload-list-cancel-icon { position: absolute; color: var(--color-white); transform: translate(-50%) translateY(-50%); top: 50%; left: 50%; font-size: 12px; }

.arco-upload-list-start-icon:focus-visible, .arco-upload-list-cancel-icon:focus-visible { color: rgb(var(--primary-6)); }

.arco-upload-list-reupload-icon { cursor: pointer; color: rgb(var(--primary-6)); font-size: 14px; transition: 0.2s; }

.arco-upload-list-reupload-icon:active, .arco-upload-list-reupload-icon:hover { color: rgb(var(--primary-7)); }

.arco-upload-list-reupload-icon:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }

.arco-upload-list-status { position: relative; cursor: pointer; line-height: 12px; }

.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; padding-right: 28px; margin-top: 8px; position: relative; }

.arco-upload-list-item-operation { font-size: 16px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: rgba(0, 0, 0, 0.55); }

.arco-upload-list-item-operation .arco-upload-list-remove-icon-hover:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }

.arco-upload-list-item-operation .arco-upload-list-remove-icon { font-size: inherit; }

.arco-upload-list-item-text { font-size: 14px; display: flex; align-items: center; border-radius: 4px; width: 100%; box-sizing: border-box; background-color: rgb(255, 255, 255); padding: 7px 12px; flex-wrap: nowrap; }

.arco-upload-list-item-text-content { flex: 1 1 0%; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-content: space-between; flex-wrap: nowrap; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-upload-list-item-text-thumbnail { height: 40px; width: 40px; margin-right: 12px; flex-shrink: 0; }

.arco-upload-list-item-text-thumbnail img { width: 100%; height: 100%; }

.arco-upload-list-item-text-name { white-space: nowrap; display: flex; overflow: hidden; flex-shrink: 1; flex-grow: 1; align-items: center; color: rgba(0, 0, 0, 0.92); font-size: 14px; text-overflow: ellipsis; line-height: 1.4286; margin-right: 10px; }

.arco-upload-list-item-text-name-link { cursor: pointer; text-decoration: none; overflow: hidden; color: rgb(var(--link-6)); text-overflow: ellipsis; }

.arco-upload-list-item-text-name-text { overflow: hidden; text-overflow: ellipsis; }

.arco-upload-list-item-error .arco-upload-list-status, .arco-upload-list-item-done .arco-upload-list-status { display: none; }

.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link, .arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name { 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 { top: 50%; transform: translateY(-50%); margin-left: 0px; }

.arco-upload-list-type-picture-card .arco-upload-list-item { display: inline-block; vertical-align: top; margin-top: 0px; padding-right: 0px; margin-right: 8px; margin-bottom: 8px; overflow: hidden; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask { opacity: 1; }

.arco-upload-list-item-picture { width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 8px; box-sizing: border-box; text-align: center; vertical-align: top; background-color: var(--color-fill-2); }

.arco-upload-list-item-picture img { width: 100%; height: 100%; }

.arco-upload-list-item-picture-mask { cursor: pointer; position: absolute; text-align: center; inset: 0px; background: rgba(0, 0, 0, 0.5); color: var(--color-white); font-size: 16px; line-height: 80px; opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }

.arco-upload-list-item-picture-operation { 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-reupload-icon + .arco-upload-list-remove-icon, .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon { margin-left: 20px; }

.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon:focus-visible, .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon:focus-visible, .arco-upload-list-item-picture-operation .arco-upload-list-remove-icon:focus-visible { border-radius: 2px; box-shadow: 0 0 0 2px var(--color-primary-light-3); }

.arco-upload-list-item-picture-error-tip .arco-upload-list-item-picture-operation { opacity: 0; width: 0px; height: 0px; }

.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon { font-size: 26px; color: var(--color-white); }

.arco-upload-list-item-picture-mask:hover, .arco-upload-list-item-picture-mask:focus-within, .arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation, .arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-operation { opacity: 1; display: block; }

.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip, .arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-error-tip { display: none; }

.arco-upload-list-type-picture-list .arco-upload-list-item-text { padding-top: 8px; padding-bottom: 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-link, .arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name { color: rgb(var(--danger-6)); }

.arco-upload-slide-up-enter { opacity: 0; }

.arco-upload-slide-up-enter-active { opacity: 1; transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }

.arco-upload-slide-up-exit { opacity: 1; }

.arco-upload-slide-up-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.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 0.2s cubic-bezier(0, 0, 1, 1); }

.arco-upload-list-item.arco-upload-slide-inline-exit { opacity: 1; }

.arco-upload-list-item.arco-upload-slide-inline-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s; }

.arco-upload-rtl, .arco-upload-list-rtl { direction: rtl; }

.arco-upload-list-rtl .arco-upload-list-file-icon { margin-right: 0px; margin-left: 12px; }

.arco-upload-list-rtl .arco-upload-list-error-icon { margin-left: 0px; margin-right: 4px; }

.arco-upload-list-rtl .arco-upload-list-item { padding-right: 0px; padding-left: 28px; }

.arco-upload-list-rtl .arco-upload-list-item-operation { right: initial; left: 0px; }

.arco-upload-list-rtl .arco-upload-list-item-text { padding-right: 12px; padding-left: 12px; }

.arco-upload-list-rtl .arco-upload-list-item-text-thumbnail { margin-right: 0px; margin-left: 12px; }

.arco-upload-list-rtl .arco-upload-list-item-text-name { margin-right: 0px; margin-left: 10px; }

.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon, .arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon { margin-left: 0px; margin-right: 20px; }

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-status { margin-left: initial; margin-right: 0px; }

.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-item { margin-right: 0px; padding-left: 0px; margin-left: 8px; }

body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); --color-bg-popup: var(--color-bg-5); --color-bg-1: #fff; --color-bg-2: #fff; --color-bg-3: #ffffff; --color-bg-4: #ffffff; --color-bg-5: #ffffff; --color-bg-white: #ffffff; --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: rgba(0,0,0,.92); --color-text-2: rgba(0,0,0,.65); --color-text-3: rgba(0,0,0,.55); --color-text-4: rgba(0,0,0,.35); --color-fill-1: #fff; --color-fill-2: #fff; --color-fill-3: #fff; --color-fill-4: #fff; --color-border-1: rgba(0,0,0,.14); --color-border-2: rgba(0,0,0,.1); --color-border-3: #fff; --color-border-4: #fff; --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: rgb(var(--warning-1)); --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: rgba(255,255,255,.6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #ffffff; --color-menu-dark-hover: rgba(255,255,255,.04); --color-mask-bg: rgba(29,33,41,.6); }

body[arco-theme="dark"] { --color-black: #000000; --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: rgba(255,255,255,.9); --color-text-2: rgba(255,255,255,.7); --color-text-3: rgba(255,255,255,.5); --color-text-4: rgba(255,255,255,.3); --color-fill-1: rgba(255,255,255,.04); --color-fill-2: rgba(255,255,255,.08); --color-fill-3: rgba(255,255,255,.12); --color-fill-4: rgba(255,255,255,.16); --color-border-1: #2e2e30; --color-border-2: #484849; --color-border-3: #5f5f60; --color-border-4: #929293; --color-primary-light-1: rgba(var(--primary-6), .2); --color-primary-light-2: rgba(var(--primary-6), .35); --color-primary-light-3: rgba(var(--primary-6), .5); --color-primary-light-4: rgba(var(--primary-6), .65); --color-secondary: rgba(var(--gray-9), .08); --color-secondary-hover: rgba(var(--gray-8), .16); --color-secondary-active: rgba(var(--gray-7), .24); --color-secondary-disabled: rgba(var(--gray-9), .08); --color-danger-light-1: rgba(var(--danger-6), .2); --color-danger-light-2: rgba(var(--danger-6), .35); --color-danger-light-3: rgba(var(--danger-6), .5); --color-danger-light-4: rgba(var(--danger-6), .65); --color-success-light-1: rgb(var(--success-6), .2); --color-success-light-2: rgb(var(--success-6), .35); --color-success-light-3: rgb(var(--success-6), .5); --color-success-light-4: rgb(var(--success-6), .65); --color-warning-light-1: rgb(var(--warning-6), .2); --color-warning-light-2: rgb(var(--warning-6), .35); --color-warning-light-3: rgb(var(--warning-6), .5); --color-warning-light-4: rgb(var(--warning-6), .65); --color-link-light-1: rgba(var(--link-6), .2); --color-link-light-2: rgba(var(--link-6), .35); --color-link-light-3: rgba(var(--link-6), .5); --color-link-light-4: rgba(var(--link-6), .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 { --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; --primary-1: 219,241,246; --primary-2: 2,110,107; --primary-3: 177,224,221; --primary-4: 136,207,205; --primary-5: 2,131,128; --primary-6: 0,153,149; --primary-7: 2,110,107; --primary-8: 16,162,153; --primary-9: 9,10,115; --primary-10: 0,4,77; --link-1: 232,243,255; --link-2: 189,220,222; --link-3: 187,227,226; --link-4: 2,110,107; --link-5: 2,131,128; --link-6: 0,153,149; --link-7: 2,110,107; --link-8: 7,44,166; --link-9: 3,26,121; --link-10: 0,13,77; --success-1: 175,227,186; --success-2: 134,211,157; --success-3: 226,242,219; --success-4: 6,106,41; --success-5: 4,131,50; --success-6: 0,158,61; --success-7: 6,106,41; --success-8: 55,143,20; --success-9: 33,110,8; --success-10: 17,77,0; --danger-1: 251,200,203; --danger-2: 247,170,175; --danger-3: 255,243,237; --danger-4: 157,42,50; --danger-5: 193,52,63; --danger-6: 225,70,83; --danger-7: 157,42,50; --danger-8: 166,24,31; --danger-9: 121,9,18; --danger-10: 77,0,9; --warning-1: 244,220,164; --warning-2: 239,205,128; --warning-3: 255,243,227; --warning-4: 147,104,8; --warning-5: 182,129,10; --warning-6: 225,159,11; --warning-7: 147,104,8; --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --color-text-5: rgba(0,0,0,.25); --color-fill-black: #000000; --color-fill-mask: rgba(0,0,0,.4); --color-fill-secondary-normal: rgba(0,0,0,.05); --color-fill-secondary-disabled: rgba(0,0,0,.03); --color-fill-secondary-hover: rgba(0,0,0,.08); --color-fill-secondary-pressed: rgba(0,0,0,.12); --color-fill-secondary-active: rgba(0,0,0,.1); --color-border-state-hover: rgba(0,0,0,.08); --color-border-state-normal: rgba(0,0,0,.05); --color-border-state-pressed: rgba(0,0,0,.121); --color-border-state-active: rgba(0,0,0,.101); --color-border-state-disabled: rgba(0,0,0,.031); --color-border-state-selected-hover: rgba(0,0,0,.08); --color-border-state-selected-pressed: rgba(0,0,0,.18); --color-bg-bg1: #f0f0f0; --color-bg-bg2: #f5f5f5; --color-bg-bg3: #f8f8f8; --color-bg-bg4: #ffffff; --color-bg-brand-selected: rgba(0,153,149,.15); --color-bg-function-error: rgba(234,61,76,.1); --color-bg-function-warning: rgba(225,159,11,.15); --color-bg-function-success: rgba(0,158,61,.15); --color-bg-auxiliary-cobalt: rgba(51,127,248,.15); --color-bg-auxiliary-yellow: rgba(225,159,11,.15); --color-bg-auxiliary-neutral: rgba(89,89,89,.15); --auxiliary-red-1: var(--arcoblue-1); --auxiliary-red-2: var(--arcoblue-2); --auxiliary-red-3: 255,241,240; --auxiliary-red-4: 255,241,240; --auxiliary-red-5: 245,34,34; --auxiliary-red-6: 245,34,34; --auxiliary-red-7: 255,117,112; --auxiliary-red-8: 246,117,130; --auxiliary-red-9: 253,221,224; --auxiliary-red-10: var(--arcoblue-10); --auxiliary-orange-1: var(--arcoblue-1); --auxiliary-orange-2: var(--arcoblue-2); --auxiliary-orange-3: var(--arcoblue-3); --auxiliary-orange-4: 255,244,229; --auxiliary-orange-5: 250,132,22; --auxiliary-orange-6: 250,132,22; --auxiliary-orange-7: 255,180,99; --auxiliary-orange-8: 252,181,115; --auxiliary-orange-9: 254,237,220; --auxiliary-orange-10: var(--arcoblue-10); --auxiliary-green-1: var(--arcoblue-1); --auxiliary-green-2: var(--arcoblue-2); --auxiliary-green-3: var(--arcoblue-3); --auxiliary-green-4: 237,255,224; --auxiliary-green-5: 82,196,26; --auxiliary-green-6: 82,196,26; --auxiliary-green-7: 142,222,95; --auxiliary-green-8: 140,202,112; --auxiliary-green-9: 226,242,219; --auxiliary-green-10: var(--arcoblue-10); --auxiliary-cobalt-1: var(--arcoblue-1); --auxiliary-cobalt-2: var(--arcoblue-2); --auxiliary-cobalt-3: var(--arcoblue-3); --auxiliary-cobalt-4: 235,246,255; --auxiliary-cobalt-5: 54,154,254; --auxiliary-cobalt-6: 51,127,248; --auxiliary-cobalt-7: 157,198,252; --auxiliary-cobalt-8: var(--arcoblue-8); --auxiliary-cobalt-9: var(--arcoblue-9); --auxiliary-cobalt-10: var(--arcoblue-10); --auxiliary-yellow-1: var(--arcoblue-1); --auxiliary-yellow-2: var(--arcoblue-2); --auxiliary-yellow-3: var(--arcoblue-3); --auxiliary-yellow-4: 255,243,218; --auxiliary-yellow-5: 225,159,11; --auxiliary-yellow-6: 225,159,11; --auxiliary-yellow-7: 239,205,128; --auxiliary-yellow-8: var(--arcoblue-8); --auxiliary-yellow-9: var(--arcoblue-9); --auxiliary-yellow-10: var(--arcoblue-10); --color-mask-neutral: rgba(0,0,0,.4); --color-auxiliary-neutral-normal: #595959; --color-auxiliary-neutral-line: #9b9b9b; --color-auxiliary-neutral-bg: rgba(89,89,89,.15); --color-brand-green: #25f4ee; --color-brand-red: #fe2c55; --color-brand-white: #ffffff; --color-brand-black: #000000; }

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: 0,4,77; --primary-2: 6,7,115; --primary-3: 25,23,153; --primary-4: 56,48,191; --primary-5: 93,80,229; --primary-6: 121,106,234; --primary-7: 153,137,239; --primary-8: 183,169,245; --primary-9: 213,203,250; --primary-10: 242,237,255; --link-1: 0,13,77; --link-2: 189,220,222; --link-3: 189,220,223; --link-4: 55,212,207; --link-5: 94,223,214; --link-6: 55,212,207; --link-7: 7,130,139; --link-8: 147,190,255; --link-9: 190,218,255; --link-10: 234,244,255; --success-1: 17,77,0; --success-2: 34,110,9; --success-3: 59,143,26; --success-4: 90,176,50; --success-5: 125,209,80; --success-6: 149,218,105; --success-7: 174,227,134; --success-8: 198,237,166; --success-9: 222,246,200; --success-10: 246,255,235; --danger-1: 77,0,9; --danger-2: 121,10,19; --danger-3: 166,28,35; --danger-4: 210,55,57; --danger-5: 255,92,89; --danger-6: 255,119,112; --danger-7: 255,152,143; --danger-8: 255,183,173; --danger-9: 255,212,204; --danger-10: 255,238,235; --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); --color-text-5: #b3bacc; --color-fill-black: #000000; --color-fill-mask: rgba(0,0,0,.4); --color-fill-secondary-normal: rgba(16,162,197,.149); --color-fill-secondary-disabled: #e5e5e5; --color-fill-secondary-hover: rgba(23,127,151,.2); --color-fill-secondary-pressed: rgba(26,92,108,.301); --color-fill-secondary-active: rgba(18,104,124,.25); --color-border-state-hover: rgba(0,0,0,.031); --color-border-state-normal: rgba(0,0,0,.031); --color-border-state-pressed: rgba(0,0,0,.121); --color-border-state-active: rgba(0,0,0,.101); --color-border-state-disabled: rgba(0,0,0,.031); --color-border-state-selected-hover: rgba(0,0,0,.149); --color-border-state-selected-pressed: rgba(0,0,0,.18); --color-bg-bg1: #f2f4fa; --color-bg-bg2: #f6f6fb; --color-bg-bg3: rgba(241,243,243,.501); --color-bg-bg4: #ffffff; --color-bg-brand-selected: rgba(0,153,149,.1); --color-bg-function-error: rgba(234,61,76,.1); --color-bg-function-warning: rgba(255,177,2,.1); --color-bg-function-success: rgba(87,172,2,.1); --color-bg-auxiliary-cobalt: rgba(59,135,246,.1); --color-bg-auxiliary-yellow: rgba(255,177,2,.1); --color-bg-auxiliary-neutral: rgba(89,89,89,.1); --auxiliary-red-1: var(--arcoblue-1); --auxiliary-red-2: var(--arcoblue-2); --auxiliary-red-3: var(--arcoblue-3); --auxiliary-red-4: var(--arcoblue-4); --auxiliary-red-5: var(--arcoblue-5); --auxiliary-red-6: var(--arcoblue-6); --auxiliary-red-7: var(--arcoblue-7); --auxiliary-red-8: var(--arcoblue-8); --auxiliary-red-9: var(--arcoblue-9); --auxiliary-red-10: var(--arcoblue-10); --auxiliary-orange-1: var(--arcoblue-1); --auxiliary-orange-2: var(--arcoblue-2); --auxiliary-orange-3: var(--arcoblue-3); --auxiliary-orange-4: var(--arcoblue-4); --auxiliary-orange-5: var(--arcoblue-5); --auxiliary-orange-6: var(--arcoblue-6); --auxiliary-orange-7: var(--arcoblue-7); --auxiliary-orange-8: var(--arcoblue-8); --auxiliary-orange-9: var(--arcoblue-9); --auxiliary-orange-10: var(--arcoblue-10); --auxiliary-green-1: var(--arcoblue-1); --auxiliary-green-2: var(--arcoblue-2); --auxiliary-green-3: var(--arcoblue-3); --auxiliary-green-4: var(--arcoblue-4); --auxiliary-green-5: var(--arcoblue-5); --auxiliary-green-6: var(--arcoblue-6); --auxiliary-green-7: var(--arcoblue-7); --auxiliary-green-8: var(--arcoblue-8); --auxiliary-green-9: var(--arcoblue-9); --auxiliary-green-10: var(--arcoblue-10); --auxiliary-cobalt-1: var(--arcoblue-1); --auxiliary-cobalt-2: var(--arcoblue-2); --auxiliary-cobalt-3: var(--arcoblue-3); --auxiliary-cobalt-4: var(--arcoblue-4); --auxiliary-cobalt-5: var(--arcoblue-5); --auxiliary-cobalt-6: var(--arcoblue-6); --auxiliary-cobalt-7: var(--arcoblue-7); --auxiliary-cobalt-8: var(--arcoblue-8); --auxiliary-cobalt-9: var(--arcoblue-9); --auxiliary-cobalt-10: var(--arcoblue-10); --auxiliary-yellow-1: var(--arcoblue-1); --auxiliary-yellow-2: var(--arcoblue-2); --auxiliary-yellow-3: var(--arcoblue-3); --auxiliary-yellow-4: var(--arcoblue-4); --auxiliary-yellow-5: var(--arcoblue-5); --auxiliary-yellow-6: var(--arcoblue-6); --auxiliary-yellow-7: var(--arcoblue-7); --auxiliary-yellow-8: var(--arcoblue-8); --auxiliary-yellow-9: var(--arcoblue-9); --auxiliary-yellow-10: var(--arcoblue-10); --color-mask-neutral: rgba(0,0,0,.004); --color-auxiliary-neutral-normal: #595959; --color-auxiliary-neutral-line: #9b9b9b; --color-auxiliary-neutral-bg: rgba(89,89,89,.1); --color-brand-green: #25f4ee; --color-brand-red: #fe2c55; --color-brand-white: #ffffff; --color-brand-black: #000000; }

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

svg.arco-icon:not([stroke]) { stroke: none; }

.arco-alert-with-title .arco-alert-close-btn { margin-top: 4px; line-height: 0; }

.arco-autocomplete-popup .arco-select-popup { padding: 4px; }

.arco-autocomplete-popup .arco-select-option-hover { border-radius: 4px; }

.arco-breadcrumb { line-height: 0; }

.arco-breadcrumb-item:last-child { color: rgba(0, 0, 0, 0.65); font-weight: 500; }

.arco-btn { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; outline-color: rgba(0, 0, 0, 0.65); }

.arco-btn-size-small { padding: 3px 8px; }

.arco-btn-size-small.arco-btn-icon-only { padding: 4px; }

.arco-btn-size-default { padding: 8px 16px; }

.arco-btn-size-default.arco-btn-icon-only { padding: 10px; }

.arco-btn-size-large { padding: 12px 24px; }

.arco-btn-size-large.arco-btn-icon-only { padding: 14px; }

.arco-btn:focus { outline: none; }

.arco-btn:not(.arco-btn-disabled):not(.arco-btn-loading):focus-visible { outline-width: 3px; outline-style: solid; outline-offset: 3px; box-shadow: none; border-color: transparent; }

.arco-btn-primary:focus-visible { outline-color: rgb(0, 153, 149); }

.arco-btn-primary-text:focus-visible { outline-color: rgb(0, 153, 149); }

.arco-btn-status-warning:focus-visible { outline-color: rgb(225, 159, 11); }

.arco-btn-status-danger:focus-visible { outline-color: rgb(225, 70, 83); }

.arco-btn-status-success:focus-visible { outline-color: rgb(0, 158, 61); }

.arco-btn > svg { font-size: 16px; }

.arco-btn.arco-btn-loading::before { content: none; }

.arco-btn-loading > .arco-icon-loading { position: absolute; }

.arco-btn-loading > .arco-icon-loading + span { margin-left: 0px; }

.arco-btn-loading > :not(.arco-icon-loading) { opacity: 0; }

.arco-btn-primary-text:not(.arco-btn-disabled), .arco-btn-primary-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover, .arco-btn-primary-text:not(.arco-btn-disabled):not(.arco-btn-loading):active { color: rgb(var(--primary-6)); }

.arco-btn.arco-btn-primary-text.arco-btn-disabled { color: rgb(var(--primary-3)); }

.arco-cascader-size-default.arco-cascader-single .arco-cascader-view { padding: 0px 12px; }

.arco-cascader-popup { box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }

.arco-cascader-list { padding-left: 4px; padding-right: 4px; }

.arco-cascader-list-item-active, .arco-cascader-list-item-active:hover { font-weight: 400; }

.arco-cascader-list-item:not(.arco-cascader-list-item-disabled):not(.arco-cascader-list-item-active):hover, .arco-cascader-list-search-item:not(.arco-cascader-list-search-item-disabled):not(.arco-cascader-list-search-item-active):hover { border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); }

.arco-cascader-list-item:not(.arco-cascader-list-item-disabled):not(.arco-cascader-list-item-active):active, .arco-cascader-list-search-item:not(.arco-cascader-list-search-item-disabled):not(.arco-cascader-list-search-item-active):active { border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); color: rgb(var(--primary-6)); }

.arco-cascader-list-item, .arco-cascader-list-search-item { border-radius: 4px; min-height: 36px; line-height: 20px; height: auto; align-items: center; }

.arco-cascader-list-item-label { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; white-space: normal; }

.arco-cascader-popup .arco-cascader-list:not(.arco-cascader-list-search) { width: 185px; }

.arco-checkbox .arco-checkbox-mask { border-color: rgba(0, 0, 0, 0.25); }

.arco-checkbox:hover .arco-checkbox-mask { border-color: rgba(0, 0, 0, 0.55); }

.arco-checkbox:active .arco-checkbox-mask { border-color: rgba(0, 0, 0, 0.92); }

.arco-checkbox-disabled .arco-checkbox-mask { background-color: rgb(240, 240, 240); border-color: rgba(0, 0, 0, 0.25); }

.arco-checkbox-checked .arco-checkbox-mask { border-color: transparent; }

.arco-checkbox-checked:hover .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-5)); }

.arco-checkbox-checked:active .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-2)); }

.arco-checkbox-indeterminate:hover .arco-checkbox-mask { border-color: transparent; }

.arco-checkbox-indeterminate:active .arco-checkbox-mask { border-color: rgb(var(--primary-2)); }

.arco-picker.arco-picker-error:not(.arco-picker-disabled) { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-picker.arco-picker-error:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-picker.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled), .arco-picker.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: rgb(255, 255, 255); }

.arco-picker-size-default { padding: 8px 12px; }

.arco-picker-size-large { padding: 12px; }

.arco-picker input { height: 20px; padding-left: 0px; }

.arco-picker .arco-picker-cell-hover-in-range .arco-picker-date, .arco-picker .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-arco-date-value, .arco-picker .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background: transparent; color: rgba(0, 0, 0, 0.92); }

.arco-picker-container, .arco-picker-range-container { box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }

.arco-picker-container .arco-picker-header, .arco-picker-range-container .arco-picker-header { padding: 12px 16px; }

.arco-picker-container .arco-picker-week-list, .arco-picker-range-container .arco-picker-week-list { padding: 8px; }

.arco-picker-container .arco-picker-week-list-item, .arco-picker-range-container .arco-picker-week-list-item { width: 36px; height: 20px; line-height: 20px; color: rgba(0, 0, 0, 0.35); font-weight: 500; font-size: 14px; }

.arco-picker-container .arco-picker-body, .arco-picker-range-container .arco-picker-body { box-sizing: border-box; padding: 0px 8px 16px; }

.arco-picker-cell .arco-picker-date-value { color: rgba(0, 0, 0, 0.25); }

.arco-picker-cell-in-view .arco-picker-date-value { color: rgba(0, 0, 0, 0.92); }

.arco-picker-cell-disabled .arco-picker-date-value { color: rgba(0, 0, 0, 0.25); }

.arco-picker-cell-selected .arco-picker-date-value { color: rgb(255, 255, 255); }

.arco-picker-cell .arco-picker-date, .arco-picker-cell-in-view .arco-picker-date, .arco-picker-cell-range-start .arco-picker-date, .arco-picker-cell-range-end .arco-picker-date, .arco-picker-cell-in-range .arco-picker-date, .arco-picker-cell .arco-picker-date-value, .arco-picker-cell-in-view .arco-picker-date-value, .arco-picker-cell-range-start .arco-picker-date-value, .arco-picker-cell-range-end .arco-picker-date-value, .arco-picker-cell-in-range .arco-picker-date-value { width: 36px; }

.arco-picker-cell-selected .arco-picker-date { width: 34px; }

.arco-picker-cell-selected .arco-picker-date-value { width: 34px; min-width: 34px; font-weight: 500; }

.arco-picker-cell-today::after { bottom: 4px; }

.arco-picker-cell-selected.arco-picker-cell-today::after { background-color: rgb(255, 255, 255); }

.arco-picker-cell-selected.arco-picker-cell-in-view.arco-picker-cell-today .arco-picker-date-value { color: rgb(255, 255, 255); }

.arco-picker-cell-today.arco-picker-cell-in-view .arco-picker-date-value { font-weight: 500; color: rgb(var(--primary-6)); }

.arco-picker-cell-in-view.arco-picker-cell-disabled.arco-picker-cell-today .arco-picker-date-value { font-weight: 500; color: rgba(0, 0, 0, 0.25); }

.arco-picker-cell-in-view.arco-picker-cell-disabled.arco-picker-cell-today::after { background-color: rgba(0, 0, 0, 0.25); }

.arco-picker-suffix { font-size: 16px; width: 16px; height: 16px; position: relative; margin-left: 7px; line-height: 0; }

.arco-picker-suffix-icon { position: absolute; top: 0px; right: 0px; }

.arco-picker-clear-icon { margin: 8px 6px 0px 7px; }

.arco-picker-clear-icon svg { display: none; }

.arco-picker-clear-icon::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE0QzExLjMxMzcgMTQgMTQgMTEuMzEzNyAxNCA4QzE0IDQuNjg2MjkgMTEuMzEzNyAyIDggMkM0LjY4NjI5IDIgMiA0LjY4NjI5IDIgOEMyIDExLjMxMzcgNC42ODYyOSAxNCA4IDE0Wk01LjAwMTk4IDEwLjE0OTdMNy4xNTE3NyA3Ljk5OTk0TDUuMDAyMDEgNS44NTAxOEw1Ljg1MDMzIDUuMDAxODVMOC4wMDAxIDcuMTUxNjJMMTAuMTQ5OSA1LjAwMTg1TDEwLjk5ODIgNS44NTAxOEw4Ljg0ODQyIDcuOTk5OTRMMTAuOTk4MiAxMC4xNDk3TDEwLjE0OTkgMTAuOTk4MUw4LjAwMDEgOC44NDgyNkw1Ljg1MDMxIDEwLjk5ODFMNS4wMDE5OCAxMC4xNDk3WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4zNSIvPgo8L3N2Zz4K"); width: 16px; height: 16px; }

.arco-picker .arco-icon-hover:hover::before { background-color: transparent; }

.arco-picker-header-icon { font-size: 16px; }

.arco-picker-body { padding: 10px 8px; }

.arco-picker-week-list { padding: 10px 8px 0px; }

.arco-picker-cell .arco-picker-date { padding: 0px; }

.arco-picker-footer-btn-wrapper { padding: 3px 12px; }

.arco-panel-date-inner { width: 268px; }

.arco-panel-date .arco-picker-cell-hover-in-range .arco-picker-date, .arco-panel-date .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value, .arco-panel-date .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background: transparent; color: rgba(0, 0, 0, 0.92); }

.arco-panel-date .arco-picker-row { width: 238px; }

.arco-panel-date .arco-picker-row .arco-picker-cell-in-range .arco-picker-date { background: rgba(0, 153, 149, 0.15); }

.arco-panel-date .arco-picker-row .arco-picker-cell-selected.arco-picker-cell-range-start .arco-picker-date-value { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-panel-date .arco-picker-row .arco-picker-cell-selected.arco-picker-cell-range-end .arco-picker-date-value { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-panel-date .arco-picker-row .arco-picker-cell-selected.arco-picker-cell-range-start.arco-picker-cell-range-end .arco-picker-date-value { border-radius: 4px; }

.arco-panel-quarter .arco-picker-cell-hover-in-range .arco-picker-date, .arco-panel-quarter .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value, .arco-panel-quarter .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background-color: rgba(0, 153, 149, 0.15); }

.arco-panel-quarter .arco-picker-cell .arco-picker-date, .arco-panel-quarter .arco-picker-cell .arco-picker-date .arco-picker-date-value { width: 100%; }

.arco-panel-quarter .arco-picker-cell-selected.arco-picker-cell-range-start .arco-picker-date-value { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-panel-quarter .arco-picker-cell-selected.arco-picker-cell-range-end .arco-picker-date-value { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-panel-quarter .arco-picker-cell-selected.arco-picker-cell-range-start.arco-picker-cell-range-end .arco-picker-date-value { border-radius: 4px; }

.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date { padding-left: 0px; margin-left: 4px; }

.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date { padding-right: 0px; margin-right: 4px; }

.arco-panel-week .arco-picker-row { width: 238px; }

.arco-panel-week .arco-picker-row .arco-picker-cell-hover-in-range .arco-picker-date, .arco-panel-week .arco-picker-row .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value, .arco-panel-week .arco-picker-row .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background: transparent; color: rgba(0, 0, 0, 0.92); }

.arco-panel-week .arco-picker-row .arco-picker-cell-in-range .arco-picker-date { background: rgba(0, 153, 149, 0.15); }

.arco-panel-week .arco-picker-row .arco-picker-date { width: 34px; }

.arco-panel-week .arco-picker-row .arco-picker-cell-selected .arco-picker-date { background: transparent; }

.arco-panel-week .arco-picker-row-week:hover:has(.arco-picker-cell-disabled) .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: transparent; }

.arco-panel-month .arco-picker-cell-in-range .arco-picker-date { background: rgba(0, 153, 149, 0.15); }

.arco-panel-month .arco-picker-cell .arco-picker-date, .arco-panel-month .arco-picker-cell .arco-picker-date .arco-picker-date-value { width: 100%; }

.arco-panel-month .arco-picker-cell-selected.arco-picker-cell-range-start .arco-picker-date-value { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

.arco-panel-month .arco-picker-cell-selected.arco-picker-cell-range-end .arco-picker-date-value { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.arco-panel-month .arco-picker-cell-selected.arco-picker-cell-range-start.arco-picker-cell-range-end .arco-picker-date-value { border-radius: 4px; }

.arco-descriptions.arco-descriptions-layout-inline-vertical .arco-descriptions-item-label-inline { margin-bottom: 4px; }

.arco-descriptions.arco-descriptions-layout-inline-vertical .arco-descriptions-item-value-inline { padding-bottom: 16px; }

.arco-dropdown-menu { padding: 4px; }

.arco-dropdown-menu-icon-suffix { color: rgba(0, 0, 0, 0.55); font-weight: 400; }

.arco-dropdown-menu-item { padding: 0px 8px; border-radius: 4px; }

.arco-dropdown-menu-item:not(.arco-dropdown-menu-selected):not(.arco-dropdown-menu-disabled) { color: rgba(0, 0, 0, 0.92); font-weight: 500; }

.arco-dropdown-menu-item:not(.arco-dropdown-menu-selected):not(.arco-dropdown-menu-disabled):hover { border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); }

.arco-dropdown-menu-item:not(.arco-dropdown-menu-selected):not(.arco-dropdown-menu-disabled):active { border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); }

.arco-dropdown-menu-disabled { color: rgba(0, 0, 0, 0.25); font-weight: 500; }

.arco-dropdown-menu-item.arco-dropdown-menu-selected { color: rgba(0, 0, 0, 0.92); font-weight: 500; background-color: rgba(0, 0, 0, 0.12); }

.arco-dropdown-menu-item.arco-dropdown-menu-selected:hover { border-radius: 4px; color: rgba(0, 0, 0, 0.92); background-color: rgba(0, 0, 0, 0.08); }

.arco-dropdown-menu-item.arco-dropdown-menu-selected:active { background-color: rgba(0, 0, 0, 0.18); }

.arco-dropdown-menu-group-title { padding: 0px 8px; }

.arco-dropdown-menu-pop-header { color: rgba(0, 0, 0, 0.92); font-weight: 500; }

.arco-dropdown-menu-pop-header:hover { color: rgba(0, 0, 0, 0.92); font-weight: 500; border-radius: 4px; background-color: rgba(0, 0, 0, 0.08); }

.arco-dropdown-menu-pop-header:active { color: rgba(0, 0, 0, 0.92); font-weight: 500; border-radius: 4px; background-color: rgba(0, 0, 0, 0.12); }

.arco-dropdown-popup-visible.arco-btn.arco-btn-secondary:not(.arco-btn-disabled) { border-color: rgb(var(--primary-6)); }

.arco-form-message { margin-top: 4px; margin-bottom: 4px; }

.arco-form-message, .arco-form-extra { margin-left: 0px; line-height: 18px; }

.arco-form-label-item { font-weight: 500; }

.arco-input-group-addbefore { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }

.arco-input-group-addafter { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

:not(.arco-input-search-button):not(.arco-input-number) > .arco-input-group:not(.arco-input-group-compact) > .arco-input-inner-wrapper, .arco-input-group:not(.arco-input-group-compact) > .arco-input { border-radius: 4px; }

.arco-input-clear-icon { margin: 0px 8px 0px 12px; }

.arco-input-clear-icon svg { display: none; }

.arco-input-clear-icon::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE0QzExLjMxMzcgMTQgMTQgMTEuMzEzNyAxNCA4QzE0IDQuNjg2MjkgMTEuMzEzNyAyIDggMkM0LjY4NjI5IDIgMiA0LjY4NjI5IDIgOEMyIDExLjMxMzcgNC42ODYyOSAxNCA4IDE0Wk01LjAwMTk4IDEwLjE0OTdMNy4xNTE3NyA3Ljk5OTk0TDUuMDAyMDEgNS44NTAxOEw1Ljg1MDMzIDUuMDAxODVMOC4wMDAxIDcuMTUxNjJMMTAuMTQ5OSA1LjAwMTg1TDEwLjk5ODIgNS44NTAxOEw4Ljg0ODQyIDcuOTk5OTRMMTAuOTk4MiAxMC4xNDk3TDEwLjE0OTkgMTAuOTk4MUw4LjAwMDEgOC44NDgyNkw1Ljg1MDMxIDEwLjk5ODFMNS4wMDE5OCAxMC4xNDk3WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC4zNSIvPgo8L3N2Zz4K"); width: 16px; height: 16px; }

.arco-input-group.arco-input-group-compact > .arco-input:hover:not(:last-child) { border-color: rgb(var(--primary-5)); }

.arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-inner-wrapper .arco-input-group-suffix > svg, .arco-input-group-addbefore > svg, .arco-input-group-addafter > svg { font-size: 16px; }

.arco-input-search:not(.arco-input-search-button) .arco-input-group-suffix { height: 6px; border-left: 1px solid rgba(0, 0, 0, 0.14); padding-left: 8px; margin-left: 4px; }

.arco-input-search:not(.arco-input-search-button) .arco-input-clear-icon + .arco-input-group-suffix { margin-left: 8px; }

.arco-textarea { height: 54px; }

.arco-textarea-wrapper .arco-textarea { padding-bottom: 20px; }

.arco-input-number-illegal-value .arco-input-inner-wrapper { border-color: rgb(225, 70, 83); }

.arco-input-number-mode-button { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.14); }

.arco-input-number-mode-button .arco-input-number-step-button, .arco-input-number-mode-button .arco-input-number-step-button:active { background-color: transparent; }

.arco-input-number-mode-button .arco-input-group-addbefore, .arco-input-number-mode-button .arco-input-group-addafter { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-input-number-mode-button .arco-input-inner-wrapper { border-width: medium 1px; border-style: none solid; border-color: currentcolor rgba(0, 0, 0, 0.14); border-image: none; border-radius: 0px; }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled):hover { border-color: rgb(2, 131, 128); }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled):focus-within { border-color: rgb(0, 153, 149); }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled) { color: rgba(0, 0, 0, 0.55); }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover { background-color: transparent; color: rgb(2, 131, 128); }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):active { color: rgb(0, 153, 149); background-color: rgba(0, 0, 0, 0.12); }

.arco-input-number-mode-button:not(.arco-input-group-wrapper-disabled) .arco-input-number-step-button-disabled { background-color: rgb(240, 240, 240); }

.arco-input-number-mode-button.arco-input-group-wrapper-disabled { background-color: rgb(240, 240, 240); }

.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag { border-color: transparent; background-color: rgba(0, 0, 0, 0.14); }

.arco-link { font-weight: 400; display: inline-flex; align-items: center; }

.arco-link:not(.arco-link-disabled) > span { position: relative; }

.arco-link:not(.arco-link-disabled) > span:hover::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgb(var(--primary-6)); position: absolute; bottom: 4px; }

.arco-link:focus-visible { border-radius: 3px; outline: rgb(0, 153, 149) solid 3px; outline-offset: 3px; }

.arco-link:not(.arco-link-disabled):active { color: rgb(2, 110, 107); }

.arco-menu { font-weight: 500; }

.arco-menu .arco-icon { font-size: 16px; }

.arco-menu-inline-content { font-size: 12px; }

.arco-menu-inline-content .arco-menu-item:not(.arco-menu-selected) { font-weight: 400; color: rgba(0, 0, 0, 0.65); }

.arco-menu-item-tooltip svg { display: none; }

.arco-message-content { line-height: 20px; }

.arco-modal-header { padding: 32px 44px 16px 24px; height: unset; }

.arco-modal .arco-modal-close-icon { color: rgba(0, 0, 0, 0.55); }

.arco-modal-title { font-weight: 500; min-height: 28px; }

.arco-modal-title > span:first-child { display: flex; align-items: center; }

.arco-modal-title .arco-icon { flex-shrink: 0; }

.arco-modal-content { padding-top: 32px; }

.arco-modal-header + .arco-modal-content { padding-top: 0px; }

.arco-popconfirm .arco-popconfirm-btn .arco-btn { font-size: 14px; height: 36px; padding: 0px 15px; }

.arco-popover-content { padding-top: 32px; }

.arco-popover[trigger-placement="top"] .arco-popover-arrow, .arco-popover[trigger-placement="tl"] .arco-popover-arrow, .arco-popover[trigger-placement="tr"] .arco-popover-arrow { border-bottom-right-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-popover[trigger-placement="bottom"] .arco-popover-arrow, .arco-popover[trigger-placement="bl"] .arco-popover-arrow, .arco-popover[trigger-placement="br"] .arco-popover-arrow { border-top-left-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-popover[trigger-placement="left"] .arco-popover-arrow, .arco-popover[trigger-placement="lt"] .arco-popover-arrow, .arco-popover[trigger-placement="lb"] .arco-popover-arrow { margin-top: 0px; border-top-right-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-popover[trigger-placement="right"] .arco-popover-arrow, .arco-popover[trigger-placement="rt"] .arco-popover-arrow, .arco-popover[trigger-placement="rb"] .arco-popover-arrow { margin-top: 0px; border-bottom-left-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.arco-progress-line-outer, .arco-progress-line-inner { border-radius: 0%; }

.arco-progress-line-text { color: rgba(0, 0, 0, 0.55); font-weight: 600; font-size: 12px; }

.arco-radio-text { color: rgba(0, 0, 0, 0.92); }

.arco-radio .arco-radio-mask { border-color: rgba(0, 0, 0, 0.25); }

.arco-radio:hover .arco-radio-mask, .arco-radio:focus .arco-radio-mask { border-color: rgba(0, 0, 0, 0.55); }

.arco-radio:active .arco-radio-mask { border-color: rgba(0, 0, 0, 0.92); }

.arco-radio-disabled .arco-radio-mask, .arco-radio-disabled:hover .arco-radio-mask { border-color: rgba(0, 0, 0, 0.25); }

.arco-radio-mask::after { width: 14px; height: 14px; }

.arco-radio-checked .arco-radio-mask::after { transform: scale(0.5); }

.arco-radio-checked .arco-radio-mask { border-color: rgb(var(--primary-6)); }

.arco-radio-checked .arco-radio-mask::after { background-color: rgb(var(--primary-6)); }

.arco-radio-checked:hover .arco-radio-mask { border-color: rgb(var(--primary-5)); }

.arco-radio-checked:hover .arco-radio-mask::after { background-color: rgb(var(--primary-5)); }

.arco-radio-checked:active .arco-radio-mask { border-color: rgb(var(--primary-2)); }

.arco-radio-checked:active .arco-radio-mask::after { background-color: rgb(var(--primary-5)); }

.arco-radio-checked.arco-radio-disabled .arco-radio-mask, .arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask { border-color: rgb(var(--primary-3)); }

.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after, .arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask::after { background-color: rgb(var(--primary-3)); }

.arco-radio-button:hover::before, .arco-radio-button:hover + .arco-radio-button::before, .arco-radio-button.arco-radio-checked::before, .arco-radio-button.arco-radio-checked + .arco-radio-button::before { opacity: 1; }

.arco-radio-button.arco-radio-checked { font-weight: 600; }

.arco-select .arco-input-tag-size-large .arco-input-tag-inner .arco-tag { height: 36px; }

.arco-select .arco-input-tag-inner .arco-tag { font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.92); background-color: rgba(0, 0, 0, 0.05); height: 24px; }

.arco-select .arco-input-tag-inner .arco-tag .arco-tag-close-btn { font-size: 14px; }

.arco-select .arco-input-tag-inner .arco-tag .arco-icon-hover.arco-tag-icon-hover:hover::before { background: none; }

.arco-select.arco-select-disabled .arco-input-tag-inner .arco-tag { color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.03); }

.arco-select-size-default.arco-select-single .arco-select-view, .arco-select-size-large.arco-select-single .arco-select-view, .arco-select-size-small.arco-select-single .arco-select-view, .arco-select-size-mini.arco-select-single .arco-select-view, .arco-select-size-default.arco-select-multiple .arco-select-view { padding: 0px 12px; }

.arco-select-size-default.arco-select-multiple .arco-select-view .arco-input-tag-has-placeholder input, .arco-select-size-default.arco-select-multiple .arco-select-view .arco-input-tag-input-mirror { padding-left: 0px; }

.arco-select-size-large.arco-select-multiple .arco-select-view { padding: 0px 12px; }

.arco-select-size-large.arco-select-multiple .arco-select-view .arco-input-tag-has-placeholder input, .arco-select-size-large.arco-select-multiple .arco-select-view .arco-input-tag-input-mirror { padding-left: 0px; }

.arco-select-size-small.arco-select-multiple .arco-select-view, .arco-select-size-mini.arco-select-multiple .arco-select-view { padding: 0px 12px; }

.arco-select-popup { border: 1px solid rgba(0, 0, 0, 0.14); padding: 4px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }

.arco-select-popup .arco-select-popup-inner .arco-select-option-custom-selected:not(.arco-select-option-wrapper-selected) .arco-select-option-content-wrapper { background: rgba(0, 0, 0, 0.05); }

.arco-select-popup .arco-select-popup-inner .arco-select-option-hover:not(.arco-select-option-disabled) { background-color: transparent; }

.arco-select-popup .arco-select-popup-inner .arco-select-option-hover:not(.arco-select-option-disabled) .arco-select-option-content-wrapper { background: rgba(0, 0, 0, 0.08); }

.arco-select-popup .arco-select-popup-inner .arco-select-option-custom-wrapper .arco-select-option-selected:not(.arco-select-option-disabled) { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.92); }

.arco-select-popup .arco-select-popup-inner .arco-select-option-custom-wrapper .arco-select-option-hover:not(.arco-select-option-disabled) { background: rgba(0, 0, 0, 0.08); }

.arco-select-popup .arco-select-popup-inner .arco-select-option-custom-wrapper .arco-select-option-hover:not(.arco-select-option-disabled) .arco-select-option-content-wrapper { background-color: transparent; }

.arco-select-popup .arco-select-option-hover.arco-select-option-selected { color: rgb(var(--primary-7)); }

.arco-select-popup .arco-select-option-wrapper { padding: 0px; position: relative; }

.arco-select-popup .arco-select-option-wrapper .arco-select-checkbox { padding: 0px 8px; pointer-events: none; }

.arco-select-popup .arco-select-option-wrapper .arco-select-option { margin-left: 0px; }

.arco-select-popup .arco-select-checkbox { position: absolute; left: 0px; top: 50%; z-index: 1; transform: translateY(-50%); }

.arco-select-popup .arco-select-checkbox + .arco-select-option { padding-left: 31px; }

.arco-select-option-custom-hover:not(.arco-select-option-custom-disabled) .arco-select-option { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.92); }

.arco-select-option-custom-hover:not(.arco-select-option-custom-disabled):not(.arco-select-option-custom-selected):not(.arco-select-option-wrapper-selected) { color: rgba(0, 0, 0, 0.92); }

.arco-select-option-custom-hover:not(.arco-select-option-custom-disabled):not(.arco-select-option-custom-selected):not(.arco-select-option-wrapper-selected) .arco-radio-icon-hover .arco-radio-mask { border: 1px solid rgba(0, 0, 0, 0.92); }

.arco-select-option-custom-hover:not(.arco-select-option-custom-disabled):not(.arco-select-option-custom-selected):not(.arco-select-option-wrapper-selected) .arco-checkbox-icon-hover .arco-checkbox-mask { border: 1px solid rgba(0, 0, 0, 0.92); }

.arco-spin-children::after { background-color: rgba(255, 255, 255, 0.6); }

.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after, .arco-steps-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-tail::after, .arco-steps-label-horizontal .arco-steps-item-finish:not(:last-child) .arco-steps-item-title::after, .arco-steps-horizontal .arco-steps-item-finish:not(:last-child) .arco-steps-item-tail::after, .arco-steps-label-horizontal .arco-steps-item-next-error:not(:last-child) .arco-steps-item-title::after, .arco-steps-horizontal .arco-steps-item-next-error:not(:last-child) .arco-steps-item-tail::after { background: radial-gradient(25% 75%, rgba(0, 0, 0, 0.14) 70%, transparent 80%) 0px 0px / 6px 100%; }

.arco-steps-vertical:not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail::after, .arco-steps-vertical:not(.arco-steps-mode-dot) .arco-steps-item-finish:not(:last-child) .arco-steps-item-tail::after { background: radial-gradient(75% 25%, rgba(0, 0, 0, 0.14) 70%, transparent 80%) 0px 0px / 100% 6px; }

.arco-steps-item-finish .arco-steps-item-title { color: rgba(0, 0, 0, 0.55); }

.arco-steps-item-finish .arco-steps-item-title:hover { color: rgba(0, 0, 0, 0.65); }

.arco-steps-item-finish .arco-steps-item-title:active, .arco-steps-item-process .arco-steps-item-title { color: rgba(0, 0, 0, 0.92); }

.arco-steps-item-wait .arco-steps-item-title { color: rgba(0, 0, 0, 0.55); }

.arco-steps-label-vertical .arco-steps-item-icon { margin-left: 56px; }

.arco-steps-label-vertical .arco-steps-item-content { text-align: left; margin-left: 56px; }

.arco-steps-label-vertical .arco-steps-item-tail { left: 96px; }

.arco-steps-item-title { font-weight: 500; }

.arco-steps-vertical.arco-steps-label-horizontal.arco-steps-mode-dot .arco-steps-item:not(:last-of-type) .arco-steps-item-tail::after { background-image: ; background-position-x: ; background-position-y: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 1px 6px; background-repeat: repeat-y; }

.arco-steps-item-title { white-space: normal; }

.arco-steps-vertical.arco-steps-label-horizontal.arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon, .arco-steps-vertical.arco-steps-label-horizontal.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon { background-color: transparent; border: 2px solid rgb(var(--primary-6)); }

.arco-steps-vertical.arco-steps-label-horizontal.arco-steps-mode-dot .arco-steps-item-title { font-size: 14px; line-height: 20px; }

.arco-steps-vertical.arco-steps-label-horizontal.arco-steps-mode-dot .arco-steps-item-description { font-size: 12px; line-height: 18px; }

.arco-switch:not(.arco-switch-loading):not(.arco-switch-checked):not(:disabled):not(.arco-switch-type-line):hover, .arco-switch:not(.arco-switch-loading):not(.arco-switch-checked):not(:disabled).arco-switch-type-line:hover::after { background-color: rgba(0, 0, 0, 0.55); }

.arco-switch:not(.arco-switch-loading):not(.arco-switch-checked):not(:disabled):not(.arco-switch-type-line):active, .arco-switch:not(.arco-switch-loading):not(.arco-switch-checked):not(:disabled).arco-switch-type-line:active::after { background-color: rgba(0, 0, 0, 0.65); }

.arco-switch-checked:not(.arco-switch-loading):not(:disabled):not(.arco-switch-type-line):hover, .arco-switch-checked:not(.arco-switch-loading):not(:disabled).arco-switch-type-line:hover::after { background-color: rgb(var(--primary-5)); }

.arco-switch-checked:not(.arco-switch-loading):not(:disabled):not(.arco-switch-type-line):active, .arco-switch-checked:not(.arco-switch-loading):not(:disabled).arco-switch-type-line:active::after { background-color: rgb(var(--primary-2)); }

.arco-switch:not(.arco-switch-checked):not(.arco-switch-type-line):disabled { background-color: rgba(0, 0, 0, 0.35); opacity: 0.5; }

.arco-switch:not(.arco-switch-checked):disabled.arco-switch-type-line::after { background-color: rgb(210, 210, 210); }

.arco-switch-checked:not(.arco-switch-type-line):disabled, .arco-switch-checked:disabled.arco-switch-type-line::after { background-color: rgb(var(--primary-3)); }

.arco-switch-loading:not(.arco-switch-type-line):not(.arco-switch-checked) { background-color: rgba(0, 0, 0, 0.35); opacity: 0.5; }

.arco-switch-loading.arco-switch-type-line:not(.arco-switch-checked)::after { background-color: rgb(210, 210, 210); }

.arco-table .arco-table-sorter { vertical-align: middle; }

.arco-table .arco-table-th-item { line-height: 14px; min-height: 16px; }

.arco-table-filters-btn { margin: 0px 12px; padding: 0px; height: 40px; }

.arco-table-filters-popup .arco-table-filters-btn .arco-btn { background-color: transparent; color: rgb(0, 153, 149); font-weight: 400; font-size: 14px; padding: 0px; border: 0px; }

.arco-table-border .arco-table-expand-content .arco-table-td .arco-table, .arco-table-border .arco-table-expand-fixed-row { margin: -12px -12px -12px -13px; }

.arco-table-th.arco-table-operation .arco-table-th-item, .arco-table-td.arco-table-operation { padding-top: 12px; padding-bottom: 12px; }

.arco-table .arco-table-th:first-child { border-radius: 0px; }

.arco-table .arco-table-tr:first-child .arco-table-th:first-child { border-radius: calc(var(--border-radius-medium) - 1px) 0 0 0; }

.arco-table .arco-table-th:last-child { border-radius: 0px; }

.arco-table .arco-table-tr:first-child .arco-table-th:last-child { border-radius: 0 calc(var(--border-radius-medium) - 1px) 0 0; }

.arco-tabs-header-title-text { font-weight: 500; }

.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 12px; line-height: 18px; }

.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; line-height: 20px; }

.arco-tabs-header-size-default.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 16px; line-height: 24px; }

.arco-tabs-capsule .arco-tabs-header-title:first-child { border-radius: 3px 0px 0px 3px; }

.arco-tabs-capsule .arco-tabs-header-title:last-child { border-radius: 0px 3px 3px 0px; }

.arco-tag .arco-tag-close-btn { font-size: 10px; }

.arco-tag-checked { color: rgba(0, 0, 0, 0.55); }

.arco-timepicker { padding: 4px 0px; }

.arco-timepicker-container { box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 20px; }

.arco-timepicker-list { position: relative; }

.arco-timepicker-cell { padding: 2px; }

.arco-timepicker-cell:not(.arco-timepicker-cell-disabled) { color: rgba(0, 0, 0, 0.92); }

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover { background-color: rgba(0, 0, 0, 0.08); }

.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner { background-color: transparent; }

.arco-timepicker-cell.arco-timepicker-cell-selected { color: rgb(var(--primary-6)); background-color: rgb(var(--primary-1)); }

.arco-timepicker-cell-inner { height: 32px; line-height: 32px; border-radius: 4px; }

.arco-timepicker-list:first-child .arco-timepicker-cell { padding-left: 0px; margin-left: 2px; border-radius: 4px 0px 0px 4px; }

.arco-timepicker-list:last-child .arco-timepicker-cell { padding-right: 0px; margin-right: 2px; border-radius: 0px 4px 4px 0px; }

.arco-timepicker-footer-btn-wrapper .arco-btn.arco-btn-secondary { background-color: transparent; color: rgb(var(--primary-6)); }

.arco-timepicker-footer-btn-wrapper .arco-btn.arco-btn-secondary:hover { background-color: rgba(0, 0, 0, 0.08); color: rgb(var(--primary-6)); }

.arco-timepicker-footer-btn-wrapper .arco-btn.arco-btn-secondary:active { background-color: rgba(0, 0, 0, 0.12); color: rgb(var(--primary-6)); }

.arco-timeline-item-content { font-weight: 500; }

.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: 12px; line-height: 12px; }

.arco-timeline-item { padding-bottom: 16px; min-height: 24px; }

.arco-timeline-item-dot-custom { display: inline-block; color: rgb(var(--primary-6)); box-sizing: border-box; width: 100%; height: 100%; position: relative; top: 50%; left: 50%; background-color: rgb(255, 255, 255); transform: translate(-50%) translateY(-50%); }

.arco-timeline-item-content-wrapper { margin-left: 10px; position: relative; }

.arco-timeline-item-dot-wrapper > .arco-timeline-item-dot-content { width: 12px; height: 8px; line-height: 22.001px; position: relative; }

.arco-timeline-item-dot-solid { background-color: rgb(var(--primary-6)); }

.arco-timeline-item-dot-hollow { border: 2px solid rgb(var(--primary-6)); background-color: transparent; }

.arco-timeline .arco-timeline-item-child-dot { width: 8px; height: 8px; border-radius: var(--border-radius-circle); box-sizing: border-box; color: rgb(var(--primary-6)); position: absolute; top: 50%; left: 50%; border: 2px solid rgb(var(--primary-6)); transform: translate(-50%) translateY(-50%); }

.arco-timeline .arco-timeline-item-parent-dot { width: 12px; height: 12px; border-radius: var(--border-radius-circle); box-sizing: border-box; color: rgb(var(--primary-6)); position: absolute; top: 50%; left: 50%; border: 2px solid rgb(var(--primary-6)); transform: translate(-50%) translateY(-50%); }

.arco-timeline .arco-timeline-item-status-normal { border-color: rgb(0, 0, 0); }

.arco-timeline .arco-timeline-item-status-warning { border-color: rgb(225, 70, 83); }

.arco-timeline .arco-timeline-item-status-finished { border-color: transparent; background-color: rgba(0, 0, 0, 0.25); }

.arco-timeline .arco-timeline-item-status-unhappen { border-color: rgba(0, 0, 0, 0.25); }

.arco-timeline .arco-timeline-item-dotType-solid-normal { background-color: rgb(0, 0, 0); }

.arco-timeline .arco-timeline-item-dotType-solid-warning { background-color: rgb(225, 70, 83); }

.arco-timeline .arco-timeline-item-dotType-solid-finished, .arco-timeline .arco-timeline-item-dotType-solid-unhappen { background-color: rgba(0, 0, 0, 0.25); }

.arco-timeline .arco-timeline-item-title { font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.92); width: 100%; }

.arco-timeline .arco-timeline-item-extra-title { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.25); width: 100%; }

.arco-timeline .arco-timeline-item-extra-description { font-size: 14px; font-weight: 400; color: rgba(0, 0, 0, 0.25); }

.arco-timeline .arco-timeline-item-time { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.25); }

.arco-timeline .arco-timeline-item-description { font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.55); margin-bottom: 4px; }

.arco-timeline .arco-timeline-item-desc-width { width: 190px; }

.arco-timeline .arco-timeline-item-status-normal-title, .arco-timeline .arco-timeline-item-status-warning-title { color: rgba(0, 0, 0, 0.92); }

.arco-timeline .arco-timeline-item-status-normal-desc { color: rgba(0, 0, 0, 0.65); }

.arco-timeline .arco-timeline-item-status-warning-desc { color: rgba(0, 0, 0, 0.55); }

.arco-timeline .arco-timeline-item-status-normal-time, .arco-timeline .arco-timeline-item-status-warning-time { color: rgba(0, 0, 0, 0.35); }

.arco-timeline .arco-timeline-item-status-finished-title { color: rgba(0, 0, 0, 0.55); }

.arco-timeline .arco-timeline-item-status-finished-desc, .arco-timeline .arco-timeline-item-status-finished-time, .arco-timeline .arco-timeline-item-status-unhappen-title, .arco-timeline .arco-timeline-item-status-unhappen-desc, .arco-timeline .arco-timeline-item-status-unhappen-time { color: rgba(0, 0, 0, 0.25); }

.arco-tooltip-arrow { content: ""; z-index: 1; }

.arco-tooltip[trigger-placement="top"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="tl"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="tr"] .arco-tooltip-arrow { transform: scale(0.8) rotate(45deg); border-bottom-right-radius: 0px; }

.arco-tooltip[trigger-placement="bottom"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="bl"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="br"] .arco-tooltip-arrow { transform: scale(0.8) rotate(45deg); border-top-left-radius: 0px; }

.arco-tooltip[trigger-placement="left"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="lt"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="lb"] .arco-tooltip-arrow { transform: scale(0.8) rotate(45deg); border-top-right-radius: 0px; }

.arco-tooltip[trigger-placement="right"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="rt"] .arco-tooltip-arrow, .arco-tooltip[trigger-placement="rb"] .arco-tooltip-arrow { transform: scale(0.8) rotate(45deg); border-bottom-left-radius: 0px; }

.arco-tooltip-content-bottom, .arco-tooltip-content-br, .arco-tooltip-content-bl { box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px, rgba(0, 0, 0, 0.12) 0px -4px 12px; }

.arco-tooltip .arco-tooltip-content, .arco-tooltip.arco-tooltip[trigger-placement] .arco-tooltip-arrow { box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px; background: rgb(77, 77, 77); }

.arco-upload-list-item { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; background-color: rgb(255, 255, 255); }

.arco-upload-list-item-operation { right: 12px; }