body {
    --red-0: 255,244,238;
    --red-1: 255,226,212;
    --red-2: 255,193,168;
    --red-3: 255,158,125;
    --red-4: 255,120,82;
    --red-5: 255,79,38;
    --red-6: 219,56,26;
    --red-7: 184,37,17;
    --red-8: 148,21,9;
    --red-9: 112,9,3;
    --pink-0: 255,239,240;
    --pink-1: 255,213,215;
    --pink-2: 255,170,178;
    --pink-3: 254,128,144;
    --pink-4: 254,86,113;
    --pink-5: 254,44,85;
    --pink-6: 218,31,74;
    --pink-7: 183,21,63;
    --pink-8: 147,12,52;
    --pink-9: 111,6,41;
    --purple-0: 248,234,247;
    --purple-1: 241,204,238;
    --purple-2: 227,158,224;
    --purple-3: 212,116,212;
    --purple-4: 194,78,198;
    --purple-5: 175,44,184;
    --purple-6: 151,35,164;
    --purple-7: 128,26,143;
    --purple-8: 106,19,123;
    --purple-9: 85,12,102;
    --violet-0: 245,238,250;
    --violet-1: 230,212,246;
    --violet-2: 205,171,236;
    --violet-3: 178,133,227;
    --violet-4: 152,97,217;
    --violet-5: 125,64,208;
    --violet-6: 96,48,172;
    --violet-7: 70,34,137;
    --violet-8: 47,22,101;
    --violet-9: 27,12,65;
    --indigo-0: 237,239,248;
    --indigo-1: 210,216,242;
    --indigo-2: 169,178,229;
    --indigo-3: 131,143,215;
    --indigo-4: 97,110,202;
    --indigo-5: 66,79,189;
    --indigo-6: 54,64,169;
    --indigo-7: 43,50,148;
    --indigo-8: 33,38,128;
    --indigo-9: 25,28,108;
    --blue-0: 235,246,255;
    --blue-1: 205,231,255;
    --blue-2: 156,206,255;
    --blue-3: 106,178,255;
    --blue-4: 56,149,255;
    --blue-5: 7,119,255;
    --blue-6: 0,96,219;
    --blue-7: 0,77,184;
    --blue-8: 0,59,148;
    --blue-9: 0,43,112;
    --light-blue-0: 235,248,254;
    --light-blue-1: 204,236,254;
    --light-blue-2: 154,216,252;
    --light-blue-3: 104,195,251;
    --light-blue-4: 55,172,250;
    --light-blue-5: 6,148,249;
    --light-blue-6: 0,121,213;
    --light-blue-7: 0,97,177;
    --light-blue-8: 0,75,142;
    --light-blue-9: 0,55,106;
    --cyan-0: 230,247,249;
    --cyan-1: 196,239,242;
    --cyan-2: 142,222,229;
    --cyan-3: 93,204,216;
    --cyan-4: 49,185,203;
    --cyan-5: 10,166,190;
    --cyan-6: 7,136,159;
    --cyan-7: 4,106,127;
    --cyan-8: 2,78,95;
    --cyan-9: 1,51,63;
    --teal-0: 228,247,247;
    --teal-1: 193,240,238;
    --teal-2: 137,224,223;
    --teal-3: 87,209,209;
    --teal-4: 43,191,194;
    --teal-5: 5,173,179;
    --teal-6: 2,142,149;
    --teal-7: 1,111,119;
    --teal-8: 0,82,89;
    --teal-9: 0,54,60;
    --green-0: 236,247,237;
    --green-1: 208,240,212;
    --green-2: 166,224,174;
    --green-3: 127,209,140;
    --green-4: 92,194,110;
    --green-5: 62,179,84;
    --green-6: 50,149,71;
    --green-7: 39,119,57;
    --green-8: 28,89,43;
    --green-9: 18,60,29;
    --light-green-0: 244,249,237;
    --light-green-1: 228,242,210;
    --light-green-2: 201,229,169;
    --light-green-3: 175,216,131;
    --light-green-4: 150,203,97;
    --light-green-5: 126,190,66;
    --light-green-6: 102,159,53;
    --light-green-7: 80,127,41;
    --light-green-8: 58,95,30;
    --light-green-9: 38,63,19;
    --lime-0: 242,251,232;
    --lime-1: 225,248,199;
    --lime-2: 200,240,147;
    --lime-3: 179,233,97;
    --lime-4: 162,226,50;
    --lime-5: 148,218,6;
    --lime-6: 120,182,3;
    --lime-7: 93,146,1;
    --lime-8: 68,109,0;
    --lime-9: 44,73,0;
    --yellow-0: 255,254,235;
    --yellow-1: 255,252,205;
    --yellow-2: 255,246,156;
    --yellow-3: 255,237,106;
    --yellow-4: 255,225,56;
    --yellow-5: 255,209,7;
    --yellow-6: 213,177,3;
    --yellow-7: 170,144,1;
    --yellow-8: 128,110,0;
    --yellow-9: 85,75,0;
    --amber-0: 255,254,237;
    --amber-1: 254,252,209;
    --amber-2: 253,245,163;
    --amber-3: 252,236,117;
    --amber-4: 252,223,72;
    --amber-5: 251,208,27;
    --amber-6: 209,176,20;
    --amber-7: 167,143,15;
    --amber-8: 125,109,10;
    --amber-9: 84,74,6;
    --orange-0: 255,250,235;
    --orange-1: 255,242,205;
    --orange-2: 255,226,156;
    --orange-3: 255,206,106;
    --orange-4: 255,184,56;
    --orange-5: 255,157,7;
    --orange-6: 213,120,3;
    --orange-7: 170,87,1;
    --orange-8: 128,58,0;
    --orange-9: 85,35,0;
    --grey-0: 249,249,249;
    --grey-1: 234,230,230;
    --grey-2: 205,198,198;
    --grey-3: 176,167,168;
    --grey-4: 146,136,138;
    --grey-5: 117,107,109;
    --grey-6: 97,85,88;
    --grey-7: 76,65,68;
    --grey-8: 56,46,49;
    --grey-9: 35,28,31;
    --info-0: 234,245,255;
    --info-1: 203,231,254;
    --info-2: 152,205,253;
    --info-3: 101,178,252;
    --info-4: 50,149,251;
    --info-5: 0,119,250;
    --info-6: 0,98,214;
    --info-7: 0,79,179;
    --info-8: 0,61,143;
    --info-9: 0,44,107;
    --success-0: 238,250,239;
    --success-1: 212,245,215;
    --success-2: 171,235,179;
    --success-3: 133,225,146;
    --success-4: 98,215,116;
    --success-5: 65,205,89;
    --success-6: 52,171,75;
    --success-7: 41,137,60;
    --success-8: 29,102,46;
    --success-9: 19,68,31;
    --danger-0: 255,242,239;
    --danger-1: 254,220,213;
    --danger-2: 253,183,171;
    --danger-3: 252,143,129;
    --danger-4: 251,101,88;
    --danger-5: 250,57,47;
    --danger-6: 214,37,34;
    --danger-7: 179,23,26;
    --danger-8: 143,14,21;
    --danger-9: 107,7,16
}

body,body[theme-mode=dark] {
    --white: 255,255,255;
    --black: 0,0,0
}

body[theme-mode=dark] {
    --red-0: 108,14,9;
    --red-1: 144,27,16;
    --red-2: 180,44,25;
    --red-3: 215,64,36;
    --red-4: 251,88,50;
    --red-5: 252,127,90;
    --red-6: 253,162,131;
    --red-7: 253,196,172;
    --red-8: 254,227,213;
    --red-9: 255,245,239;
    --pink-0: 92,7,37;
    --pink-1: 128,14,50;
    --pink-2: 164,23,63;
    --pink-3: 199,34,75;
    --pink-4: 235,47,88;
    --pink-5: 239,86,114;
    --pink-6: 243,126,144;
    --pink-7: 247,168,177;
    --pink-8: 251,211,214;
    --pink-9: 253,238,239;
    --purple-0: 81,16,97;
    --purple-1: 102,23,118;
    --purple-2: 124,31,138;
    --purple-3: 147,40,159;
    --purple-4: 170,51,179;
    --purple-5: 190,83,194;
    --purple-6: 209,120,209;
    --purple-7: 225,160,222;
    --purple-8: 240,206,238;
    --purple-9: 247,235,246;
    --violet-0: 53,27,119;
    --violet-1: 69,36,140;
    --violet-2: 86,46,160;
    --violet-3: 104,57,181;
    --violet-4: 124,70,201;
    --violet-5: 151,101,212;
    --violet-6: 177,136,223;
    --violet-7: 204,173,233;
    --violet-8: 230,212,244;
    --violet-9: 245,238,250;
    --indigo-0: 23,26,101;
    --indigo-1: 32,37,122;
    --indigo-2: 41,48,142;
    --indigo-3: 52,62,163;
    --indigo-4: 64,76,183;
    --indigo-5: 95,107,197;
    --indigo-6: 129,141,212;
    --indigo-7: 167,176,226;
    --indigo-8: 209,215,241;
    --indigo-9: 237,239,248;
    --blue-0: 5,46,112;
    --blue-1: 10,66,148;
    --blue-2: 19,88,184;
    --blue-3: 29,112,219;
    --blue-4: 41,138,255;
    --blue-5: 84,165,255;
    --blue-6: 127,189,255;
    --blue-7: 169,213,255;
    --blue-8: 212,235,255;
    --blue-9: 239,247,255;
    --light-blue-0: 0,51,97;
    --light-blue-1: 0,71,133;
    --light-blue-2: 3,95,169;
    --light-blue-3: 10,121,204;
    --light-blue-4: 19,149,240;
    --light-blue-5: 64,172,243;
    --light-blue-6: 110,194,246;
    --light-blue-7: 157,216,249;
    --light-blue-8: 206,236,252;
    --light-blue-9: 235,247,254;
    --cyan-0: 4,50,61;
    --cyan-1: 7,76,92;
    --cyan-2: 10,104,123;
    --cyan-3: 14,132,153;
    --cyan-4: 19,162,184;
    --cyan-5: 56,182,198;
    --cyan-6: 98,201,212;
    --cyan-7: 145,220,227;
    --cyan-8: 198,238,241;
    --cyan-9: 231,247,248;
    --teal-0: 2,55,60;
    --teal-1: 4,83,90;
    --teal-2: 7,113,119;
    --teal-3: 10,144,149;
    --teal-4: 14,175,179;
    --teal-5: 51,193,194;
    --teal-6: 94,209,208;
    --teal-7: 142,225,222;
    --teal-8: 196,240,238;
    --teal-9: 230,247,246;
    --green-0: 18,60,29;
    --green-1: 28,90,43;
    --green-2: 39,119,57;
    --green-3: 50,149,71;
    --green-4: 62,179,84;
    --green-5: 93,194,110;
    --green-6: 127,209,140;
    --green-7: 166,225,174;
    --green-8: 208,240,212;
    --green-9: 236,247,237;
    --light-green-0: 37,61,19;
    --light-green-1: 57,92,29;
    --light-green-2: 78,123,40;
    --light-green-3: 99,153,52;
    --light-green-4: 122,184,64;
    --light-green-5: 147,198,95;
    --light-green-6: 172,212,129;
    --light-green-7: 199,227,167;
    --light-green-8: 227,241,209;
    --light-green-9: 243,248,237;
    --lime-0: 44,70,3;
    --lime-1: 68,105,5;
    --lime-2: 93,141,9;
    --lime-3: 120,176,12;
    --lime-4: 148,211,17;
    --lime-5: 162,220,58;
    --lime-6: 179,229,102;
    --lime-7: 200,237,150;
    --lime-8: 225,246,201;
    --lime-9: 242,251,233;
    --yellow-0: 84,75,3;
    --yellow-1: 126,110,6;
    --yellow-2: 168,145,10;
    --yellow-3: 210,178,15;
    --yellow-4: 252,210,20;
    --yellow-5: 253,225,67;
    --yellow-6: 253,237,113;
    --yellow-7: 254,246,160;
    --yellow-8: 254,252,208;
    --yellow-9: 255,254,236;
    --amber-0: 81,72,9;
    --amber-1: 121,106,15;
    --amber-2: 161,139,22;
    --amber-3: 202,172,30;
    --amber-4: 242,203,38;
    --amber-5: 245,219,80;
    --amber-6: 247,232,122;
    --amber-7: 250,242,166;
    --amber-8: 252,250,210;
    --amber-9: 254,253,237;
    --orange-0: 85,36,3;
    --orange-1: 128,61,6;
    --orange-2: 170,91,10;
    --orange-3: 213,124,15;
    --orange-4: 255,162,20;
    --orange-5: 255,187,67;
    --orange-6: 255,209,114;
    --orange-7: 255,227,161;
    --orange-8: 255,243,208;
    --orange-9: 255,250,237;
    --grey-0: 35,28,31;
    --grey-1: 56,46,49;
    --grey-2: 76,65,68;
    --grey-3: 97,85,88;
    --grey-4: 117,107,109;
    --grey-5: 146,136,138;
    --grey-6: 176,167,168;
    --grey-7: 205,198,198;
    --grey-8: 234,230,230;
    --grey-9: 249,249,249;
    --info-0: 0,45,110;
    --info-1: 0,62,146;
    --info-2: 3,82,182;
    --info-3: 11,106,217;
    --info-4: 20,131,253;
    --info-5: 67,159,253;
    --info-6: 114,185,254;
    --info-7: 161,210,254;
    --info-8: 208,233,255;
    --info-9: 236,247,255;
    --success-0: 23,69,34;
    --success-1: 35,104,51;
    --success-2: 49,139,67;
    --success-3: 62,173,84;
    --success-4: 77,208,100;
    --success-5: 108,217,125;
    --success-6: 141,227,153;
    --success-7: 177,236,184;
    --success-8: 215,246,218;
    --success-9: 240,250,241;
    --danger-0: 110,15,23;
    --danger-1: 146,24,30;
    --danger-2: 182,35,38;
    --danger-3: 217,51,48;
    --danger-4: 253,73,64;
    --danger-5: 253,114,102;
    --danger-6: 254,153,140;
    --danger-7: 254,189,178;
    --danger-8: 255,223,217;
    --danger-9: 255,244,241
}

body {
    --color-white: rgba(var(--white),1);
    --color-black: rgba(var(--black),1);
    --color-primary: rgba(var(--pink-5),1);
    --color-primary-hover: #ff5471;
    --color-primary-active: #d91947;
    --color-primary-disabled: #ffefef;
    --color-primary-light-default: rgba(var(--pink-0),1);
    --color-primary-light-hover: rgba(var(--pink-1),1);
    --color-primary-light-active: rgba(var(--pink-2),1);
    --color-secondary: rgba(var(--blue-5),1);
    --color-secondary-hover: rgba(var(--blue-6),1);
    --color-secondary-active: rgba(var(--blue-7),1);
    --color-secondary-disabled: rgba(var(--blue-2),1);
    --color-secondary-light-default: rgba(var(--blue-0),1);
    --color-secondary-light-hover: rgba(var(--blue-1),1);
    --color-secondary-light-active: rgba(var(--blue-2),1);
    --color-tertiary: rgba(var(--grey-5),1);
    --color-tertiary-hover: rgba(var(--grey-6),1);
    --color-tertiary-active: rgba(var(--grey-7),1);
    --color-tertiary-light-default: rgba(var(--grey-0),1);
    --color-tertiary-light-hover: rgba(var(--grey-1),1);
    --color-tertiary-light-active: rgba(var(--grey-2),1);
    --color-default: rgba(var(--grey-0),1);
    --color-default-hover: rgba(var(--grey-1),1);
    --color-default-active: rgba(var(--grey-2),1);
    --color-info: rgba(var(--info-5),1);
    --color-info-hover: rgba(var(--info-6),1);
    --color-info-active: rgba(var(--info-7),1);
    --color-info-disabled: rgba(var(--info-2),1);
    --color-info-light-default: rgba(var(--info-0),1);
    --color-info-light-hover: rgba(var(--info-1),1);
    --color-info-light-active: rgba(var(--info-2),1);
    --color-success: rgba(var(--success-5),1);
    --color-success-hover: rgba(var(--success-6),1);
    --color-success-active: rgba(var(--success-7),1);
    --color-success-disabled: rgba(var(--success-2),1);
    --color-success-light-default: rgba(var(--success-0),1);
    --color-success-light-hover: rgba(var(--success-1),1);
    --color-success-light-active: rgba(var(--success-2),1);
    --color-danger: rgba(var(--danger-5),1);
    --color-danger-hover: rgba(var(--danger-6),1);
    --color-danger-active: rgba(var(--danger-7),1);
    --color-danger-light-default: rgba(var(--danger-0),1);
    --color-danger-light-hover: rgba(var(--danger-1),1);
    --color-danger-light-active: rgba(var(--danger-2),1);
    --color-warning: rgba(var(--orange-5),1);
    --color-warning-hover: rgba(var(--orange-6),1);
    --color-warning-active: rgba(var(--orange-7),1);
    --color-warning-light-default: rgba(var(--orange-0),1);
    --color-warning-light-hover: rgba(var(--orange-1),1);
    --color-warning-light-active: rgba(var(--orange-2),1);
    --color-focus-border: rgba(var(--pink-5),1);
    --color-disabled-text: rgba(22,24,35,0.34);
    --color-disabled-border: rgba(var(--grey-1),1);
    --color-disabled-bg: rgba(var(--grey-2),1);
    --color-disabled-fill: rgba(var(--grey-8),0.04);
    --color-shadow: rgba(0,0,0,0.04);
    --color-link: rgba(var(--info-5),1);
    --color-link-hover: rgba(var(--info-6),1);
    --color-link-active: rgba(var(--info-7),1);
    --color-link-visited: rgba(var(--info-5),1);
    --color-border: rgba(22,24,35,0.16);
    --color-nav-bg: rgba(var(--white),1);
    --color-fill-0: rgba(var(--grey-8),0.05);
    --color-fill-1: rgba(var(--grey-8),0.09);
    --color-fill-2: rgba(var(--grey-8),0.13);
    --color-bg-0: var(--color-white);
    --color-bg-1: var(--color-white);
    --color-bg-2: var(--color-white);
    --color-bg-3: var(--color-white);
    --color-bg-4: var(--color-white);
    --color-text-0: #161823;
    --color-text-1: rgba(22,24,35,0.75);
    --color-text-2: rgba(22,24,35,0.5);
    --color-text-3: rgba(22,24,35,0.3);
    --shadow-elevated: 0px 0px 1px rgba(0,0,0,0.3),0px 4px 14px rgba(0,0,0,0.1)
}

body,body[theme-mode=dark] {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    --overlay-bg: rgba(22,22,26,0.6);
    --border-radius-extra-small: 3px;
    --border-radius-small: 4px;
    --border-radius-medium: 6px;
    --border-radius-large: 12px;
    --border-radius-circle: 50%
}

body[theme-mode=dark] {
    --color-white: #e4e7f5;
    --color-black: rgba(var(--black),1);
    --color-primary: rgba(var(--pink-5),1);
    --color-primary-hover: rgba(var(--pink-6),1);
    --color-primary-active: rgba(var(--pink-7),1);
    --color-primary-disabled: rgba(var(--pink-2),1);
    --color-primary-light-default: rgba(var(--pink-5),0.2);
    --color-primary-light-hover: rgba(var(--pink-5),0.3);
    --color-primary-light-active: rgba(var(--pink-5),0.4);
    --color-secondary: rgba(var(--info-5),1);
    --color-secondary-hover: rgba(var(--info-6),1);
    --color-secondary-active: rgba(var(--info-7),1);
    --color-secondary-disabled: rgba(var(--info-2),1);
    --color-secondary-light-default: rgba(var(--info-5),0.2);
    --color-secondary-light-hover: rgba(var(--info-5),0.3);
    --color-secondary-light-active: rgba(var(--info-5),0.4);
    --color-tertiary: rgba(var(--grey-5),1);
    --color-tertiary-hover: rgba(var(--grey-6),1);
    --color-tertiary-active: rgba(var(--grey-7),1);
    --color-tertiary-light-default: rgba(var(--grey-5),0.2);
    --color-tertiary-light-hover: rgba(var(--grey-5),0.3);
    --color-tertiary-light-active: rgba(var(--grey-5),0.4);
    --color-default: rgba(var(--grey-0),1);
    --color-default-hover: rgba(var(--grey-1),1);
    --color-default-active: rgba(var(--grey-2),1);
    --color-info: rgba(var(--info-5),1);
    --color-info-hover: rgba(var(--info-6),1);
    --color-info-active: rgba(var(--info-7),1);
    --color-info-disabled: rgba(var(--info-2),1);
    --color-info-light-default: rgba(var(--info-5),0.2);
    --color-info-light-hover: rgba(var(--info-5),0.3);
    --color-info-light-active: rgba(var(--info-5),0.4);
    --color-success: rgba(var(--success-5),1);
    --color-success-hover: rgba(var(--success-6),1);
    --color-success-active: rgba(var(--success-7),1);
    --color-success-disabled: rgba(var(--success-2),1);
    --color-success-light-default: rgba(var(--success-5),0.2);
    --color-success-light-hover: rgba(var(--success-5),0.3);
    --color-success-light-active: rgba(var(--success-5),0.4);
    --color-danger: rgba(var(--danger-5),1);
    --color-danger-hover: rgba(var(--danger-6),1);
    --color-danger-active: rgba(var(--danger-7),1);
    --color-danger-light-default: rgba(var(--danger-5),0.2);
    --color-danger-light-hover: rgba(var(--danger-5),0.3);
    --color-danger-light-active: rgba(var(--danger-5),0.4);
    --color-warning: rgba(var(--orange-5),1);
    --color-warning-hover: rgba(var(--orange-6),1);
    --color-warning-active: rgba(var(--orange-7),1);
    --color-warning-light-default: rgba(var(--orange-5),0.2);
    --color-warning-light-hover: rgba(var(--orange-5),0.3);
    --color-warning-light-active: rgba(var(--orange-5),0.4);
    --color-focus-border: rgba(var(--blue-5),1);
    --color-disabled-text: rgba(var(--grey-9),0.35);
    --color-disabled-border: rgba(var(--grey-1),1);
    --color-disabled-bg: rgba(var(--grey-2),1);
    --color-disabled-fill: rgba(var(--grey-8),0.04);
    --color-link: rgba(var(--info-5),1);
    --color-link-hover: rgba(var(--info-6),1);
    --color-link-active: rgba(var(--info-7),1);
    --color-link-visited: rgba(var(--info-5),1);
    --color-nav-bg: var(--color-bg-1);
    --shadow-elevated: inset 0px 0px 0 1px hsla(0,0%,100%,0.1),0px 4px 14px rgba(0,0,0,0.25);
    --color-fill-0: rgba(var(--white),0.05);
    --color-fill-1: rgba(var(--white),0.09);
    --color-fill-2: rgba(var(--white),0.13);
    --color-border: rgba(var(--white),0.08);
    --color-shadow: rgba(0,0,0,0.04);
    --color-bg-0: #16161a;
    --color-bg-1: #232429;
    --color-bg-2: #35363c;
    --color-bg-3: #43444a;
    --color-bg-4: #4f5159;
    --color-text-0: rgba(var(--grey-9),1);
    --color-text-1: rgba(var(--grey-9),0.8);
    --color-text-2: rgba(var(--grey-9),0.6);
    --color-text-3: rgba(var(--grey-9),0.35)
}

.semi-light-scrollbar::-webkit-scrollbar,.semi-light-scrollbar ::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.semi-light-scrollbar::-webkit-scrollbar-track,.semi-light-scrollbar ::-webkit-scrollbar-track {
    background: transparent
}

.semi-light-scrollbar::-webkit-scrollbar-corner,.semi-light-scrollbar ::-webkit-scrollbar-corner {
    background-color: transparent
}

.semi-light-scrollbar::-webkit-scrollbar-thumb,.semi-light-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: transparent;
    transition: all 1s
}

.semi-light-scrollbar:hover::-webkit-scrollbar-thumb,.semi-light-scrollbar :hover::-webkit-scrollbar-thumb {
    background: var(--color-fill-2)
}

.semi-light-scrollbar::-webkit-scrollbar-thumb:hover,.semi-light-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: var(--color-fill-1)
}

.semi-avatar {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
}

.semi-avatar .semi-avatar-label {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600
}

.semi-avatar-content {
    position: absolute;
    user-select: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center
}

.semi-avatar-extra-extra-small {
    width: 20px;
    height: 20px
}

.semi-avatar-extra-extra-small .semi-avatar-content {
    transform-origin: center;
    transform: scale(.8) translate(-62.5%,-62.5%)
}

.semi-avatar-extra-extra-small .semi-avatar-label {
    font-size: 10px;
    line-height: 15px
}

.semi-avatar-extra-small {
    width: 24px;
    height: 24px
}

.semi-avatar-extra-small .semi-avatar-content {
    transform-origin: center;
    transform: scale(.8) translate(-62.5%,-62.5%)
}

.semi-avatar-extra-small .semi-avatar-label {
    font-size: 10px;
    line-height: 15px
}

.semi-avatar-small {
    width: 32px;
    height: 32px
}

.semi-avatar-small .semi-avatar-label {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-avatar-default {
    width: 40px;
    height: 40px
}

.semi-avatar-default .semi-avatar-label {
    font-size: 18px;
    line-height: 24px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-avatar-medium {
    width: 48px;
    height: 48px
}

.semi-avatar-medium .semi-avatar-label {
    font-size: 20px;
    line-height: 28px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-avatar-large {
    width: 72px;
    height: 72px
}

.semi-avatar-large .semi-avatar-label {
    font-size: 32px;
    line-height: 44px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-avatar-extra-large {
    width: 128px;
    height: 128px
}

.semi-avatar-extra-large .semi-avatar-label {
    font-size: 64px;
    line-height: 77px
}

.semi-avatar-circle {
    border-radius: 50%
}

.semi-avatar-image {
    background-color: transparent
}

.semi-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.semi-avatar-hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.semi-avatar:hover {
    cursor: pointer
}

.semi-avatar-group {
    display: inline-block
}

.semi-avatar-group .semi-avatar {
    box-sizing: border-box
}

.semi-avatar-group .semi-avatar:first-child {
    margin-left: 0
}

.semi-avatar-group .semi-avatar-extra-large {
    border: 3px solid var(--color-bg-1);
    margin-left: -32px
}

.semi-avatar-group .semi-avatar-large {
    border: 3px solid var(--color-bg-1);
    margin-left: -18px
}

.semi-avatar-group .semi-avatar-default,.semi-avatar-group .semi-avatar-medium,.semi-avatar-group .semi-avatar-small {
    border: 2px solid var(--color-bg-1);
    margin-left: -12px
}

.semi-avatar-group .semi-avatar-extra-small {
    border: 1px solid var(--color-bg-1);
    margin-left: -10px
}

.semi-avatar-group .semi-avatar-extra-extra-small {
    border: 1px solid var(--color-bg-1);
    margin-left: -4px
}

.semi-avatar-group .semi-avatar-item-start-0 {
    z-index: 100
}

.semi-avatar-group .semi-avatar-item-end-0 {
    z-index: 80
}

.semi-avatar-group .semi-avatar-item-start-1 {
    z-index: 99
}

.semi-avatar-group .semi-avatar-item-end-1 {
    z-index: 81
}

.semi-avatar-group .semi-avatar-item-start-2 {
    z-index: 98
}

.semi-avatar-group .semi-avatar-item-end-2 {
    z-index: 82
}

.semi-avatar-group .semi-avatar-item-start-3 {
    z-index: 97
}

.semi-avatar-group .semi-avatar-item-end-3 {
    z-index: 83
}

.semi-avatar-group .semi-avatar-item-start-4 {
    z-index: 96
}

.semi-avatar-group .semi-avatar-item-end-4 {
    z-index: 84
}

.semi-avatar-group .semi-avatar-item-start-5 {
    z-index: 95
}

.semi-avatar-group .semi-avatar-item-end-5 {
    z-index: 85
}

.semi-avatar-group .semi-avatar-item-start-6 {
    z-index: 94
}

.semi-avatar-group .semi-avatar-item-end-6 {
    z-index: 86
}

.semi-avatar-group .semi-avatar-item-start-7 {
    z-index: 93
}

.semi-avatar-group .semi-avatar-item-end-7 {
    z-index: 87
}

.semi-avatar-group .semi-avatar-item-start-8 {
    z-index: 92
}

.semi-avatar-group .semi-avatar-item-end-8 {
    z-index: 88
}

.semi-avatar-group .semi-avatar-item-start-9 {
    z-index: 91
}

.semi-avatar-group .semi-avatar-item-end-9 {
    z-index: 89
}

.semi-avatar-group .semi-avatar-item-end-10,.semi-avatar-group .semi-avatar-item-start-10 {
    z-index: 90
}

.semi-avatar-group .semi-avatar-item-start-11 {
    z-index: 89
}

.semi-avatar-group .semi-avatar-item-end-11 {
    z-index: 91
}

.semi-avatar-group .semi-avatar-item-start-12 {
    z-index: 88
}

.semi-avatar-group .semi-avatar-item-end-12 {
    z-index: 92
}

.semi-avatar-group .semi-avatar-item-start-13 {
    z-index: 87
}

.semi-avatar-group .semi-avatar-item-end-13 {
    z-index: 93
}

.semi-avatar-group .semi-avatar-item-start-14 {
    z-index: 86
}

.semi-avatar-group .semi-avatar-item-end-14 {
    z-index: 94
}

.semi-avatar-group .semi-avatar-item-start-15 {
    z-index: 85
}

.semi-avatar-group .semi-avatar-item-end-15 {
    z-index: 95
}

.semi-avatar-group .semi-avatar-item-start-16 {
    z-index: 84
}

.semi-avatar-group .semi-avatar-item-end-16 {
    z-index: 96
}

.semi-avatar-group .semi-avatar-item-start-17 {
    z-index: 83
}

.semi-avatar-group .semi-avatar-item-end-17 {
    z-index: 97
}

.semi-avatar-group .semi-avatar-item-start-18 {
    z-index: 82
}

.semi-avatar-group .semi-avatar-item-end-18 {
    z-index: 98
}

.semi-avatar-group .semi-avatar-item-start-19 {
    z-index: 81
}

.semi-avatar-group .semi-avatar-item-end-19 {
    z-index: 99
}

.semi-avatar-group .semi-avatar-item-start-20 {
    z-index: 80
}

.semi-avatar-group .semi-avatar-item-end-20 {
    z-index: 100
}

.semi-avatar-group .semi-avatar-item-more {
    background-color: rgba(var(--grey-5),1)
}

.semi-avatar-amber {
    background-color: rgba(var(--amber-3),1);
    color: #fff
}

.semi-avatar-blue {
    background-color: rgba(var(--blue-3),1);
    color: #fff
}

.semi-avatar-cyan {
    background-color: rgba(var(--cyan-3),1);
    color: #fff
}

.semi-avatar-green {
    background-color: rgba(var(--green-3),1);
    color: #fff
}

.semi-avatar-grey {
    background-color: rgba(var(--grey-3),1);
    color: #fff
}

.semi-avatar-indigo {
    background-color: rgba(var(--indigo-3),1);
    color: #fff
}

.semi-avatar-light-blue {
    background-color: rgba(var(--light-blue-3),1);
    color: #fff
}

.semi-avatar-light-green {
    background-color: rgba(var(--light-green-3),1);
    color: #fff
}

.semi-avatar-lime {
    background-color: rgba(var(--lime-3),1);
    color: #fff
}

.semi-avatar-orange {
    background-color: rgba(var(--orange-3),1);
    color: #fff
}

.semi-avatar-pink {
    background-color: rgba(var(--pink-3),1);
    color: #fff
}

.semi-avatar-purple {
    background-color: rgba(var(--purple-3),1);
    color: #fff
}

.semi-avatar-red {
    background-color: rgba(var(--red-3),1);
    color: #fff
}

.semi-avatar-teal {
    background-color: rgba(var(--teal-3),1);
    color: #fff
}

.semi-avatar-violet {
    background-color: rgba(var(--violet-3),1);
    color: #fff
}

.semi-avatar-yellow {
    background-color: rgba(var(--yellow-3),1);
    color: #fff
}

.semi-rtl .semi-avatar {
    direction: rtl
}

.semi-rtl .semi-avatar-content {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-rtl .semi-avatar-extra-extra-small .semi-avatar-content,.semi-rtl .semi-avatar-extra-small .semi-avatar-content {
    transform: scale(.8) translate(62.5%,-62.5%)
}

.semi-rtl .semi-avatar-hover {
    left: auto;
    right: 0
}

.semi-rtl .semi-avatar-group {
    direction: rtl
}

.semi-rtl .semi-avatar-group .semi-avatar:first-child {
    margin-left: auto;
    margin-right: 0
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-large {
    margin-left: auto;
    margin-right: -32px
}

.semi-rtl .semi-avatar-group .semi-avatar-large {
    margin-left: auto;
    margin-right: -18px
}

.semi-rtl .semi-avatar-group .semi-avatar-medium,.semi-rtl .semi-avatar-group .semi-avatar-small {
    margin-left: auto;
    margin-right: -12px
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-small {
    margin-left: auto;
    margin-right: -10px
}

.semi-rtl .semi-avatar-group .semi-avatar-extra-extra-small {
    margin-left: auto;
    margin-right: -4px
}

.semi-badge {
    position: relative;
    display: inline-block
}

.semi-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 1px solid var(--color-bg-1)
}

.semi-badge-count,.semi-badge-dot {
    box-sizing: border-box;
    background-color: var(--color-bg-1);
    z-index: 1
}

.semi-badge-count {
    height: 18px;
    min-width: 18px;
    border-radius: 9px;
    padding: 0 4px;
    border: 1px solid var(--color-bg-1);
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 14px;
    color: var(--color-bg-2)
}

.semi-badge-rightTop {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    transform-origin: 100% 0
}

.semi-badge-rightBottom {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%,50%);
    transform-origin: 100% 0
}

.semi-badge-leftTop {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%,-50%);
    transform-origin: 100% 0
}

.semi-badge-leftBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-50%,50%);
    transform-origin: 100% 0
}

.semi-badge-custom {
    display: flex
}

.semi-badge-block {
    position: static;
    display: inline-block
}

.semi-badge-light:before {
    background-color: var(--color-bg-2)
}

.semi-badge-light:after,.semi-badge-light:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.semi-badge-light:after {
    background-color: inherit
}

.semi-badge-primary.semi-badge-solid {
    background-color: var(--color-primary)
}

.semi-badge-primary.semi-badge-light {
    background-color: var(--color-primary-light-default);
    color: var(--color-primary)
}

.semi-badge-primary.semi-badge-inverted {
    color: var(--color-primary)
}

.semi-badge-secondary.semi-badge-solid {
    background-color: var(--color-secondary)
}

.semi-badge-secondary.semi-badge-light {
    background-color: var(--color-secondary-light-default);
    color: var(--color-secondary)
}

.semi-badge-secondary.semi-badge-inverted {
    color: var(--color-secondary)
}

.semi-badge-tertiary.semi-badge-solid {
    background-color: var(--color-tertiary)
}

.semi-badge-tertiary.semi-badge-light {
    background-color: var(--color-tertiary-light-default);
    color: var(--color-tertiary)
}

.semi-badge-tertiary.semi-badge-inverted {
    color: var(--color-tertiary)
}

.semi-badge-danger.semi-badge-solid {
    background-color: var(--color-danger)
}

.semi-badge-danger.semi-badge-light {
    background-color: var(--color-danger-light-default);
    color: var(--color-danger)
}

.semi-badge-danger.semi-badge-inverted {
    color: var(--color-danger)
}

.semi-badge-warning.semi-badge-solid {
    background-color: var(--color-warning)
}

.semi-badge-warning.semi-badge-light {
    background-color: var(--color-warning-light-default);
    color: var(--color-warning)
}

.semi-badge-warning.semi-badge-inverted {
    color: var(--color-warning)
}

.semi-rtl .semi-badge {
    direction: rtl
}

.semi-banner {
    padding: 4px 12px
}

.semi-banner-content-wrapper {
    display: flex;
    flex-direction: row
}

.semi-banner-description {
    margin: 0
}

.semi-banner .semi-banner-content-wrapper .semi-banner-content {
    display: flex;
    flex: 1;
    align-items: top
}

.semi-banner-in-container {
    border-radius: var(--border-radius-small)
}

.semi-banner-in-container .semi-banner-content-wrapper .semi-banner-content-body {
    flex: 1
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-content {
    justify-content: center
}

.semi-banner-full .semi-banner-content-wrapper .semi-banner-content-body,.semi-banner-full .semi-banner-content-wrapper .semi-banner-icon {
    display: flex;
    align-items: center
}

.semi-banner-close {
    margin-left: 12px;
    height: 24px;
    width: 24px
}

.semi-banner-extra {
    margin-top: 8px
}

.semi-banner-icon {
    display: flex;
    margin-right: 12px
}

.semi-banner-info {
    background-color: var(--color-info-light-default);
    color: var(--color-info)
}

.semi-banner-info.semi-banner-bordered {
    border: 1px solid var(--color-info)
}

.semi-banner-warning {
    background-color: var(--color-warning-light-default);
    color: var(--color-warning)
}

.semi-banner-warning.semi-banner-bordered {
    border: 1px solid var(--color-warning)
}

.semi-banner-success {
    background-color: var(--color-success-light-default);
    color: var(--color-success)
}

.semi-banner-success.semi-banner-bordered {
    border: 1px solid var(--color-success)
}

.semi-banner-danger {
    background-color: var(--color-danger-light-default);
    color: var(--color-danger)
}

.semi-banner-danger.semi-banner-bordered {
    border: 1px solid var(--color-danger)
}

.semi-portal-rtl .semi-banner,.semi-rtl .semi-banner {
    direction: rtl
}

.semi-portal-rtl .semi-banner-close,.semi-rtl .semi-banner-close {
    margin-left: 0;
    margin-right: 12px;
    height: 24px;
    width: 24px
}

.semi-portal-rtl .semi-banner-icon,.semi-rtl .semi-banner-icon {
    margin-right: 0;
    margin-left: 12px
}

.semi-button.semi-button-with-icon {
    display: inline-flex;
    align-items: center
}

.semi-button.semi-button-with-icon .semi-button-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.semi-button.semi-button-loading {
    pointer-events: none;
    cursor: not-allowed
}

.semi-button.semi-button-loading .semi-button-content>svg {
    animation: semi-animation-rotate .6s linear infinite
}

.semi-button.semi-button-with-icon-only {
    padding: 8px;
    justify-content: center;
    align-items: center
}

.semi-button.semi-button-with-icon-only.semi-button-size-small {
    padding: 4px
}

.semi-button.semi-button-with-icon-only.semi-button-size-large {
    padding: 12px
}

.semi-button-content-left {
    margin-right: 8px
}

.semi-button-content-right {
    margin-left: 8px
}

.semi-icons {
    fill: currentColor
}

.semi-icons-extra-small {
    width: 8px;
    height: 8px
}

.semi-icons-small {
    width: 12px;
    height: 12px
}

.semi-icons-default {
    width: 16px;
    height: 16px
}

.semi-icons-large {
    width: 20px;
    height: 20px
}

.semi-icons-extra-large {
    width: 24px;
    height: 24px
}

.semi-button-split {
    display: inline-block
}

.semi-button-split .semi-button {
    border-radius: 0;
    border-right: 1px solid #fff
}

.semi-button-split :first-child {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small)
}

.semi-button-split :last-child {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
    border-right: none
}

.semi-button-split:hover .semi-button-borderless {
    background-color: var(--color-fill-0)
}

.semi-button-split:hover .semi-button-borderless:active {
    background-color: var(--color-fill-1)
}

.semi-button {
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    user-select: none;
    border: 0 solid transparent;
    border-radius: var(--border-radius-small);
    padding: 6px 12px;
    font-weight: 400;
    outline: none;
    vertical-align: middle;
    white-space: nowrap
}

.semi-button-danger {
    background-color: var(--color-danger);
    color: #fff
}

.semi-button-danger:hover {
    background-color: var(--color-danger-hover)
}

.semi-button-danger:active {
    background-color: var(--color-danger-active)
}

.semi-button-danger.semi-button-borderless,.semi-button-danger.semi-button-light {
    color: var(--color-danger)
}

.semi-button-warning {
    background-color: var(--color-warning);
    color: #fff
}

.semi-button-warning:hover {
    background-color: var(--color-warning-hover)
}

.semi-button-warning:active {
    background-color: var(--color-warning-active)
}

.semi-button-warning.semi-button-borderless,.semi-button-warning.semi-button-light {
    color: var(--color-warning)
}

.semi-button-tertiary {
    background-color: var(--color-tertiary);
    color: #fff
}

.semi-button-tertiary:hover {
    background-color: var(--color-tertiary-hover)
}

.semi-button-tertiary:active {
    background-color: var(--color-tertiary-active)
}

.semi-button-tertiary.semi-button-borderless,.semi-button-tertiary.semi-button-light {
    color: var(--color-text-2)
}

.semi-button-primary {
    background-color: var(--color-primary);
    color: #fff
}

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):hover {
    background-color: var(--color-primary-hover)
}

.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):active {
    background-color: var(--color-primary-active)
}

.semi-button-primary.semi-button-borderless,.semi-button-primary.semi-button-light {
    color: var(--color-primary)
}

.semi-button-secondary {
    background-color: var(--color-secondary);
    outline-color: var(--color-secondary);
    color: #fff
}

.semi-button-secondary:hover {
    background-color: var(--color-secondary-hover)
}

.semi-button-secondary:active {
    background-color: var(--color-secondary-active)
}

.semi-button-secondary.semi-button-borderless,.semi-button-secondary.semi-button-light {
    color: var(--color-secondary)
}

.semi-button-disabled {
    cursor: not-allowed
}

.semi-button-disabled,.semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
    color: var(--color-white);
    background-color: var(--color-primary-disabled)
}

.semi-button-disabled.semi-button-borderless,.semi-button-disabled.semi-button-light {
    color: var(--color-disabled-text)
}

.semi-button-borderless {
    background-color: transparent
}

.semi-button-borderless:not(.semi-button-disabled):hover {
    background-color: var(--color-fill-0)
}

.semi-button-borderless:not(.semi-button-disabled):active {
    background-color: var(--color-fill-1)
}

.semi-button-light {
    background-color: rgba(22,24,35,.03)
}

.semi-button-light:not(.semi-button-disabled):hover {
    background-color: rgba(22,24,35,.06)
}

.semi-button-light:not(.semi-button-disabled):active {
    background-color: rgba(22,24,35,.12)
}

.semi-button-size-small {
    height: 24px;
    padding: 2px 12px
}

.semi-button-size-large {
    height: 32px;
    padding: 10px 16px
}

.semi-button-block {
    width: 100%
}

.semi-button-group>.semi-button {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}

.semi-button-group>.semi-button .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-button-group>.semi-button-size-large .semi-button-content {
    padding-left: 16px;
    padding-right: 16px
}

.semi-button-group>.semi-button-size-small .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-button-group>.semi-button.semi-button-with-icon-only {
    padding-left: 0;
    padding-right: 0
}

.semi-button-group>.semi-button.semi-button-with-icon-only .semi-button-content {
    padding-left: 8px;
    padding-right: 8px
}

.semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
    padding-left: 4px;
    padding-right: 4px
}

.semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-button-group>.semi-button:first-child {
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small)
}

.semi-button-group>.semi-button:not(:last-child) .semi-button-content {
    border-right: 1px solid var(--color-border)
}

.semi-button-group>.semi-button:last-child {
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small)
}

.semi-rtl .semi-button {
    direction: rtl
}

.semi-rtl .semi-button,.semi-rtl .semi-button-size-small {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-size-large {
    padding-left: 16px;
    padding-right: 16px
}

.semi-rtl .semi-button-group {
    direction: rtl
}

.semi-rtl .semi-button-group>.semi-button {
    padding-left: 0;
    padding-right: 0
}

.semi-rtl .semi-button-group>.semi-button .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-group>.semi-button-size-large .semi-button-content {
    padding-left: 16px;
    padding-right: 16px
}

.semi-rtl .semi-button-group>.semi-button-size-small .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-group>.semi-button.semi-button-with-icon-only {
    padding-left: 0;
    padding-right: 0
}

.semi-rtl .semi-button-group>.semi-button.semi-button-with-icon-only .semi-button-content {
    padding-left: 8px;
    padding-right: 8px
}

.semi-rtl .semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
    padding-left: 4px;
    padding-right: 4px
}

.semi-rtl .semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-group>.semi-button:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small)
}

.semi-rtl .semi-button-group>.semi-button:not(:last-child) .semi-button-content {
    border-left: 1px solid var(--color-border);
    border-right: 0
}

.semi-rtl .semi-button-group>.semi-button:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius-small);
    border-bottom-left-radius: var(--border-radius-small)
}

.semi-rtl .semi-button.semi-button-with-icon-only {
    padding-left: 8px;
    padding-right: 8px
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
    padding-left: 4px;
    padding-right: 4px
}

.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-button-content-left {
    margin-left: 8px;
    margin-right: 0
}

.semi-rtl .semi-button-content-right {
    margin-right: 8px;
    margin-left: 0
}

.semi-typography {
    color: var(--color-text-0);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-typography.semi-typography-secondary {
    color: var(--color-text-1)
}

.semi-typography.semi-typography-tertiary {
    color: var(--color-text-2)
}

.semi-typography.semi-typography-quaternary {
    color: var(--color-text-3)
}

.semi-typography.semi-typography-warning {
    color: var(--color-warning)
}

.semi-typography.semi-typography-success {
    color: var(--color-success)
}

.semi-typography.semi-typography-danger {
    color: var(--color-danger)
}

.semi-typography.semi-typography-link {
    color: var(--color-link);
    font-weight: 400
}

.semi-typography.semi-typography-disabled {
    color: var(--color-disabled-text);
    cursor: not-allowed;
    user-select: none
}

.semi-typography.semi-typography-disabled.semi-typography-link {
    color: var(--color-link)
}

.semi-typography-icon {
    margin-right: 4px;
    vertical-align: middle;
    color: inherit
}

.semi-typography-small {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-typography code {
    border: 1px solid var(--color-border);
    border-radius: 2px;
    color: var(--color-text-2);
    background-color: var(--color-fill-1);
    padding: 2px 4px
}

.semi-typography mark {
    background-color: var(--color-primary-light-default)
}

.semi-typography u {
    text-decoration: underline;
    text-decoration-skip-ink: auto
}

.semi-typography del {
    text-decoration: line-through
}

.semi-typography strong {
    font-weight: 700
}

.semi-typography a {
    display: inline;
    color: var(--color-link);
    cursor: pointer;
    text-decoration: none
}

.semi-typography a:visited {
    color: var(--color-link-visited)
}

.semi-typography a:hover {
    color: var(--color-link-hover)
}

.semi-typography a:active {
    color: var(--color-link-active)
}

.semi-typography a .semi-typography-link-underline:hover {
    border-bottom: 1px solid var(--color-link-hover);
    margin-bottom: -1px
}

.semi-typography a .semi-typography-link-underline:active {
    border-bottom: 1px solid var(--color-link-active);
    margin-bottom: -1px
}

.semi-typography-ellipsis-single-line {
    overflow: hidden
}

.semi-typography-ellipsis-multiple-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.semi-typography-ellipsis-overflow-ellipsis {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semi-typography-ellipsis-expand {
    display: inline;
    margin-left: 8px
}

.semi-typography-action-copy {
    display: inline-flex;
    vertical-align: text-bottom;
    padding: 0;
    margin-left: 4px
}

.semi-typography a.semi-typography-action-copy-icon {
    display: inline-flex
}

.semi-typography-action-copied {
    display: inline-flex;
    padding: 0;
    margin-left: 4px;
    color: var(--color-text-2)
}

.semi-typography-action-copied .semi-icons {
    vertical-align: text-bottom;
    color: var(--color-success)
}

h1.semi-typography {
    font-size: 32px;
    line-height: 44px
}

h1.semi-typography,h2.semi-typography {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0
}

h2.semi-typography {
    font-size: 28px;
    line-height: 40px
}

h3.semi-typography {
    font-size: 24px;
    line-height: 32px
}

h3.semi-typography,h4.semi-typography {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0
}

h4.semi-typography {
    font-size: 20px;
    line-height: 28px
}

h5.semi-typography {
    font-size: 18px;
    line-height: 24px
}

h5.semi-typography,h6.semi-typography {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin: 0
}

h6.semi-typography {
    font-size: 16px;
    line-height: 22px
}

p.semi-typography-extended {
    line-height: 24px
}

.semi-portal-rtl .semi-typography,.semi-rtl .semi-typography {
    direction: rtl
}

.semi-portal-rtl .semi-typography-link a,.semi-portal-rtl .semi-typography a,.semi-rtl .semi-typography-link a,.semi-rtl .semi-typography a {
    display: inline-block
}

.semi-portal-rtl .semi-typography-icon,.semi-rtl .semi-typography-icon {
    margin-right: auto;
    margin-left: 4px
}

.semi-portal-rtl .semi-typography-ellipsis-expand,.semi-rtl .semi-typography-ellipsis-expand {
    margin-left: auto
}

.semi-portal-rtl .semi-typography-action-copied,.semi-portal-rtl .semi-typography-action-copy,.semi-rtl .semi-typography-action-copied,.semi-rtl .semi-typography-action-copy {
    margin-left: auto;
    margin-right: 4px
}

.semi-popover-wrapper {
    position: relative;
    background-color: var(--color-bg-3);
    box-shadow: var(--shadow-elevated);
    z-index: 1030;
    border-radius: var(--border-radius-medium);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    visibility: hidden
}

.semi-popover-wrapper-show {
    visibility: visible
}

.semi-popover-trigger {
    display: inline-block;
    width: auto;
    height: auto
}

.semi-popover-title {
    padding: 8px;
    border-bottom: 1px solid var(--color-border)
}

.semi-popover-confirm {
    position: absolute
}

.semi-popover-with-arrow {
    padding: 12px;
    box-sizing: border-box
}

.semi-popover-wrapper .semi-popover-icon-arrow {
    width: 24px;
    height: 8px;
    position: absolute;
    color: unset
}

.semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px
}

.semi-popover-wrapper[x-placement=top].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=top] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=topLeft] .semi-popover-icon-arrow {
    bottom: -7px;
    left: 6px
}

.semi-popover-wrapper[x-placement=topLeft].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=topLeft] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=topRight] .semi-popover-icon-arrow {
    bottom: -7px;
    right: 6px
}

.semi-popover-wrapper[x-placement=topRight].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=topRight] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=leftTop] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 6px
}

.semi-popover-wrapper[x-placement=leftTop].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=leftTop] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=left] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%)
}

.semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=left] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=leftBottom] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    right: -7px;
    bottom: 6px
}

.semi-popover-wrapper[x-placement=leftBottom].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=leftBottom] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=rightTop] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=rightTop].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=rightTop] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=right] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=right] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-icon-arrow {
    width: 8px;
    height: 24px;
    left: -7px;
    bottom: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=rightBottom].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-with-arrow {
    min-height: 36px
}

.semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-icon-arrow {
    top: -7px;
    left: 6px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottomLeft].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
    top: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=bottom] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover-wrapper[x-placement=bottomRight] .semi-popover-icon-arrow {
    right: 6px;
    top: -7px;
    transform: rotate(180deg)
}

.semi-popover-wrapper[x-placement=bottomRight].semi-popover-with-arrow,.semi-popover-wrapper[x-placement=bottomRight] .semi-popover-with-arrow {
    min-width: 36px
}

.semi-popover.semi-popover-rtl {
    direction: rtl
}

@keyframes semi-tooltip-zoomIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    50% {
        opacity: 1
    }
}

@keyframes semi-tooltip-bounceIn {
    0% {
        opacity: 0;
        transform: scale(.6)
    }

    70% {
        opacity: 1;
        transform: scale(1.01)
    }

    to {
        opacity: 1;
        transform: scale(1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }
}

@keyframes semi-tooltip-zoomOut {
    0% {
        opacity: 1
    }

    60% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 0
    }
}

.semi-tooltip-wrapper {
    position: relative;
    background-color: var(--color-text-0);
    color: var(--color-white);
    border-radius: var(--border-radius-medium);
    padding: 8px 12px;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    visibility: hidden;
    max-width: 240px
}

.semi-tooltip-wrapper-show {
    visibility: visible
}

.semi-tooltip-trigger {
    display: inline-block;
    width: auto;
    height: auto
}

.semi-tooltip-with-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
    width: 24px;
    height: 7px;
    position: absolute;
    color: var(--color-text-0)
}

.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px
}

.semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
    bottom: -6px;
    left: 6px
}

.semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
    bottom: -6px;
    right: 6px
}

.semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 5px
}

.semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%)
}

.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    right: -6px;
    bottom: 5px
}

.semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 5px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
    width: 7px;
    height: 24px;
    left: -6px;
    bottom: 5px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
    min-height: 34px
}

.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 6px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
    top: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
    right: 6px;
    top: -6px;
    transform: rotate(180deg)
}

.semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow,.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
    min-width: 36px
}

.semi-portal-rtl .semi-tooltip-wrapper,.semi-rtl .semi-tooltip-wrapper {
    direction: rtl;
    padding-right: 12px;
    padding-left: 12px;
    left: auto;
    right: 0
}

.semi-portal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.semi-portal2 {
    position: fixed;
    width: 100%;
    z-index: 1
}

.semi-portal-inner {
    position: absolute;
    background-color: transparent;
    min-width: fit-content
}

.semi-cascader {
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-border);
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.semi-cascader:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-cascader-small {
    height: 24px;
    line-height: 24px
}

.semi-cascader-large {
    min-height: 40px;
    line-height: 40px
}

.semi-cascader-focus {
    border: 1px solid var(--color-focus-border);
    outline: 0
}

.semi-cascader-focus:active,.semi-cascader-focus:hover {
    background-color: transparent;
    border: 1px solid var(--color-focus-border)
}

.semi-cascader-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-cascader-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-cascader-warning.semi-cascader-focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-cascader-warning:active {
    background-color: var(--color-warning-light-active);
    border-color: var(--color-warning-light-active)
}

.semi-cascader-error,.semi-cascader-error.semi-cascader-focus,.semi-cascader-error:active,.semi-cascader-error:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-cascader-selection {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 100%;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    color: var(--color-text-0)
}

.semi-cascader-selection-placeholder {
    color: var(--color-text-2)
}

.semi-cascader-selection-placeholder,.semi-cascader-selection span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.semi-cascader-arrow,.semi-cascader-clearbtn {
    display: inline-flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 16px;
    color: var(--color-text-2);
    margin-right: 12px
}

.semi-cascader-clearbtn:hover {
    color: var(--color-primary-hover)
}

.semi-cascader-clearbtn:active {
    color: var(--color-primary-active)
}

.semi-cascader-prefix,.semi-cascader-suffix {
    display: inline;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-cascader-prefix-text,.semi-cascader-suffix-text {
    margin: 0 12px
}

.semi-cascader-prefix-icon,.semi-cascader-suffix-icon {
    color: var(--color-text-2);
    margin: 0 8px
}

.semi-cascader-inset-label {
    display: inline;
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-cascader.semi-cascader-with-prefix {
    display: inline-flex;
    align-items: center
}

.semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
    padding-left: 0
}

.semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
    padding-right: 0
}

.semi-cascader-disabled {
    cursor: not-allowed;
    user-select: none;
    background-color: var(--color-disabled-fill)
}

.semi-cascader-disabled .semi-cascader-selection {
    cursor: not-allowed
}

.semi-cascader-disabled:hover {
    background-color: var(--color-disabled-fill)
}

.semi-cascader-disabled .semi-cascader-prefix,.semi-cascader-disabled .semi-cascader-selection,.semi-cascader-disabled .semi-cascader-selection-placeholder,.semi-cascader-disabled .semi-cascader-suffix {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-cascader-disabled .semi-cascader-arrow {
    color: var(--color-disabled-text)
}

.semi-cascader-popover .semi-cascader-search-wrapper {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-fill-0)
}

.semi-cascader-popover .semi-cascader-option-empty {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    min-width: 150px;
    color: var(--color-disabled-text);
    margin: 0;
    padding: 8px 12px;
    user-select: none;
    text-align: center;
    cursor: not-allowed
}

.semi-cascader-single.semi-cascader-filterable {
    display: inline-flex
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper {
    width: 100%
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-input-wrapper {
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-input-wrapper-focus {
    border: none
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-input {
    padding-left: 0;
    padding-right: 0
}

.semi-cascader-option-lists {
    display: flex;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 180px
}

.semi-cascader-option-lists-empty {
    height: auto
}

.semi-cascader-option-lists li,.semi-cascader-option-lists ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.semi-cascader-option-lists ul>li {
    padding: 8px 16px 8px 12px
}

.semi-cascader-option-lists .semi-cascader-option-list {
    box-sizing: border-box;
    display: inline-block;
    min-width: 150px;
    height: 100%;
    margin: 0;
    padding: 4px 0;
    overflow: auto;
    list-style: none;
    border-left: 1px solid var(--color-fill-0)
}

.semi-cascader-option-lists .semi-cascader-option-list:first-child {
    border-left: none
}

.semi-cascader-option-lists .semi-cascader-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    word-break: break-all;
    color: var(--color-text-0);
    position: relative
}

.semi-cascader-option-lists .semi-cascader-option:hover {
    background-color: var(--color-fill-0)
}

.semi-cascader-option-lists .semi-cascader-option:active {
    background-color: var(--color-fill-1)
}

.semi-cascader-option-lists .semi-cascader-option-icon {
    display: inline-flex;
    width: 16px;
    color: var(--color-text-2)
}

.semi-cascader-option-lists .semi-cascader-option-icon-active,.semi-cascader-option-lists .semi-cascader-option-icon-empty {
    margin-right: 8px
}

.semi-cascader-option-lists .semi-cascader-option-label {
    display: flex;
    align-items: center;
    white-space: pre
}

.semi-cascader-option-lists .semi-cascader-option-hidden {
    display: none
}

.semi-cascader-option-lists .semi-cascader-option-active,.semi-cascader-option-lists .semi-cascader-option-active:hover {
    background-color: var(--color-primary-light-default)
}

.semi-cascader-option-lists .semi-cascader-option-label-highlight,.semi-cascader-option-lists .semi-cascader-option-select {
    font-weight: 700
}

.semi-cascader-option-lists .semi-cascader-option-disabled {
    cursor: not-allowed
}

.semi-cascader-option-lists .semi-cascader-option-disabled:active,.semi-cascader-option-lists .semi-cascader-option-disabled:hover {
    background-color: transparent
}

.semi-cascader-option-lists .semi-cascader-option-disabled .semi-cascader-option-label {
    color: var(--color-disabled-text)
}

.semi-cascader-option-lists .semi-cascader-option-flatten {
    padding-right: 64px
}

.semi-portal-rtl .semi-cascader,.semi-rtl .semi-cascader {
    direction: rtl
}

.semi-portal-rtl .semi-cascader-arrow,.semi-portal-rtl .semi-cascader-clearbtn,.semi-portal-rtl .semi-cascader-inset-label,.semi-rtl .semi-cascader-arrow,.semi-rtl .semi-cascader-clearbtn,.semi-rtl .semi-cascader-inset-label {
    margin-right: 0;
    margin-left: 12px
}

.semi-portal-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection,.semi-rtl .semi-cascader.semi-cascader-with-prefix .semi-cascader-selection {
    padding-left: auto;
    padding-right: 0
}

.semi-portal-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection,.semi-rtl .semi-cascader.semi-cascader-with-suffix .semi-cascader-selection {
    padding-right: auto;
    padding-left: 0
}

.semi-cascader-option-lists-rtl {
    direction: rtl
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl ul>li {
    padding-left: auto;
    padding-right: 12px
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-list {
    border-left: 0;
    border-right: 1px solid var(--color-fill-0)
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-list:first-child {
    border-right: none
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-icon-active,.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-icon-empty {
    margin-right: 0;
    margin-left: 8px
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-flatten {
    padding-right: 0;
    padding-left: 64px
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option .semi-icons-chevron_right {
    transform: scaleX(-1)
}

@keyframes semi-animation-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.semi-spin {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

.semi-spin-wrapper {
    text-align: center;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    color: var(--color-primary)
}

.semi-spin-wrapper>svg {
    animation: semi-animation-rotate .6s linear infinite;
    width: 20px;
    height: 20px
}

.semi-spin-animate>svg {
    animation: semi-animation-rotate 1.6s linear infinite
}

.semi-spin-children {
    opacity: .5;
    user-select: none
}

.semi-spin-block {
    display: block
}

.semi-spin-block:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.semi-spin-block .semi-spin-wrapper {
    display: block
}

.semi-spin-block.semi-spin {
    height: auto;
    width: auto
}

.semi-spin-hidden:after {
    content: none
}

.semi-spin-hidden>.semi-spin-children {
    opacity: 1;
    user-select: auto
}

.semi-spin-small,.semi-spin-small>.semi-spin-wrapper svg {
    width: 14px;
    height: 14px
}

.semi-spin-middle,.semi-spin-middle>.semi-spin-wrapper svg {
    width: 20px;
    height: 20px
}

.semi-spin-large,.semi-spin-large>.semi-spin-wrapper svg {
    width: 32px;
    height: 32px
}

.semi-spin-container {
    overflow: hidden
}

.semi-rtl .semi-spin,.semi-rtl .semi-spin-container {
    direction: rtl
}

@keyframes semi-input-active {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.97)
    }
}

@keyframes semi-input-inactive {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1)
    }
}

.semi-input-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    width: 100%;
    outline: none;
    cursor: text;
    box-sizing: border-box;
    color: var(--color-text-0)
}

.semi-input-wrapper:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-input-wrapper-focus {
    border: 1px solid var(--color-focus-border)
}

.semi-input-wrapper-focus,.semi-input-wrapper-focus:active,.semi-input-wrapper-focus:hover {
    background-color: transparent
}

.semi-input-wrapper.semi-input-readonly {
    cursor: default
}

.semi-input-wrapper-error,.semi-input-wrapper-error.semi-input-wrapper-focus,.semi-input-wrapper-error:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-input-wrapper-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-input-wrapper-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-input-wrapper-warning.semi-input-wrapper-focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-input-wrapper__with-prefix {
    display: inline-flex;
    align-items: center
}

.semi-input-wrapper__with-prefix .semi-input {
    padding-left: 0
}

.semi-input-wrapper__with-suffix {
    display: inline-flex;
    align-items: center
}

.semi-input-wrapper__with-suffix .semi-input {
    padding-right: 0
}

.semi-input-wrapper-clearable,.semi-input-wrapper-modebtn {
    display: inline-flex;
    align-items: center
}

.semi-input-wrapper .semi-icons {
    color: var(--color-text-2)
}

.semi-input-wrapper .semi-input-clearbtn,.semi-input-wrapper .semi-input-modebtn {
    color: var(--color-primary-hover);
    margin-left: -12px
}

.semi-input-wrapper .semi-input-clearbtn>svg,.semi-input-wrapper .semi-input-modebtn>svg {
    pointer-events: none
}

.semi-input-wrapper .semi-input-clearbtn:hover,.semi-input-wrapper .semi-input-modebtn:hover {
    cursor: pointer
}

.semi-input-wrapper .semi-input-clearbtn:hover .semi-icons,.semi-input-wrapper .semi-input-modebtn:hover .semi-icons {
    color: var(--color-primary-hover)
}

.semi-input-wrapper__with-suffix.semi-input-wrapper-clearable .semi-input-clearbtn {
    margin-left: 0
}

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.semi-input-wrapper.semi-input-wrapper__with-append,.semi-input-wrapper.semi-input-wrapper__with-prepend {
    display: inline-flex;
    align-items: center;
    background-color: transparent
}

.semi-input-wrapper.semi-input-wrapper__with-append:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend:hover {
    background-color: transparent
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus {
    border: 1px solid var(--color-border);
    background-color: transparent
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input {
    background-color: transparent
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus {
    border: 1px solid var(--color-focus-border);
    background-color: transparent
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error {
    border: none
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning {
    border: none
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-input-wrapper-disabled {
    cursor: not-allowed;
    color: var(--color-disabled-text)
}

.semi-input-wrapper-disabled,.semi-input-wrapper-disabled:hover {
    background-color: var(--color-disabled-fill)
}

.semi-input-wrapper-disabled .semi-icons,.semi-input-wrapper-disabled .semi-input-append,.semi-input-wrapper-disabled .semi-input-prefix,.semi-input-wrapper-disabled .semi-input-prepend,.semi-input-wrapper-disabled .semi-input-suffix {
    color: var(--color-disabled-text)
}

.semi-input {
    border: none;
    outline: none;
    width: 100%;
    color: inherit;
    padding-left: 12px;
    padding-right: 12px;
    background-color: transparent;
    box-sizing: border-box
}

.semi-input::placeholder {
    color: var(--color-text-2)
}

.semi-input-large {
    height: 38px;
    font-size: 16px;
    line-height: 22px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 38px
}

.semi-input-small {
    height: 22px;
    line-height: 20px;
    line-height: 22px
}

.semi-input-default,.semi-input-small {
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-input-default {
    height: 30px;
    line-height: 20px;
    line-height: 30px
}

.semi-input-disabled {
    cursor: not-allowed;
    color: inherit
}

.semi-input-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-text-1);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-input-prefix,.semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-input-prefix-text,.semi-input-suffix-text {
    margin: 0 12px;
    color: var(--color-text-1);
    font-weight: 600;
    white-space: nowrap
}

.semi-input-prefix-icon,.semi-input-suffix-icon {
    color: var(--color-text-2);
    margin: 0 8px
}

.semi-input-clearbtn,.semi-input-modebtn,.semi-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-input-clearbtn,.semi-input-modebtn {
    height: 100%;
    min-width: 32px
}

.semi-input-clearbtn+.semi-input-suffix {
    margin-left: -12px
}

.semi-input-suffix-hidden {
    display: none
}

.semi-input-append,.semi-input-prepend {
    height: 30px;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--color-text-1);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    flex-shrink: 0
}

.semi-input-append-icon,.semi-input-append-text,.semi-input-prepend-icon,.semi-input-prepend-text {
    padding: 0 12px
}

.semi-input-append {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
    border-left: 1px solid var(--color-border)
}

.semi-input-prepend {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small);
    border-right: 1px solid var(--color-border)
}

.semi-input-disabled::placeholder {
    color: var(--color-disabled-text)
}

.semi-input-group {
    display: inline-flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.semi-input-group .semi-cascader,.semi-input-group .semi-select,.semi-input-group .semi-tree-select,.semi-input-group>.semi-input-wrapper {
    border-radius: 0
}

.semi-input-group .semi-cascader:first-child,.semi-input-group .semi-select:first-child,.semi-input-group .semi-tree-select:first-child,.semi-input-group>.semi-input-wrapper:first-child {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.semi-input-group .semi-cascader:last-child,.semi-input-group .semi-select:last-child,.semi-input-group .semi-tree-select:last-child,.semi-input-group>.semi-input-wrapper:last-child {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.semi-input-group .semi-cascader:not(:last-child),.semi-input-group .semi-select:not(:last-child),.semi-input-group .semi-tree-select:not(:last-child),.semi-input-group>.semi-input-wrapper:not(:last-child) {
    position: relative
}

.semi-input-group .semi-cascader:not(:last-child):after,.semi-input-group .semi-select:not(:last-child):after,.semi-input-group .semi-tree-select:not(:last-child):after,.semi-input-group>.semi-input-wrapper:not(:last-child):after {
    content: "";
    background-color: transparent;
    width: 1px;
    position: absolute;
    right: -1px;
    top: 1px;
    bottom: 1px
}

.semi-input-group .semi-autocomplete,.semi-input-group .semi-datepicker,.semi-input-group .semi-input-number {
    border-radius: 0
}

.semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,.semi-input-group .semi-datepicker:first-child .semi-input-wrapper,.semi-input-group .semi-input-number:first-child .semi-input-wrapper {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,.semi-input-group .semi-datepicker:last-child .semi-input-wrapper,.semi-input-group .semi-input-number:last-child .semi-input-wrapper {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.semi-input-group .semi-autocomplete:not(:last-child),.semi-input-group .semi-datepicker:not(:last-child),.semi-input-group .semi-input-number:not(:last-child) {
    position: relative
}

.semi-input-group .semi-autocomplete:not(:last-child):after,.semi-input-group .semi-datepicker:not(:last-child):after,.semi-input-group .semi-input-number:not(:last-child):after {
    content: "";
    background-color: transparent;
    width: 1px;
    position: absolute;
    right: -1px;
    top: 1px;
    bottom: 1px
}

.semi-input-group-wrapper-with-top-label {
    margin-top: 16px;
    margin-bottom: 16px
}

.semi-input-group-wrapper-with-top-label .semi-input-group {
    display: flex
}

.semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
    margin-top: 0;
    margin-bottom: 0
}

.semi-checkbox {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    cursor: pointer
}

.semi-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0
}

.semi-checkbox-addon {
    display: flex;
    flex: 1;
    align-items: center;
    padding-left: 8px;
    color: var(--color-text-0);
    line-height: 20px;
    user-select: none
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    box-shadow: inset 0 0 0 1px var(--color-focus-border)
}

.semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display,.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display {
    background: var(--color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--color-border)
}

.semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display,.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-disabled)
}

.semi-checkbox-inner {
    position: relative;
    display: flex;
    align-items: center;
    width: 16px;
    height: 20px;
    cursor: pointer
}

.semi-checkbox-inner-display {
    box-sizing: border-box;
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0;
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(var(--grey-9),.2);
    border-radius: var(--border-radius-extra-small)
}

.semi-checkbox-inner-display .semi-icons {
    position: absolute;
    width: 100%;
    height: 100%
}

.semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-primary);
    border-radius: var(--border-radius-extra-small)
}

.semi-checkbox-inner-checked>.semi-checkbox-addon {
    color: var(--color-text-0)
}

.semi-checkbox:hover .semi-checkbox-inner-display {
    background: var(--color-fill-0)
}

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--color-primary-hover);
    box-shadow: inset 0 0 0 1px var(--color-focus-border);
    color: var(--color-white)
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-white)
}

.semi-checkbox:active .semi-checkbox-inner-display {
    background: var(--color-fill-1)
}

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display,.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-white)
}

.semi-checkbox-checked .semi-checkbox-inner-display,.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: inset 0 0 0 1px var(--color-primary);
    border-radius: var(--border-radius-extra-small)
}

.semi-checkbox-checked .semi-checkbox-inner-display:hover,.semi-checkbox-indeterminate .semi-checkbox-inner-display:hover {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-white)
}

.semi-checkbox-checked .semi-checkbox-inner-display:active,.semi-checkbox-indeterminate .semi-checkbox-inner-display:active {
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-white)
}

.semi-checkbox-checked .semi-checkbox-inner-addon,.semi-checkbox-indeterminate .semi-checkbox-inner-addon {
    color: var(--color-text-0)
}

.semi-checkbox-disabled,.semi-checkbox-disabled .semi-checkbox-inner {
    cursor: not-allowed
}

.semi-checkbox-disabled .semi-checkbox-inner-display {
    color: var(--color-white);
    background: var(--color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--color-border)
}

.semi-checkbox-disabled .semi-checkbox-inner-display:hover {
    color: var(--color-white);
    background: transparent
}

.semi-checkbox-disabled .semi-checkbox-inner-checked {
    color: var(--color-white)
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    opacity: .75;
    background: var(--color-primary-disabled);
    box-shadow: inset 0 0 0 1px var(--color-primary-disabled)
}

.semi-checkbox-disabled .semi-checkbox-inner-checked .semi-checkbox-inner-display:hover {
    color: var(--color-white);
    background: var(--color-primary-disabled)
}

.semi-checkbox-disabled .semi-checkbox-addon {
    color: var(--color-disabled-text)
}

.semi-checkbox.semi-checkbox-disabled.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    opacity: .75;
    background: var(--color-primary-disabled);
    box-shadow: inset 0 0 0 1px var(--color-primary-disabled);
    color: var(--color-white)
}

.semi-checkbox-extra {
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: 100%;
    box-sizing: border-box;
    padding-left: 24px;
    color: var(--color-text-2);
    margin-top: 4px
}

.semi-checkboxGroup {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 14px
}

.semi-checkboxGroup .semi-checkbox.semi-checkbox-vertical {
    margin-bottom: 16px
}

.semi-checkboxGroup-horizontal .semi-checkbox {
    margin-right: 16px;
    display: inline-flex
}

.semi-checkboxGroup-vertical .semi-checkbox {
    margin-bottom: 12px
}

.semi-checkboxGroup-vertical .semi-checkbox:last-of-type {
    margin-bottom: 0
}

.semi-rtl .semi-checkbox {
    direction: rtl
}

.semi-rtl .semi-checkbox input[type=checkbox] {
    left: auto;
    right: 0
}

.semi-rtl .semi-checkbox-addon {
    padding-left: 0;
    padding-right: 8px
}

.semi-rtl .semi-checkbox-extra {
    padding-left: 0;
    padding-right: 24px
}

.semi-rtl .semi-checkboxGroup {
    direction: rtl
}

.semi-rtl .semi-checkboxGroup-horizontal .semi-checkbox {
    margin-right: 0;
    margin-left: 16px
}

.semi-empty {
    display: flex
}

.semi-empty-image {
    display: flex;
    justify-content: center;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none
}

.semi-empty-vertical {
    align-items: center;
    flex-direction: column
}

.semi-empty-vertical .semi-empty-content {
    margin-top: 24px
}

.semi-empty-vertical .semi-empty-description,.semi-empty-vertical .semi-empty-title {
    text-align: center
}

.semi-empty-horizontal .semi-empty-content {
    margin-left: 32px
}

.semi-empty-title.semi-typography {
    display: block;
    font-weight: 600
}

.semi-empty-title+.semi-empty-description {
    margin-top: 16px
}

.semi-empty-description {
    color: var(--color-text-1)
}

.semi-empty-footer {
    margin-top: 24px
}

.semi-rtl .semi-empty {
    direction: rtl
}

.semi-rtl .semi-empty-horizontal .semi-empty-content {
    margin-left: auto;
    margin-right: 32px
}

.semi-modal {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
    margin: 80px auto
}

.semi-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--overlay-bg);
    height: 100%;
    z-index: 1000
}

.semi-modal-mask-hidden {
    display: none
}

.semi-modal-icon-wrapper {
    display: inline-flex;
    margin-right: 12px;
    width: 24px
}

.semi-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.semi-modal-title {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin: 0
}

.semi-modal-content {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    background-color: var(--color-bg-2);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-large);
    padding: 0 24px;
    background-clip: padding-box;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,.1)
}

.semi-modal-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin: 24px 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-0);
    text-align: left
}

.semi-modal-body {
    flex: 1 1 auto;
    margin: 0
}

.semi-modal-withIcon {
    margin-left: 36px
}

.semi-modal-footer {
    margin: 24px 0;
    text-align: right;
    border-radius: 0 0 5px 5px
}

.semi-modal-footer .semi-button {
    margin-left: 12px;
    margin-right: 0
}

.semi-modal-confirm .semi-modal-header {
    margin-bottom: 8px
}

.semi-modal-confirm-icon-wrapper {
    display: inline-flex;
    margin-right: 12px;
    width: 24px
}

.semi-modal-confirm-icon {
    display: inline-flex;
    color: var(--color-primary)
}

.semi-modal-info-icon {
    color: var(--color-info)
}

.semi-modal-success-icon {
    color: var(--color-success)
}

.semi-modal-error-icon {
    color: var(--color-danger)
}

.semi-modal-warning-icon {
    color: var(--color-warning)
}

.semi-modal-small {
    width: 448px
}

.semi-modal-medium {
    width: 684px
}

.semi-modal-large {
    width: 920px
}

.semi-modal-full-width {
    width: calc(100vw - 64px)
}

.semi-modal-centered {
    margin: 0 auto
}

.semi-modal-popup .semi-modal-mask,.semi-modal-popup .semi-modal-wrap {
    position: absolute;
    overflow: hidden
}

.semi-modal-fixed .semi-modal-mask,.semi-modal-fixed .semi-modal-wrap {
    position: fixed;
    overflow: hidden
}

.semi-modal-hidden {
    display: none
}

.semi-modal-rtl {
    direction: rtl
}

.semi-modal-confirm-rtl .semi-modal-icon-wrapper,.semi-modal-rtl .semi-modal-icon-wrapper {
    margin-right: 0;
    margin-left: 12px
}

.semi-modal-confirm-rtl .semi-modal-withIcon,.semi-modal-rtl .semi-modal-withIcon {
    margin-left: 0;
    margin-right: 36px
}

.semi-modal-confirm-rtl .semi-modal-footer,.semi-modal-rtl .semi-modal-footer {
    text-align: left
}

.semi-modal-confirm-rtl .semi-modal-footer .semi-button,.semi-modal-rtl .semi-modal-footer .semi-button {
    margin-left: 0;
    margin-right: 12px
}

.semi-modal-confirm-rtl {
    direction: rtl
}

.semi-modal-confirm .semi-modal-confirm-rtl .semi-button {
    margin-left: 0;
    margin-right: 12px
}

.semi-dropdown {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-dropdown-wrapper {
    box-shadow: var(--shadow-elevated);
    position: relative;
    z-index: 1050;
    border-radius: var(--border-radius-medium);
    background: var(--color-bg-3);
    visibility: hidden
}

.semi-dropdown-wrapper-show {
    visibility: visible
}

.semi-dropdown-trigger {
    display: inline-block
}

.semi-dropdown-menu {
    list-style: none;
    padding: 4px 0;
    margin: 0
}

.semi-dropdown-title {
    color: var(--color-text-2);
    padding: 8px 16px 4px;
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    cursor: default
}

.semi-dropdown-title-withTick {
    padding-left: 31px
}

.semi-dropdown-item {
    padding: 8px 16px;
    color: var(--color-text-0);
    max-width: 280px;
    display: flex;
    align-items: center
}

.semi-dropdown-item:not(.semi-dropdown-item-active):hover {
    background-color: var(--color-fill-0);
    cursor: pointer
}

.semi-dropdown-item:not(.semi-dropdown-item-active):active {
    background-color: var(--color-fill-1)
}

.semi-dropdown-item-danger {
    color: var(--color-danger)
}

.semi-dropdown-item-secondary {
    color: var(--color-secondary)
}

.semi-dropdown-item-warning {
    color: var(--color-warning)
}

.semi-dropdown-item-tertiary {
    color: var(--color-tertiary)
}

.semi-dropdown-item-primary {
    color: var(--color-primary)
}

.semi-dropdown-item-withTick {
    padding-left: 12px
}

.semi-dropdown-item>.semi-icons {
    margin-right: 9px;
    width: 12px;
    height: 12px
}

.semi-dropdown-item-active {
    font-weight: 600
}

.semi-dropdown-item.semi-dropdown-item-disabled {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-dropdown-item.semi-dropdown-item-disabled:active,.semi-dropdown-item.semi-dropdown-item-disabled:hover {
    cursor: not-allowed;
    background-color: transparent
}

.semi-dropdown-divider {
    display: block;
    height: 1px;
    width: 100%;
    min-width: 100%;
    clear: both;
    background: var(--color-border);
    margin: 4px 0
}

.semi-portal-rtl .semi-dropdown-wrapper,.semi-rtl .semi-dropdown-wrapper {
    direction: rtl
}

.semi-portal-rtl .semi-dropdown-title-withTick,.semi-rtl .semi-dropdown-title-withTick {
    padding-left: 0;
    padding-right: 31px
}

.semi-portal-rtl .semi-dropdown-item-withTick,.semi-rtl .semi-dropdown-item-withTick {
    padding-left: auto;
    padding-right: 12px
}

.semi-portal-rtl .semi-dropdown-item>.semi-icons,.semi-rtl .semi-dropdown-item>.semi-icons {
    margin-right: 0;
    margin-left: 9px
}

.semi-row {
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom:1;display: block;
    box-sizing: border-box
}

.semi-row:after,.semi-row:before {
    display: table;
    content: ""
}

.semi-row:after {
    clear: both
}

.semi-row-flex {
    display: flex;
    flex-flow: row wrap
}

.semi-row-flex:after,.semi-row-flex:before {
    display: flex
}

.semi-col-0 {
    display: none
}

.semi-row-flex-start {
    justify-content: flex-start
}

.semi-row-flex-center {
    justify-content: center
}

.semi-row-flex-end {
    justify-content: flex-end
}

.semi-row-flex-space-between {
    justify-content: space-between
}

.semi-row-flex-space-around {
    justify-content: space-around
}

.semi-row-flex-top {
    align-items: flex-start
}

.semi-row-flex-middle {
    align-items: center
}

.semi-row-flex-bottom {
    align-items: flex-end
}

.semi-col {
    position: relative
}

.semi-col-1,.semi-col-2,.semi-col-3,.semi-col-4,.semi-col-5,.semi-col-6,.semi-col-7,.semi-col-8,.semi-col-9,.semi-col-10,.semi-col-11,.semi-col-12,.semi-col-13,.semi-col-14,.semi-col-15,.semi-col-16,.semi-col-17,.semi-col-18,.semi-col-19,.semi-col-20,.semi-col-21,.semi-col-22,.semi-col-23,.semi-col-24,.semi-col-lg-1,.semi-col-lg-2,.semi-col-lg-3,.semi-col-lg-4,.semi-col-lg-5,.semi-col-lg-6,.semi-col-lg-7,.semi-col-lg-8,.semi-col-lg-9,.semi-col-lg-10,.semi-col-lg-11,.semi-col-lg-12,.semi-col-lg-13,.semi-col-lg-14,.semi-col-lg-15,.semi-col-lg-16,.semi-col-lg-17,.semi-col-lg-18,.semi-col-lg-19,.semi-col-lg-20,.semi-col-lg-21,.semi-col-lg-22,.semi-col-lg-23,.semi-col-lg-24,.semi-col-md-1,.semi-col-md-2,.semi-col-md-3,.semi-col-md-4,.semi-col-md-5,.semi-col-md-6,.semi-col-md-7,.semi-col-md-8,.semi-col-md-9,.semi-col-md-10,.semi-col-md-11,.semi-col-md-12,.semi-col-md-13,.semi-col-md-14,.semi-col-md-15,.semi-col-md-16,.semi-col-md-17,.semi-col-md-18,.semi-col-md-19,.semi-col-md-20,.semi-col-md-21,.semi-col-md-22,.semi-col-md-23,.semi-col-md-24,.semi-col-sm-1,.semi-col-sm-2,.semi-col-sm-3,.semi-col-sm-4,.semi-col-sm-5,.semi-col-sm-6,.semi-col-sm-7,.semi-col-sm-8,.semi-col-sm-9,.semi-col-sm-10,.semi-col-sm-11,.semi-col-sm-12,.semi-col-sm-13,.semi-col-sm-14,.semi-col-sm-15,.semi-col-sm-16,.semi-col-sm-17,.semi-col-sm-18,.semi-col-sm-19,.semi-col-sm-20,.semi-col-sm-21,.semi-col-sm-22,.semi-col-sm-23,.semi-col-sm-24,.semi-col-xs-1,.semi-col-xs-2,.semi-col-xs-3,.semi-col-xs-4,.semi-col-xs-5,.semi-col-xs-6,.semi-col-xs-7,.semi-col-xs-8,.semi-col-xs-9,.semi-col-xs-10,.semi-col-xs-11,.semi-col-xs-12,.semi-col-xs-13,.semi-col-xs-14,.semi-col-xs-15,.semi-col-xs-16,.semi-col-xs-17,.semi-col-xs-18,.semi-col-xs-19,.semi-col-xs-20,.semi-col-xs-21,.semi-col-xs-22,.semi-col-xs-23,.semi-col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.semi-col-1,.semi-col-2,.semi-col-3,.semi-col-4,.semi-col-5,.semi-col-6,.semi-col-7,.semi-col-8,.semi-col-9,.semi-col-10,.semi-col-11,.semi-col-12,.semi-col-13,.semi-col-14,.semi-col-15,.semi-col-16,.semi-col-17,.semi-col-18,.semi-col-19,.semi-col-20,.semi-col-21,.semi-col-22,.semi-col-23,.semi-col-24 {
    flex: 0 0 auto;
    float: left
}

.semi-col-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16667%
}

.semi-col-push-1 {
    left: 4.16667%
}

.semi-col-pull-1 {
    right: 4.16667%
}

.semi-col-offset-1 {
    margin-left: 4.16667%
}

.semi-col-order-1 {
    order: 1
}

.semi-col-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333%
}

.semi-col-push-2 {
    left: 8.33333%
}

.semi-col-pull-2 {
    right: 8.33333%
}

.semi-col-offset-2 {
    margin-left: 8.33333%
}

.semi-col-order-2 {
    order: 2
}

.semi-col-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

.semi-col-push-3 {
    left: 12.5%
}

.semi-col-pull-3 {
    right: 12.5%
}

.semi-col-offset-3 {
    margin-left: 12.5%
}

.semi-col-order-3 {
    order: 3
}

.semi-col-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66667%
}

.semi-col-push-4 {
    left: 16.66667%
}

.semi-col-pull-4 {
    right: 16.66667%
}

.semi-col-offset-4 {
    margin-left: 16.66667%
}

.semi-col-order-4 {
    order: 4
}

.semi-col-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333%
}

.semi-col-push-5 {
    left: 20.83333%
}

.semi-col-pull-5 {
    right: 20.83333%
}

.semi-col-offset-5 {
    margin-left: 20.83333%
}

.semi-col-order-5 {
    order: 5
}

.semi-col-6 {
    display: block;
    box-sizing: border-box;
    width: 25%
}

.semi-col-push-6 {
    left: 25%
}

.semi-col-pull-6 {
    right: 25%
}

.semi-col-offset-6 {
    margin-left: 25%
}

.semi-col-order-6 {
    order: 6
}

.semi-col-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16667%
}

.semi-col-push-7 {
    left: 29.16667%
}

.semi-col-pull-7 {
    right: 29.16667%
}

.semi-col-offset-7 {
    margin-left: 29.16667%
}

.semi-col-order-7 {
    order: 7
}

.semi-col-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333%
}

.semi-col-push-8 {
    left: 33.33333%
}

.semi-col-pull-8 {
    right: 33.33333%
}

.semi-col-offset-8 {
    margin-left: 33.33333%
}

.semi-col-order-8 {
    order: 8
}

.semi-col-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%
}

.semi-col-push-9 {
    left: 37.5%
}

.semi-col-pull-9 {
    right: 37.5%
}

.semi-col-offset-9 {
    margin-left: 37.5%
}

.semi-col-order-9 {
    order: 9
}

.semi-col-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66667%
}

.semi-col-push-10 {
    left: 41.66667%
}

.semi-col-pull-10 {
    right: 41.66667%
}

.semi-col-offset-10 {
    margin-left: 41.66667%
}

.semi-col-order-10 {
    order: 10
}

.semi-col-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333%
}

.semi-col-push-11 {
    left: 45.83333%
}

.semi-col-pull-11 {
    right: 45.83333%
}

.semi-col-offset-11 {
    margin-left: 45.83333%
}

.semi-col-order-11 {
    order: 11
}

.semi-col-12 {
    display: block;
    box-sizing: border-box;
    width: 50%
}

.semi-col-push-12 {
    left: 50%
}

.semi-col-pull-12 {
    right: 50%
}

.semi-col-offset-12 {
    margin-left: 50%
}

.semi-col-order-12 {
    order: 12
}

.semi-col-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16667%
}

.semi-col-push-13 {
    left: 54.16667%
}

.semi-col-pull-13 {
    right: 54.16667%
}

.semi-col-offset-13 {
    margin-left: 54.16667%
}

.semi-col-order-13 {
    order: 13
}

.semi-col-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333%
}

.semi-col-push-14 {
    left: 58.33333%
}

.semi-col-pull-14 {
    right: 58.33333%
}

.semi-col-offset-14 {
    margin-left: 58.33333%
}

.semi-col-order-14 {
    order: 14
}

.semi-col-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%
}

.semi-col-push-15 {
    left: 62.5%
}

.semi-col-pull-15 {
    right: 62.5%
}

.semi-col-offset-15 {
    margin-left: 62.5%
}

.semi-col-order-15 {
    order: 15
}

.semi-col-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66667%
}

.semi-col-push-16 {
    left: 66.66667%
}

.semi-col-pull-16 {
    right: 66.66667%
}

.semi-col-offset-16 {
    margin-left: 66.66667%
}

.semi-col-order-16 {
    order: 16
}

.semi-col-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333%
}

.semi-col-push-17 {
    left: 70.83333%
}

.semi-col-pull-17 {
    right: 70.83333%
}

.semi-col-offset-17 {
    margin-left: 70.83333%
}

.semi-col-order-17 {
    order: 17
}

.semi-col-18 {
    display: block;
    box-sizing: border-box;
    width: 75%
}

.semi-col-push-18 {
    left: 75%
}

.semi-col-pull-18 {
    right: 75%
}

.semi-col-offset-18 {
    margin-left: 75%
}

.semi-col-order-18 {
    order: 18
}

.semi-col-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16667%
}

.semi-col-push-19 {
    left: 79.16667%
}

.semi-col-pull-19 {
    right: 79.16667%
}

.semi-col-offset-19 {
    margin-left: 79.16667%
}

.semi-col-order-19 {
    order: 19
}

.semi-col-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333%
}

.semi-col-push-20 {
    left: 83.33333%
}

.semi-col-pull-20 {
    right: 83.33333%
}

.semi-col-offset-20 {
    margin-left: 83.33333%
}

.semi-col-order-20 {
    order: 20
}

.semi-col-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%
}

.semi-col-push-21 {
    left: 87.5%
}

.semi-col-pull-21 {
    right: 87.5%
}

.semi-col-offset-21 {
    margin-left: 87.5%
}

.semi-col-order-21 {
    order: 21
}

.semi-col-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66667%
}

.semi-col-push-22 {
    left: 91.66667%
}

.semi-col-pull-22 {
    right: 91.66667%
}

.semi-col-offset-22 {
    margin-left: 91.66667%
}

.semi-col-order-22 {
    order: 22
}

.semi-col-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333%
}

.semi-col-push-23 {
    left: 95.83333%
}

.semi-col-pull-23 {
    right: 95.83333%
}

.semi-col-offset-23 {
    margin-left: 95.83333%
}

.semi-col-order-23 {
    order: 23
}

.semi-col-24 {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.semi-col-push-24 {
    left: 100%
}

.semi-col-pull-24 {
    right: 100%
}

.semi-col-offset-24 {
    margin-left: 100%
}

.semi-col-order-24 {
    order: 24
}

.semi-rtl .semi-col-1,.semi-rtl .semi-col-2,.semi-rtl .semi-col-3,.semi-rtl .semi-col-4,.semi-rtl .semi-col-5,.semi-rtl .semi-col-6,.semi-rtl .semi-col-7,.semi-rtl .semi-col-8,.semi-rtl .semi-col-9,.semi-rtl .semi-col-10,.semi-rtl .semi-col-11,.semi-rtl .semi-col-12,.semi-rtl .semi-col-13,.semi-rtl .semi-col-14,.semi-rtl .semi-col-15,.semi-rtl .semi-col-16,.semi-rtl .semi-col-17,.semi-rtl .semi-col-18,.semi-rtl .semi-col-19,.semi-rtl .semi-col-20,.semi-rtl .semi-col-21,.semi-rtl .semi-col-22,.semi-rtl .semi-col-23,.semi-rtl .semi-col-24 {
    float: right
}

.semi-rtl .semi-col-offset-1 {
    margin-left: auto;
    margin-right: 4.16667%
}

.semi-rtl .semi-col-offset-2 {
    margin-left: auto;
    margin-right: 8.33333%
}

.semi-rtl .semi-col-offset-3 {
    margin-left: auto;
    margin-right: 12.5%
}

.semi-rtl .semi-col-offset-4 {
    margin-left: auto;
    margin-right: 16.66667%
}

.semi-rtl .semi-col-offset-5 {
    margin-left: auto;
    margin-right: 20.83333%
}

.semi-rtl .semi-col-offset-6 {
    margin-left: auto;
    margin-right: 25%
}

.semi-rtl .semi-col-offset-7 {
    margin-left: auto;
    margin-right: 29.16667%
}

.semi-rtl .semi-col-offset-8 {
    margin-left: auto;
    margin-right: 33.33333%
}

.semi-rtl .semi-col-offset-9 {
    margin-left: auto;
    margin-right: 37.5%
}

.semi-rtl .semi-col-offset-10 {
    margin-left: auto;
    margin-right: 41.66667%
}

.semi-rtl .semi-col-offset-11 {
    margin-left: auto;
    margin-right: 45.83333%
}

.semi-rtl .semi-col-offset-12 {
    margin-left: auto;
    margin-right: 50%
}

.semi-rtl .semi-col-offset-13 {
    margin-left: auto;
    margin-right: 54.16667%
}

.semi-rtl .semi-col-offset-14 {
    margin-left: auto;
    margin-right: 58.33333%
}

.semi-rtl .semi-col-offset-15 {
    margin-left: auto;
    margin-right: 62.5%
}

.semi-rtl .semi-col-offset-16 {
    margin-left: auto;
    margin-right: 66.66667%
}

.semi-rtl .semi-col-offset-17 {
    margin-left: auto;
    margin-right: 70.83333%
}

.semi-rtl .semi-col-offset-18 {
    margin-left: auto;
    margin-right: 75%
}

.semi-rtl .semi-col-offset-19 {
    margin-left: auto;
    margin-right: 79.16667%
}

.semi-rtl .semi-col-offset-20 {
    margin-left: auto;
    margin-right: 83.33333%
}

.semi-rtl .semi-col-offset-21 {
    margin-left: auto;
    margin-right: 87.5%
}

.semi-rtl .semi-col-offset-22 {
    margin-left: auto;
    margin-right: 91.66667%
}

.semi-rtl .semi-col-offset-23 {
    margin-left: auto;
    margin-right: 95.83333%
}

.semi-rtl .semi-col-offset-24 {
    margin-left: auto;
    margin-right: 100%
}

.semi-col-xs-1,.semi-col-xs-2,.semi-col-xs-3,.semi-col-xs-4,.semi-col-xs-5,.semi-col-xs-6,.semi-col-xs-7,.semi-col-xs-8,.semi-col-xs-9,.semi-col-xs-10,.semi-col-xs-11,.semi-col-xs-12,.semi-col-xs-13,.semi-col-xs-14,.semi-col-xs-15,.semi-col-xs-16,.semi-col-xs-17,.semi-col-xs-18,.semi-col-xs-19,.semi-col-xs-20,.semi-col-xs-21,.semi-col-xs-22,.semi-col-xs-23,.semi-col-xs-24 {
    flex: 0 0 auto;
    float: left
}

.semi-col-xs-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16667%
}

.semi-col-xs-push-1 {
    left: 4.16667%
}

.semi-col-xs-pull-1 {
    right: 4.16667%
}

.semi-col-xs-offset-1 {
    margin-left: 4.16667%
}

.semi-col-xs-order-1 {
    order: 1
}

.semi-col-xs-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333%
}

.semi-col-xs-push-2 {
    left: 8.33333%
}

.semi-col-xs-pull-2 {
    right: 8.33333%
}

.semi-col-xs-offset-2 {
    margin-left: 8.33333%
}

.semi-col-xs-order-2 {
    order: 2
}

.semi-col-xs-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

.semi-col-xs-push-3 {
    left: 12.5%
}

.semi-col-xs-pull-3 {
    right: 12.5%
}

.semi-col-xs-offset-3 {
    margin-left: 12.5%
}

.semi-col-xs-order-3 {
    order: 3
}

.semi-col-xs-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66667%
}

.semi-col-xs-push-4 {
    left: 16.66667%
}

.semi-col-xs-pull-4 {
    right: 16.66667%
}

.semi-col-xs-offset-4 {
    margin-left: 16.66667%
}

.semi-col-xs-order-4 {
    order: 4
}

.semi-col-xs-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333%
}

.semi-col-xs-push-5 {
    left: 20.83333%
}

.semi-col-xs-pull-5 {
    right: 20.83333%
}

.semi-col-xs-offset-5 {
    margin-left: 20.83333%
}

.semi-col-xs-order-5 {
    order: 5
}

.semi-col-xs-6 {
    display: block;
    box-sizing: border-box;
    width: 25%
}

.semi-col-xs-push-6 {
    left: 25%
}

.semi-col-xs-pull-6 {
    right: 25%
}

.semi-col-xs-offset-6 {
    margin-left: 25%
}

.semi-col-xs-order-6 {
    order: 6
}

.semi-col-xs-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16667%
}

.semi-col-xs-push-7 {
    left: 29.16667%
}

.semi-col-xs-pull-7 {
    right: 29.16667%
}

.semi-col-xs-offset-7 {
    margin-left: 29.16667%
}

.semi-col-xs-order-7 {
    order: 7
}

.semi-col-xs-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333%
}

.semi-col-xs-push-8 {
    left: 33.33333%
}

.semi-col-xs-pull-8 {
    right: 33.33333%
}

.semi-col-xs-offset-8 {
    margin-left: 33.33333%
}

.semi-col-xs-order-8 {
    order: 8
}

.semi-col-xs-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%
}

.semi-col-xs-push-9 {
    left: 37.5%
}

.semi-col-xs-pull-9 {
    right: 37.5%
}

.semi-col-xs-offset-9 {
    margin-left: 37.5%
}

.semi-col-xs-order-9 {
    order: 9
}

.semi-col-xs-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66667%
}

.semi-col-xs-push-10 {
    left: 41.66667%
}

.semi-col-xs-pull-10 {
    right: 41.66667%
}

.semi-col-xs-offset-10 {
    margin-left: 41.66667%
}

.semi-col-xs-order-10 {
    order: 10
}

.semi-col-xs-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333%
}

.semi-col-xs-push-11 {
    left: 45.83333%
}

.semi-col-xs-pull-11 {
    right: 45.83333%
}

.semi-col-xs-offset-11 {
    margin-left: 45.83333%
}

.semi-col-xs-order-11 {
    order: 11
}

.semi-col-xs-12 {
    display: block;
    box-sizing: border-box;
    width: 50%
}

.semi-col-xs-push-12 {
    left: 50%
}

.semi-col-xs-pull-12 {
    right: 50%
}

.semi-col-xs-offset-12 {
    margin-left: 50%
}

.semi-col-xs-order-12 {
    order: 12
}

.semi-col-xs-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16667%
}

.semi-col-xs-push-13 {
    left: 54.16667%
}

.semi-col-xs-pull-13 {
    right: 54.16667%
}

.semi-col-xs-offset-13 {
    margin-left: 54.16667%
}

.semi-col-xs-order-13 {
    order: 13
}

.semi-col-xs-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333%
}

.semi-col-xs-push-14 {
    left: 58.33333%
}

.semi-col-xs-pull-14 {
    right: 58.33333%
}

.semi-col-xs-offset-14 {
    margin-left: 58.33333%
}

.semi-col-xs-order-14 {
    order: 14
}

.semi-col-xs-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%
}

.semi-col-xs-push-15 {
    left: 62.5%
}

.semi-col-xs-pull-15 {
    right: 62.5%
}

.semi-col-xs-offset-15 {
    margin-left: 62.5%
}

.semi-col-xs-order-15 {
    order: 15
}

.semi-col-xs-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66667%
}

.semi-col-xs-push-16 {
    left: 66.66667%
}

.semi-col-xs-pull-16 {
    right: 66.66667%
}

.semi-col-xs-offset-16 {
    margin-left: 66.66667%
}

.semi-col-xs-order-16 {
    order: 16
}

.semi-col-xs-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333%
}

.semi-col-xs-push-17 {
    left: 70.83333%
}

.semi-col-xs-pull-17 {
    right: 70.83333%
}

.semi-col-xs-offset-17 {
    margin-left: 70.83333%
}

.semi-col-xs-order-17 {
    order: 17
}

.semi-col-xs-18 {
    display: block;
    box-sizing: border-box;
    width: 75%
}

.semi-col-xs-push-18 {
    left: 75%
}

.semi-col-xs-pull-18 {
    right: 75%
}

.semi-col-xs-offset-18 {
    margin-left: 75%
}

.semi-col-xs-order-18 {
    order: 18
}

.semi-col-xs-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16667%
}

.semi-col-xs-push-19 {
    left: 79.16667%
}

.semi-col-xs-pull-19 {
    right: 79.16667%
}

.semi-col-xs-offset-19 {
    margin-left: 79.16667%
}

.semi-col-xs-order-19 {
    order: 19
}

.semi-col-xs-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333%
}

.semi-col-xs-push-20 {
    left: 83.33333%
}

.semi-col-xs-pull-20 {
    right: 83.33333%
}

.semi-col-xs-offset-20 {
    margin-left: 83.33333%
}

.semi-col-xs-order-20 {
    order: 20
}

.semi-col-xs-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%
}

.semi-col-xs-push-21 {
    left: 87.5%
}

.semi-col-xs-pull-21 {
    right: 87.5%
}

.semi-col-xs-offset-21 {
    margin-left: 87.5%
}

.semi-col-xs-order-21 {
    order: 21
}

.semi-col-xs-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66667%
}

.semi-col-xs-push-22 {
    left: 91.66667%
}

.semi-col-xs-pull-22 {
    right: 91.66667%
}

.semi-col-xs-offset-22 {
    margin-left: 91.66667%
}

.semi-col-xs-order-22 {
    order: 22
}

.semi-col-xs-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333%
}

.semi-col-xs-push-23 {
    left: 95.83333%
}

.semi-col-xs-pull-23 {
    right: 95.83333%
}

.semi-col-xs-offset-23 {
    margin-left: 95.83333%
}

.semi-col-xs-order-23 {
    order: 23
}

.semi-col-xs-24 {
    display: block;
    box-sizing: border-box;
    width: 100%
}

.semi-col-xs-push-24 {
    left: 100%
}

.semi-col-xs-pull-24 {
    right: 100%
}

.semi-col-xs-offset-24 {
    margin-left: 100%
}

.semi-col-xs-order-24 {
    order: 24
}

.semi-rtl .semi-col-xs-1,.semi-rtl .semi-col-xs-2,.semi-rtl .semi-col-xs-3,.semi-rtl .semi-col-xs-4,.semi-rtl .semi-col-xs-5,.semi-rtl .semi-col-xs-6,.semi-rtl .semi-col-xs-7,.semi-rtl .semi-col-xs-8,.semi-rtl .semi-col-xs-9,.semi-rtl .semi-col-xs-10,.semi-rtl .semi-col-xs-11,.semi-rtl .semi-col-xs-12,.semi-rtl .semi-col-xs-13,.semi-rtl .semi-col-xs-14,.semi-rtl .semi-col-xs-15,.semi-rtl .semi-col-xs-16,.semi-rtl .semi-col-xs-17,.semi-rtl .semi-col-xs-18,.semi-rtl .semi-col-xs-19,.semi-rtl .semi-col-xs-20,.semi-rtl .semi-col-xs-21,.semi-rtl .semi-col-xs-22,.semi-rtl .semi-col-xs-23,.semi-rtl .semi-col-xs-24 {
    float: right
}

.semi-rtl .semi-col-xs-offset-1 {
    margin-left: auto;
    margin-right: 4.16667%
}

.semi-rtl .semi-col-xs-offset-2 {
    margin-left: auto;
    margin-right: 8.33333%
}

.semi-rtl .semi-col-xs-offset-3 {
    margin-left: auto;
    margin-right: 12.5%
}

.semi-rtl .semi-col-xs-offset-4 {
    margin-left: auto;
    margin-right: 16.66667%
}

.semi-rtl .semi-col-xs-offset-5 {
    margin-left: auto;
    margin-right: 20.83333%
}

.semi-rtl .semi-col-xs-offset-6 {
    margin-left: auto;
    margin-right: 25%
}

.semi-rtl .semi-col-xs-offset-7 {
    margin-left: auto;
    margin-right: 29.16667%
}

.semi-rtl .semi-col-xs-offset-8 {
    margin-left: auto;
    margin-right: 33.33333%
}

.semi-rtl .semi-col-xs-offset-9 {
    margin-left: auto;
    margin-right: 37.5%
}

.semi-rtl .semi-col-xs-offset-10 {
    margin-left: auto;
    margin-right: 41.66667%
}

.semi-rtl .semi-col-xs-offset-11 {
    margin-left: auto;
    margin-right: 45.83333%
}

.semi-rtl .semi-col-xs-offset-12 {
    margin-left: auto;
    margin-right: 50%
}

.semi-rtl .semi-col-xs-offset-13 {
    margin-left: auto;
    margin-right: 54.16667%
}

.semi-rtl .semi-col-xs-offset-14 {
    margin-left: auto;
    margin-right: 58.33333%
}

.semi-rtl .semi-col-xs-offset-15 {
    margin-left: auto;
    margin-right: 62.5%
}

.semi-rtl .semi-col-xs-offset-16 {
    margin-left: auto;
    margin-right: 66.66667%
}

.semi-rtl .semi-col-xs-offset-17 {
    margin-left: auto;
    margin-right: 70.83333%
}

.semi-rtl .semi-col-xs-offset-18 {
    margin-left: auto;
    margin-right: 75%
}

.semi-rtl .semi-col-xs-offset-19 {
    margin-left: auto;
    margin-right: 79.16667%
}

.semi-rtl .semi-col-xs-offset-20 {
    margin-left: auto;
    margin-right: 83.33333%
}

.semi-rtl .semi-col-xs-offset-21 {
    margin-left: auto;
    margin-right: 87.5%
}

.semi-rtl .semi-col-xs-offset-22 {
    margin-left: auto;
    margin-right: 91.66667%
}

.semi-rtl .semi-col-xs-offset-23 {
    margin-left: auto;
    margin-right: 95.83333%
}

.semi-rtl .semi-col-xs-offset-24 {
    margin-left: auto;
    margin-right: 100%
}

@media (min-width: 576px) {
    .semi-col-sm-1,.semi-col-sm-2,.semi-col-sm-3,.semi-col-sm-4,.semi-col-sm-5,.semi-col-sm-6,.semi-col-sm-7,.semi-col-sm-8,.semi-col-sm-9,.semi-col-sm-10,.semi-col-sm-11,.semi-col-sm-12,.semi-col-sm-13,.semi-col-sm-14,.semi-col-sm-15,.semi-col-sm-16,.semi-col-sm-17,.semi-col-sm-18,.semi-col-sm-19,.semi-col-sm-20,.semi-col-sm-21,.semi-col-sm-22,.semi-col-sm-23,.semi-col-sm-24 {
        flex:0 0 auto;
        float: left
    }

    .semi-col-sm-1 {
        display: block;
        box-sizing: border-box;
        width: 4.16667%
    }

    .semi-col-sm-push-1 {
        left: 4.16667%
    }

    .semi-col-sm-pull-1 {
        right: 4.16667%
    }

    .semi-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .semi-col-sm-order-1 {
        order: 1
    }

    .semi-col-sm-2 {
        display: block;
        box-sizing: border-box;
        width: 8.33333%
    }

    .semi-col-sm-push-2 {
        left: 8.33333%
    }

    .semi-col-sm-pull-2 {
        right: 8.33333%
    }

    .semi-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .semi-col-sm-order-2 {
        order: 2
    }

    .semi-col-sm-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-sm-push-3 {
        left: 12.5%
    }

    .semi-col-sm-pull-3 {
        right: 12.5%
    }

    .semi-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-sm-order-3 {
        order: 3
    }

    .semi-col-sm-4 {
        display: block;
        box-sizing: border-box;
        width: 16.66667%
    }

    .semi-col-sm-push-4 {
        left: 16.66667%
    }

    .semi-col-sm-pull-4 {
        right: 16.66667%
    }

    .semi-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .semi-col-sm-order-4 {
        order: 4
    }

    .semi-col-sm-5 {
        display: block;
        box-sizing: border-box;
        width: 20.83333%
    }

    .semi-col-sm-push-5 {
        left: 20.83333%
    }

    .semi-col-sm-pull-5 {
        right: 20.83333%
    }

    .semi-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .semi-col-sm-order-5 {
        order: 5
    }

    .semi-col-sm-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-sm-push-6 {
        left: 25%
    }

    .semi-col-sm-pull-6 {
        right: 25%
    }

    .semi-col-sm-offset-6 {
        margin-left: 25%
    }

    .semi-col-sm-order-6 {
        order: 6
    }

    .semi-col-sm-7 {
        display: block;
        box-sizing: border-box;
        width: 29.16667%
    }

    .semi-col-sm-push-7 {
        left: 29.16667%
    }

    .semi-col-sm-pull-7 {
        right: 29.16667%
    }

    .semi-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .semi-col-sm-order-7 {
        order: 7
    }

    .semi-col-sm-8 {
        display: block;
        box-sizing: border-box;
        width: 33.33333%
    }

    .semi-col-sm-push-8 {
        left: 33.33333%
    }

    .semi-col-sm-pull-8 {
        right: 33.33333%
    }

    .semi-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .semi-col-sm-order-8 {
        order: 8
    }

    .semi-col-sm-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-sm-push-9 {
        left: 37.5%
    }

    .semi-col-sm-pull-9 {
        right: 37.5%
    }

    .semi-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-sm-order-9 {
        order: 9
    }

    .semi-col-sm-10 {
        display: block;
        box-sizing: border-box;
        width: 41.66667%
    }

    .semi-col-sm-push-10 {
        left: 41.66667%
    }

    .semi-col-sm-pull-10 {
        right: 41.66667%
    }

    .semi-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .semi-col-sm-order-10 {
        order: 10
    }

    .semi-col-sm-11 {
        display: block;
        box-sizing: border-box;
        width: 45.83333%
    }

    .semi-col-sm-push-11 {
        left: 45.83333%
    }

    .semi-col-sm-pull-11 {
        right: 45.83333%
    }

    .semi-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .semi-col-sm-order-11 {
        order: 11
    }

    .semi-col-sm-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-sm-push-12 {
        left: 50%
    }

    .semi-col-sm-pull-12 {
        right: 50%
    }

    .semi-col-sm-offset-12 {
        margin-left: 50%
    }

    .semi-col-sm-order-12 {
        order: 12
    }

    .semi-col-sm-13 {
        display: block;
        box-sizing: border-box;
        width: 54.16667%
    }

    .semi-col-sm-push-13 {
        left: 54.16667%
    }

    .semi-col-sm-pull-13 {
        right: 54.16667%
    }

    .semi-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .semi-col-sm-order-13 {
        order: 13
    }

    .semi-col-sm-14 {
        display: block;
        box-sizing: border-box;
        width: 58.33333%
    }

    .semi-col-sm-push-14 {
        left: 58.33333%
    }

    .semi-col-sm-pull-14 {
        right: 58.33333%
    }

    .semi-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .semi-col-sm-order-14 {
        order: 14
    }

    .semi-col-sm-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-sm-push-15 {
        left: 62.5%
    }

    .semi-col-sm-pull-15 {
        right: 62.5%
    }

    .semi-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-sm-order-15 {
        order: 15
    }

    .semi-col-sm-16 {
        display: block;
        box-sizing: border-box;
        width: 66.66667%
    }

    .semi-col-sm-push-16 {
        left: 66.66667%
    }

    .semi-col-sm-pull-16 {
        right: 66.66667%
    }

    .semi-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .semi-col-sm-order-16 {
        order: 16
    }

    .semi-col-sm-17 {
        display: block;
        box-sizing: border-box;
        width: 70.83333%
    }

    .semi-col-sm-push-17 {
        left: 70.83333%
    }

    .semi-col-sm-pull-17 {
        right: 70.83333%
    }

    .semi-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .semi-col-sm-order-17 {
        order: 17
    }

    .semi-col-sm-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-sm-push-18 {
        left: 75%
    }

    .semi-col-sm-pull-18 {
        right: 75%
    }

    .semi-col-sm-offset-18 {
        margin-left: 75%
    }

    .semi-col-sm-order-18 {
        order: 18
    }

    .semi-col-sm-19 {
        display: block;
        box-sizing: border-box;
        width: 79.16667%
    }

    .semi-col-sm-push-19 {
        left: 79.16667%
    }

    .semi-col-sm-pull-19 {
        right: 79.16667%
    }

    .semi-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .semi-col-sm-order-19 {
        order: 19
    }

    .semi-col-sm-20 {
        display: block;
        box-sizing: border-box;
        width: 83.33333%
    }

    .semi-col-sm-push-20 {
        left: 83.33333%
    }

    .semi-col-sm-pull-20 {
        right: 83.33333%
    }

    .semi-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .semi-col-sm-order-20 {
        order: 20
    }

    .semi-col-sm-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-sm-push-21 {
        left: 87.5%
    }

    .semi-col-sm-pull-21 {
        right: 87.5%
    }

    .semi-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-sm-order-21 {
        order: 21
    }

    .semi-col-sm-22 {
        display: block;
        box-sizing: border-box;
        width: 91.66667%
    }

    .semi-col-sm-push-22 {
        left: 91.66667%
    }

    .semi-col-sm-pull-22 {
        right: 91.66667%
    }

    .semi-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .semi-col-sm-order-22 {
        order: 22
    }

    .semi-col-sm-23 {
        display: block;
        box-sizing: border-box;
        width: 95.83333%
    }

    .semi-col-sm-push-23 {
        left: 95.83333%
    }

    .semi-col-sm-pull-23 {
        right: 95.83333%
    }

    .semi-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .semi-col-sm-order-23 {
        order: 23
    }

    .semi-col-sm-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-sm-push-24 {
        left: 100%
    }

    .semi-col-sm-pull-24 {
        right: 100%
    }

    .semi-col-sm-offset-24 {
        margin-left: 100%
    }

    .semi-col-sm-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-sm-1,.semi-rtl .semi-col-sm-2,.semi-rtl .semi-col-sm-3,.semi-rtl .semi-col-sm-4,.semi-rtl .semi-col-sm-5,.semi-rtl .semi-col-sm-6,.semi-rtl .semi-col-sm-7,.semi-rtl .semi-col-sm-8,.semi-rtl .semi-col-sm-9,.semi-rtl .semi-col-sm-10,.semi-rtl .semi-col-sm-11,.semi-rtl .semi-col-sm-12,.semi-rtl .semi-col-sm-13,.semi-rtl .semi-col-sm-14,.semi-rtl .semi-col-sm-15,.semi-rtl .semi-col-sm-16,.semi-rtl .semi-col-sm-17,.semi-rtl .semi-col-sm-18,.semi-rtl .semi-col-sm-19,.semi-rtl .semi-col-sm-20,.semi-rtl .semi-col-sm-21,.semi-rtl .semi-col-sm-22,.semi-rtl .semi-col-sm-23,.semi-rtl .semi-col-sm-24 {
        float: right
    }

    .semi-rtl .semi-col-sm-offset-1 {
        margin-left: auto;
        margin-right: 4.16667%
    }

    .semi-rtl .semi-col-sm-offset-2 {
        margin-left: auto;
        margin-right: 8.33333%
    }

    .semi-rtl .semi-col-sm-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-sm-offset-4 {
        margin-left: auto;
        margin-right: 16.66667%
    }

    .semi-rtl .semi-col-sm-offset-5 {
        margin-left: auto;
        margin-right: 20.83333%
    }

    .semi-rtl .semi-col-sm-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-sm-offset-7 {
        margin-left: auto;
        margin-right: 29.16667%
    }

    .semi-rtl .semi-col-sm-offset-8 {
        margin-left: auto;
        margin-right: 33.33333%
    }

    .semi-rtl .semi-col-sm-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-sm-offset-10 {
        margin-left: auto;
        margin-right: 41.66667%
    }

    .semi-rtl .semi-col-sm-offset-11 {
        margin-left: auto;
        margin-right: 45.83333%
    }

    .semi-rtl .semi-col-sm-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-sm-offset-13 {
        margin-left: auto;
        margin-right: 54.16667%
    }

    .semi-rtl .semi-col-sm-offset-14 {
        margin-left: auto;
        margin-right: 58.33333%
    }

    .semi-rtl .semi-col-sm-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-sm-offset-16 {
        margin-left: auto;
        margin-right: 66.66667%
    }

    .semi-rtl .semi-col-sm-offset-17 {
        margin-left: auto;
        margin-right: 70.83333%
    }

    .semi-rtl .semi-col-sm-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-sm-offset-19 {
        margin-left: auto;
        margin-right: 79.16667%
    }

    .semi-rtl .semi-col-sm-offset-20 {
        margin-left: auto;
        margin-right: 83.33333%
    }

    .semi-rtl .semi-col-sm-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-sm-offset-22 {
        margin-left: auto;
        margin-right: 91.66667%
    }

    .semi-rtl .semi-col-sm-offset-23 {
        margin-left: auto;
        margin-right: 95.83333%
    }

    .semi-rtl .semi-col-sm-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 768px) {
    .semi-col-md-1,.semi-col-md-2,.semi-col-md-3,.semi-col-md-4,.semi-col-md-5,.semi-col-md-6,.semi-col-md-7,.semi-col-md-8,.semi-col-md-9,.semi-col-md-10,.semi-col-md-11,.semi-col-md-12,.semi-col-md-13,.semi-col-md-14,.semi-col-md-15,.semi-col-md-16,.semi-col-md-17,.semi-col-md-18,.semi-col-md-19,.semi-col-md-20,.semi-col-md-21,.semi-col-md-22,.semi-col-md-23,.semi-col-md-24 {
        flex:0 0 auto;
        float: left
    }

    .semi-col-md-1 {
        display: block;
        box-sizing: border-box;
        width: 4.16667%
    }

    .semi-col-md-push-1 {
        left: 4.16667%
    }

    .semi-col-md-pull-1 {
        right: 4.16667%
    }

    .semi-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .semi-col-md-order-1 {
        order: 1
    }

    .semi-col-md-2 {
        display: block;
        box-sizing: border-box;
        width: 8.33333%
    }

    .semi-col-md-push-2 {
        left: 8.33333%
    }

    .semi-col-md-pull-2 {
        right: 8.33333%
    }

    .semi-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .semi-col-md-order-2 {
        order: 2
    }

    .semi-col-md-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-md-push-3 {
        left: 12.5%
    }

    .semi-col-md-pull-3 {
        right: 12.5%
    }

    .semi-col-md-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-md-order-3 {
        order: 3
    }

    .semi-col-md-4 {
        display: block;
        box-sizing: border-box;
        width: 16.66667%
    }

    .semi-col-md-push-4 {
        left: 16.66667%
    }

    .semi-col-md-pull-4 {
        right: 16.66667%
    }

    .semi-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .semi-col-md-order-4 {
        order: 4
    }

    .semi-col-md-5 {
        display: block;
        box-sizing: border-box;
        width: 20.83333%
    }

    .semi-col-md-push-5 {
        left: 20.83333%
    }

    .semi-col-md-pull-5 {
        right: 20.83333%
    }

    .semi-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .semi-col-md-order-5 {
        order: 5
    }

    .semi-col-md-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-md-push-6 {
        left: 25%
    }

    .semi-col-md-pull-6 {
        right: 25%
    }

    .semi-col-md-offset-6 {
        margin-left: 25%
    }

    .semi-col-md-order-6 {
        order: 6
    }

    .semi-col-md-7 {
        display: block;
        box-sizing: border-box;
        width: 29.16667%
    }

    .semi-col-md-push-7 {
        left: 29.16667%
    }

    .semi-col-md-pull-7 {
        right: 29.16667%
    }

    .semi-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .semi-col-md-order-7 {
        order: 7
    }

    .semi-col-md-8 {
        display: block;
        box-sizing: border-box;
        width: 33.33333%
    }

    .semi-col-md-push-8 {
        left: 33.33333%
    }

    .semi-col-md-pull-8 {
        right: 33.33333%
    }

    .semi-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .semi-col-md-order-8 {
        order: 8
    }

    .semi-col-md-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-md-push-9 {
        left: 37.5%
    }

    .semi-col-md-pull-9 {
        right: 37.5%
    }

    .semi-col-md-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-md-order-9 {
        order: 9
    }

    .semi-col-md-10 {
        display: block;
        box-sizing: border-box;
        width: 41.66667%
    }

    .semi-col-md-push-10 {
        left: 41.66667%
    }

    .semi-col-md-pull-10 {
        right: 41.66667%
    }

    .semi-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .semi-col-md-order-10 {
        order: 10
    }

    .semi-col-md-11 {
        display: block;
        box-sizing: border-box;
        width: 45.83333%
    }

    .semi-col-md-push-11 {
        left: 45.83333%
    }

    .semi-col-md-pull-11 {
        right: 45.83333%
    }

    .semi-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .semi-col-md-order-11 {
        order: 11
    }

    .semi-col-md-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-md-push-12 {
        left: 50%
    }

    .semi-col-md-pull-12 {
        right: 50%
    }

    .semi-col-md-offset-12 {
        margin-left: 50%
    }

    .semi-col-md-order-12 {
        order: 12
    }

    .semi-col-md-13 {
        display: block;
        box-sizing: border-box;
        width: 54.16667%
    }

    .semi-col-md-push-13 {
        left: 54.16667%
    }

    .semi-col-md-pull-13 {
        right: 54.16667%
    }

    .semi-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .semi-col-md-order-13 {
        order: 13
    }

    .semi-col-md-14 {
        display: block;
        box-sizing: border-box;
        width: 58.33333%
    }

    .semi-col-md-push-14 {
        left: 58.33333%
    }

    .semi-col-md-pull-14 {
        right: 58.33333%
    }

    .semi-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .semi-col-md-order-14 {
        order: 14
    }

    .semi-col-md-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-md-push-15 {
        left: 62.5%
    }

    .semi-col-md-pull-15 {
        right: 62.5%
    }

    .semi-col-md-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-md-order-15 {
        order: 15
    }

    .semi-col-md-16 {
        display: block;
        box-sizing: border-box;
        width: 66.66667%
    }

    .semi-col-md-push-16 {
        left: 66.66667%
    }

    .semi-col-md-pull-16 {
        right: 66.66667%
    }

    .semi-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .semi-col-md-order-16 {
        order: 16
    }

    .semi-col-md-17 {
        display: block;
        box-sizing: border-box;
        width: 70.83333%
    }

    .semi-col-md-push-17 {
        left: 70.83333%
    }

    .semi-col-md-pull-17 {
        right: 70.83333%
    }

    .semi-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .semi-col-md-order-17 {
        order: 17
    }

    .semi-col-md-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-md-push-18 {
        left: 75%
    }

    .semi-col-md-pull-18 {
        right: 75%
    }

    .semi-col-md-offset-18 {
        margin-left: 75%
    }

    .semi-col-md-order-18 {
        order: 18
    }

    .semi-col-md-19 {
        display: block;
        box-sizing: border-box;
        width: 79.16667%
    }

    .semi-col-md-push-19 {
        left: 79.16667%
    }

    .semi-col-md-pull-19 {
        right: 79.16667%
    }

    .semi-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .semi-col-md-order-19 {
        order: 19
    }

    .semi-col-md-20 {
        display: block;
        box-sizing: border-box;
        width: 83.33333%
    }

    .semi-col-md-push-20 {
        left: 83.33333%
    }

    .semi-col-md-pull-20 {
        right: 83.33333%
    }

    .semi-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .semi-col-md-order-20 {
        order: 20
    }

    .semi-col-md-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-md-push-21 {
        left: 87.5%
    }

    .semi-col-md-pull-21 {
        right: 87.5%
    }

    .semi-col-md-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-md-order-21 {
        order: 21
    }

    .semi-col-md-22 {
        display: block;
        box-sizing: border-box;
        width: 91.66667%
    }

    .semi-col-md-push-22 {
        left: 91.66667%
    }

    .semi-col-md-pull-22 {
        right: 91.66667%
    }

    .semi-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .semi-col-md-order-22 {
        order: 22
    }

    .semi-col-md-23 {
        display: block;
        box-sizing: border-box;
        width: 95.83333%
    }

    .semi-col-md-push-23 {
        left: 95.83333%
    }

    .semi-col-md-pull-23 {
        right: 95.83333%
    }

    .semi-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .semi-col-md-order-23 {
        order: 23
    }

    .semi-col-md-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-md-push-24 {
        left: 100%
    }

    .semi-col-md-pull-24 {
        right: 100%
    }

    .semi-col-md-offset-24 {
        margin-left: 100%
    }

    .semi-col-md-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-md-1,.semi-rtl .semi-col-md-2,.semi-rtl .semi-col-md-3,.semi-rtl .semi-col-md-4,.semi-rtl .semi-col-md-5,.semi-rtl .semi-col-md-6,.semi-rtl .semi-col-md-7,.semi-rtl .semi-col-md-8,.semi-rtl .semi-col-md-9,.semi-rtl .semi-col-md-10,.semi-rtl .semi-col-md-11,.semi-rtl .semi-col-md-12,.semi-rtl .semi-col-md-13,.semi-rtl .semi-col-md-14,.semi-rtl .semi-col-md-15,.semi-rtl .semi-col-md-16,.semi-rtl .semi-col-md-17,.semi-rtl .semi-col-md-18,.semi-rtl .semi-col-md-19,.semi-rtl .semi-col-md-20,.semi-rtl .semi-col-md-21,.semi-rtl .semi-col-md-22,.semi-rtl .semi-col-md-23,.semi-rtl .semi-col-md-24 {
        float: right
    }

    .semi-rtl .semi-col-md-offset-1 {
        margin-left: auto;
        margin-right: 4.16667%
    }

    .semi-rtl .semi-col-md-offset-2 {
        margin-left: auto;
        margin-right: 8.33333%
    }

    .semi-rtl .semi-col-md-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-md-offset-4 {
        margin-left: auto;
        margin-right: 16.66667%
    }

    .semi-rtl .semi-col-md-offset-5 {
        margin-left: auto;
        margin-right: 20.83333%
    }

    .semi-rtl .semi-col-md-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-md-offset-7 {
        margin-left: auto;
        margin-right: 29.16667%
    }

    .semi-rtl .semi-col-md-offset-8 {
        margin-left: auto;
        margin-right: 33.33333%
    }

    .semi-rtl .semi-col-md-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-md-offset-10 {
        margin-left: auto;
        margin-right: 41.66667%
    }

    .semi-rtl .semi-col-md-offset-11 {
        margin-left: auto;
        margin-right: 45.83333%
    }

    .semi-rtl .semi-col-md-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-md-offset-13 {
        margin-left: auto;
        margin-right: 54.16667%
    }

    .semi-rtl .semi-col-md-offset-14 {
        margin-left: auto;
        margin-right: 58.33333%
    }

    .semi-rtl .semi-col-md-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-md-offset-16 {
        margin-left: auto;
        margin-right: 66.66667%
    }

    .semi-rtl .semi-col-md-offset-17 {
        margin-left: auto;
        margin-right: 70.83333%
    }

    .semi-rtl .semi-col-md-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-md-offset-19 {
        margin-left: auto;
        margin-right: 79.16667%
    }

    .semi-rtl .semi-col-md-offset-20 {
        margin-left: auto;
        margin-right: 83.33333%
    }

    .semi-rtl .semi-col-md-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-md-offset-22 {
        margin-left: auto;
        margin-right: 91.66667%
    }

    .semi-rtl .semi-col-md-offset-23 {
        margin-left: auto;
        margin-right: 95.83333%
    }

    .semi-rtl .semi-col-md-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 992px) {
    .semi-col-lg-1,.semi-col-lg-2,.semi-col-lg-3,.semi-col-lg-4,.semi-col-lg-5,.semi-col-lg-6,.semi-col-lg-7,.semi-col-lg-8,.semi-col-lg-9,.semi-col-lg-10,.semi-col-lg-11,.semi-col-lg-12,.semi-col-lg-13,.semi-col-lg-14,.semi-col-lg-15,.semi-col-lg-16,.semi-col-lg-17,.semi-col-lg-18,.semi-col-lg-19,.semi-col-lg-20,.semi-col-lg-21,.semi-col-lg-22,.semi-col-lg-23,.semi-col-lg-24 {
        flex:0 0 auto;
        float: left
    }

    .semi-col-lg-1 {
        display: block;
        box-sizing: border-box;
        width: 4.16667%
    }

    .semi-col-lg-push-1 {
        left: 4.16667%
    }

    .semi-col-lg-pull-1 {
        right: 4.16667%
    }

    .semi-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .semi-col-lg-order-1 {
        order: 1
    }

    .semi-col-lg-2 {
        display: block;
        box-sizing: border-box;
        width: 8.33333%
    }

    .semi-col-lg-push-2 {
        left: 8.33333%
    }

    .semi-col-lg-pull-2 {
        right: 8.33333%
    }

    .semi-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .semi-col-lg-order-2 {
        order: 2
    }

    .semi-col-lg-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-lg-push-3 {
        left: 12.5%
    }

    .semi-col-lg-pull-3 {
        right: 12.5%
    }

    .semi-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-lg-order-3 {
        order: 3
    }

    .semi-col-lg-4 {
        display: block;
        box-sizing: border-box;
        width: 16.66667%
    }

    .semi-col-lg-push-4 {
        left: 16.66667%
    }

    .semi-col-lg-pull-4 {
        right: 16.66667%
    }

    .semi-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .semi-col-lg-order-4 {
        order: 4
    }

    .semi-col-lg-5 {
        display: block;
        box-sizing: border-box;
        width: 20.83333%
    }

    .semi-col-lg-push-5 {
        left: 20.83333%
    }

    .semi-col-lg-pull-5 {
        right: 20.83333%
    }

    .semi-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .semi-col-lg-order-5 {
        order: 5
    }

    .semi-col-lg-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-lg-push-6 {
        left: 25%
    }

    .semi-col-lg-pull-6 {
        right: 25%
    }

    .semi-col-lg-offset-6 {
        margin-left: 25%
    }

    .semi-col-lg-order-6 {
        order: 6
    }

    .semi-col-lg-7 {
        display: block;
        box-sizing: border-box;
        width: 29.16667%
    }

    .semi-col-lg-push-7 {
        left: 29.16667%
    }

    .semi-col-lg-pull-7 {
        right: 29.16667%
    }

    .semi-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .semi-col-lg-order-7 {
        order: 7
    }

    .semi-col-lg-8 {
        display: block;
        box-sizing: border-box;
        width: 33.33333%
    }

    .semi-col-lg-push-8 {
        left: 33.33333%
    }

    .semi-col-lg-pull-8 {
        right: 33.33333%
    }

    .semi-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .semi-col-lg-order-8 {
        order: 8
    }

    .semi-col-lg-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-lg-push-9 {
        left: 37.5%
    }

    .semi-col-lg-pull-9 {
        right: 37.5%
    }

    .semi-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-lg-order-9 {
        order: 9
    }

    .semi-col-lg-10 {
        display: block;
        box-sizing: border-box;
        width: 41.66667%
    }

    .semi-col-lg-push-10 {
        left: 41.66667%
    }

    .semi-col-lg-pull-10 {
        right: 41.66667%
    }

    .semi-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .semi-col-lg-order-10 {
        order: 10
    }

    .semi-col-lg-11 {
        display: block;
        box-sizing: border-box;
        width: 45.83333%
    }

    .semi-col-lg-push-11 {
        left: 45.83333%
    }

    .semi-col-lg-pull-11 {
        right: 45.83333%
    }

    .semi-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .semi-col-lg-order-11 {
        order: 11
    }

    .semi-col-lg-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-lg-push-12 {
        left: 50%
    }

    .semi-col-lg-pull-12 {
        right: 50%
    }

    .semi-col-lg-offset-12 {
        margin-left: 50%
    }

    .semi-col-lg-order-12 {
        order: 12
    }

    .semi-col-lg-13 {
        display: block;
        box-sizing: border-box;
        width: 54.16667%
    }

    .semi-col-lg-push-13 {
        left: 54.16667%
    }

    .semi-col-lg-pull-13 {
        right: 54.16667%
    }

    .semi-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .semi-col-lg-order-13 {
        order: 13
    }

    .semi-col-lg-14 {
        display: block;
        box-sizing: border-box;
        width: 58.33333%
    }

    .semi-col-lg-push-14 {
        left: 58.33333%
    }

    .semi-col-lg-pull-14 {
        right: 58.33333%
    }

    .semi-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .semi-col-lg-order-14 {
        order: 14
    }

    .semi-col-lg-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-lg-push-15 {
        left: 62.5%
    }

    .semi-col-lg-pull-15 {
        right: 62.5%
    }

    .semi-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-lg-order-15 {
        order: 15
    }

    .semi-col-lg-16 {
        display: block;
        box-sizing: border-box;
        width: 66.66667%
    }

    .semi-col-lg-push-16 {
        left: 66.66667%
    }

    .semi-col-lg-pull-16 {
        right: 66.66667%
    }

    .semi-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .semi-col-lg-order-16 {
        order: 16
    }

    .semi-col-lg-17 {
        display: block;
        box-sizing: border-box;
        width: 70.83333%
    }

    .semi-col-lg-push-17 {
        left: 70.83333%
    }

    .semi-col-lg-pull-17 {
        right: 70.83333%
    }

    .semi-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .semi-col-lg-order-17 {
        order: 17
    }

    .semi-col-lg-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-lg-push-18 {
        left: 75%
    }

    .semi-col-lg-pull-18 {
        right: 75%
    }

    .semi-col-lg-offset-18 {
        margin-left: 75%
    }

    .semi-col-lg-order-18 {
        order: 18
    }

    .semi-col-lg-19 {
        display: block;
        box-sizing: border-box;
        width: 79.16667%
    }

    .semi-col-lg-push-19 {
        left: 79.16667%
    }

    .semi-col-lg-pull-19 {
        right: 79.16667%
    }

    .semi-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .semi-col-lg-order-19 {
        order: 19
    }

    .semi-col-lg-20 {
        display: block;
        box-sizing: border-box;
        width: 83.33333%
    }

    .semi-col-lg-push-20 {
        left: 83.33333%
    }

    .semi-col-lg-pull-20 {
        right: 83.33333%
    }

    .semi-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .semi-col-lg-order-20 {
        order: 20
    }

    .semi-col-lg-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-lg-push-21 {
        left: 87.5%
    }

    .semi-col-lg-pull-21 {
        right: 87.5%
    }

    .semi-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-lg-order-21 {
        order: 21
    }

    .semi-col-lg-22 {
        display: block;
        box-sizing: border-box;
        width: 91.66667%
    }

    .semi-col-lg-push-22 {
        left: 91.66667%
    }

    .semi-col-lg-pull-22 {
        right: 91.66667%
    }

    .semi-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .semi-col-lg-order-22 {
        order: 22
    }

    .semi-col-lg-23 {
        display: block;
        box-sizing: border-box;
        width: 95.83333%
    }

    .semi-col-lg-push-23 {
        left: 95.83333%
    }

    .semi-col-lg-pull-23 {
        right: 95.83333%
    }

    .semi-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .semi-col-lg-order-23 {
        order: 23
    }

    .semi-col-lg-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-lg-push-24 {
        left: 100%
    }

    .semi-col-lg-pull-24 {
        right: 100%
    }

    .semi-col-lg-offset-24 {
        margin-left: 100%
    }

    .semi-col-lg-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-lg-1,.semi-rtl .semi-col-lg-2,.semi-rtl .semi-col-lg-3,.semi-rtl .semi-col-lg-4,.semi-rtl .semi-col-lg-5,.semi-rtl .semi-col-lg-6,.semi-rtl .semi-col-lg-7,.semi-rtl .semi-col-lg-8,.semi-rtl .semi-col-lg-9,.semi-rtl .semi-col-lg-10,.semi-rtl .semi-col-lg-11,.semi-rtl .semi-col-lg-12,.semi-rtl .semi-col-lg-13,.semi-rtl .semi-col-lg-14,.semi-rtl .semi-col-lg-15,.semi-rtl .semi-col-lg-16,.semi-rtl .semi-col-lg-17,.semi-rtl .semi-col-lg-18,.semi-rtl .semi-col-lg-19,.semi-rtl .semi-col-lg-20,.semi-rtl .semi-col-lg-21,.semi-rtl .semi-col-lg-22,.semi-rtl .semi-col-lg-23,.semi-rtl .semi-col-lg-24 {
        float: right
    }

    .semi-rtl .semi-col-lg-offset-1 {
        margin-left: auto;
        margin-right: 4.16667%
    }

    .semi-rtl .semi-col-lg-offset-2 {
        margin-left: auto;
        margin-right: 8.33333%
    }

    .semi-rtl .semi-col-lg-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-lg-offset-4 {
        margin-left: auto;
        margin-right: 16.66667%
    }

    .semi-rtl .semi-col-lg-offset-5 {
        margin-left: auto;
        margin-right: 20.83333%
    }

    .semi-rtl .semi-col-lg-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-lg-offset-7 {
        margin-left: auto;
        margin-right: 29.16667%
    }

    .semi-rtl .semi-col-lg-offset-8 {
        margin-left: auto;
        margin-right: 33.33333%
    }

    .semi-rtl .semi-col-lg-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-lg-offset-10 {
        margin-left: auto;
        margin-right: 41.66667%
    }

    .semi-rtl .semi-col-lg-offset-11 {
        margin-left: auto;
        margin-right: 45.83333%
    }

    .semi-rtl .semi-col-lg-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-lg-offset-13 {
        margin-left: auto;
        margin-right: 54.16667%
    }

    .semi-rtl .semi-col-lg-offset-14 {
        margin-left: auto;
        margin-right: 58.33333%
    }

    .semi-rtl .semi-col-lg-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-lg-offset-16 {
        margin-left: auto;
        margin-right: 66.66667%
    }

    .semi-rtl .semi-col-lg-offset-17 {
        margin-left: auto;
        margin-right: 70.83333%
    }

    .semi-rtl .semi-col-lg-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-lg-offset-19 {
        margin-left: auto;
        margin-right: 79.16667%
    }

    .semi-rtl .semi-col-lg-offset-20 {
        margin-left: auto;
        margin-right: 83.33333%
    }

    .semi-rtl .semi-col-lg-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-lg-offset-22 {
        margin-left: auto;
        margin-right: 91.66667%
    }

    .semi-rtl .semi-col-lg-offset-23 {
        margin-left: auto;
        margin-right: 95.83333%
    }

    .semi-rtl .semi-col-lg-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 1200px) {
    .semi-col-xl-1,.semi-col-xl-2,.semi-col-xl-3,.semi-col-xl-4,.semi-col-xl-5,.semi-col-xl-6,.semi-col-xl-7,.semi-col-xl-8,.semi-col-xl-9,.semi-col-xl-10,.semi-col-xl-11,.semi-col-xl-12,.semi-col-xl-13,.semi-col-xl-14,.semi-col-xl-15,.semi-col-xl-16,.semi-col-xl-17,.semi-col-xl-18,.semi-col-xl-19,.semi-col-xl-20,.semi-col-xl-21,.semi-col-xl-22,.semi-col-xl-23,.semi-col-xl-24 {
        flex:0 0 auto;
        float: left
    }

    .semi-col-xl-1 {
        display: block;
        box-sizing: border-box;
        width: 4.16667%
    }

    .semi-col-xl-push-1 {
        left: 4.16667%
    }

    .semi-col-xl-pull-1 {
        right: 4.16667%
    }

    .semi-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .semi-col-xl-order-1 {
        order: 1
    }

    .semi-col-xl-2 {
        display: block;
        box-sizing: border-box;
        width: 8.33333%
    }

    .semi-col-xl-push-2 {
        left: 8.33333%
    }

    .semi-col-xl-pull-2 {
        right: 8.33333%
    }

    .semi-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .semi-col-xl-order-2 {
        order: 2
    }

    .semi-col-xl-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-xl-push-3 {
        left: 12.5%
    }

    .semi-col-xl-pull-3 {
        right: 12.5%
    }

    .semi-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-xl-order-3 {
        order: 3
    }

    .semi-col-xl-4 {
        display: block;
        box-sizing: border-box;
        width: 16.66667%
    }

    .semi-col-xl-push-4 {
        left: 16.66667%
    }

    .semi-col-xl-pull-4 {
        right: 16.66667%
    }

    .semi-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .semi-col-xl-order-4 {
        order: 4
    }

    .semi-col-xl-5 {
        display: block;
        box-sizing: border-box;
        width: 20.83333%
    }

    .semi-col-xl-push-5 {
        left: 20.83333%
    }

    .semi-col-xl-pull-5 {
        right: 20.83333%
    }

    .semi-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .semi-col-xl-order-5 {
        order: 5
    }

    .semi-col-xl-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-xl-push-6 {
        left: 25%
    }

    .semi-col-xl-pull-6 {
        right: 25%
    }

    .semi-col-xl-offset-6 {
        margin-left: 25%
    }

    .semi-col-xl-order-6 {
        order: 6
    }

    .semi-col-xl-7 {
        display: block;
        box-sizing: border-box;
        width: 29.16667%
    }

    .semi-col-xl-push-7 {
        left: 29.16667%
    }

    .semi-col-xl-pull-7 {
        right: 29.16667%
    }

    .semi-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .semi-col-xl-order-7 {
        order: 7
    }

    .semi-col-xl-8 {
        display: block;
        box-sizing: border-box;
        width: 33.33333%
    }

    .semi-col-xl-push-8 {
        left: 33.33333%
    }

    .semi-col-xl-pull-8 {
        right: 33.33333%
    }

    .semi-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .semi-col-xl-order-8 {
        order: 8
    }

    .semi-col-xl-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-xl-push-9 {
        left: 37.5%
    }

    .semi-col-xl-pull-9 {
        right: 37.5%
    }

    .semi-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-xl-order-9 {
        order: 9
    }

    .semi-col-xl-10 {
        display: block;
        box-sizing: border-box;
        width: 41.66667%
    }

    .semi-col-xl-push-10 {
        left: 41.66667%
    }

    .semi-col-xl-pull-10 {
        right: 41.66667%
    }

    .semi-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .semi-col-xl-order-10 {
        order: 10
    }

    .semi-col-xl-11 {
        display: block;
        box-sizing: border-box;
        width: 45.83333%
    }

    .semi-col-xl-push-11 {
        left: 45.83333%
    }

    .semi-col-xl-pull-11 {
        right: 45.83333%
    }

    .semi-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .semi-col-xl-order-11 {
        order: 11
    }

    .semi-col-xl-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-xl-push-12 {
        left: 50%
    }

    .semi-col-xl-pull-12 {
        right: 50%
    }

    .semi-col-xl-offset-12 {
        margin-left: 50%
    }

    .semi-col-xl-order-12 {
        order: 12
    }

    .semi-col-xl-13 {
        display: block;
        box-sizing: border-box;
        width: 54.16667%
    }

    .semi-col-xl-push-13 {
        left: 54.16667%
    }

    .semi-col-xl-pull-13 {
        right: 54.16667%
    }

    .semi-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .semi-col-xl-order-13 {
        order: 13
    }

    .semi-col-xl-14 {
        display: block;
        box-sizing: border-box;
        width: 58.33333%
    }

    .semi-col-xl-push-14 {
        left: 58.33333%
    }

    .semi-col-xl-pull-14 {
        right: 58.33333%
    }

    .semi-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .semi-col-xl-order-14 {
        order: 14
    }

    .semi-col-xl-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-xl-push-15 {
        left: 62.5%
    }

    .semi-col-xl-pull-15 {
        right: 62.5%
    }

    .semi-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-xl-order-15 {
        order: 15
    }

    .semi-col-xl-16 {
        display: block;
        box-sizing: border-box;
        width: 66.66667%
    }

    .semi-col-xl-push-16 {
        left: 66.66667%
    }

    .semi-col-xl-pull-16 {
        right: 66.66667%
    }

    .semi-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .semi-col-xl-order-16 {
        order: 16
    }

    .semi-col-xl-17 {
        display: block;
        box-sizing: border-box;
        width: 70.83333%
    }

    .semi-col-xl-push-17 {
        left: 70.83333%
    }

    .semi-col-xl-pull-17 {
        right: 70.83333%
    }

    .semi-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .semi-col-xl-order-17 {
        order: 17
    }

    .semi-col-xl-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-xl-push-18 {
        left: 75%
    }

    .semi-col-xl-pull-18 {
        right: 75%
    }

    .semi-col-xl-offset-18 {
        margin-left: 75%
    }

    .semi-col-xl-order-18 {
        order: 18
    }

    .semi-col-xl-19 {
        display: block;
        box-sizing: border-box;
        width: 79.16667%
    }

    .semi-col-xl-push-19 {
        left: 79.16667%
    }

    .semi-col-xl-pull-19 {
        right: 79.16667%
    }

    .semi-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .semi-col-xl-order-19 {
        order: 19
    }

    .semi-col-xl-20 {
        display: block;
        box-sizing: border-box;
        width: 83.33333%
    }

    .semi-col-xl-push-20 {
        left: 83.33333%
    }

    .semi-col-xl-pull-20 {
        right: 83.33333%
    }

    .semi-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .semi-col-xl-order-20 {
        order: 20
    }

    .semi-col-xl-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-xl-push-21 {
        left: 87.5%
    }

    .semi-col-xl-pull-21 {
        right: 87.5%
    }

    .semi-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-xl-order-21 {
        order: 21
    }

    .semi-col-xl-22 {
        display: block;
        box-sizing: border-box;
        width: 91.66667%
    }

    .semi-col-xl-push-22 {
        left: 91.66667%
    }

    .semi-col-xl-pull-22 {
        right: 91.66667%
    }

    .semi-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .semi-col-xl-order-22 {
        order: 22
    }

    .semi-col-xl-23 {
        display: block;
        box-sizing: border-box;
        width: 95.83333%
    }

    .semi-col-xl-push-23 {
        left: 95.83333%
    }

    .semi-col-xl-pull-23 {
        right: 95.83333%
    }

    .semi-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .semi-col-xl-order-23 {
        order: 23
    }

    .semi-col-xl-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-xl-push-24 {
        left: 100%
    }

    .semi-col-xl-pull-24 {
        right: 100%
    }

    .semi-col-xl-offset-24 {
        margin-left: 100%
    }

    .semi-col-xl-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-xl-1,.semi-rtl .semi-col-xl-2,.semi-rtl .semi-col-xl-3,.semi-rtl .semi-col-xl-4,.semi-rtl .semi-col-xl-5,.semi-rtl .semi-col-xl-6,.semi-rtl .semi-col-xl-7,.semi-rtl .semi-col-xl-8,.semi-rtl .semi-col-xl-9,.semi-rtl .semi-col-xl-10,.semi-rtl .semi-col-xl-11,.semi-rtl .semi-col-xl-12,.semi-rtl .semi-col-xl-13,.semi-rtl .semi-col-xl-14,.semi-rtl .semi-col-xl-15,.semi-rtl .semi-col-xl-16,.semi-rtl .semi-col-xl-17,.semi-rtl .semi-col-xl-18,.semi-rtl .semi-col-xl-19,.semi-rtl .semi-col-xl-20,.semi-rtl .semi-col-xl-21,.semi-rtl .semi-col-xl-22,.semi-rtl .semi-col-xl-23,.semi-rtl .semi-col-xl-24 {
        float: right
    }

    .semi-rtl .semi-col-xl-offset-1 {
        margin-left: auto;
        margin-right: 4.16667%
    }

    .semi-rtl .semi-col-xl-offset-2 {
        margin-left: auto;
        margin-right: 8.33333%
    }

    .semi-rtl .semi-col-xl-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-xl-offset-4 {
        margin-left: auto;
        margin-right: 16.66667%
    }

    .semi-rtl .semi-col-xl-offset-5 {
        margin-left: auto;
        margin-right: 20.83333%
    }

    .semi-rtl .semi-col-xl-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-xl-offset-7 {
        margin-left: auto;
        margin-right: 29.16667%
    }

    .semi-rtl .semi-col-xl-offset-8 {
        margin-left: auto;
        margin-right: 33.33333%
    }

    .semi-rtl .semi-col-xl-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-xl-offset-10 {
        margin-left: auto;
        margin-right: 41.66667%
    }

    .semi-rtl .semi-col-xl-offset-11 {
        margin-left: auto;
        margin-right: 45.83333%
    }

    .semi-rtl .semi-col-xl-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-xl-offset-13 {
        margin-left: auto;
        margin-right: 54.16667%
    }

    .semi-rtl .semi-col-xl-offset-14 {
        margin-left: auto;
        margin-right: 58.33333%
    }

    .semi-rtl .semi-col-xl-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-xl-offset-16 {
        margin-left: auto;
        margin-right: 66.66667%
    }

    .semi-rtl .semi-col-xl-offset-17 {
        margin-left: auto;
        margin-right: 70.83333%
    }

    .semi-rtl .semi-col-xl-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-xl-offset-19 {
        margin-left: auto;
        margin-right: 79.16667%
    }

    .semi-rtl .semi-col-xl-offset-20 {
        margin-left: auto;
        margin-right: 83.33333%
    }

    .semi-rtl .semi-col-xl-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-xl-offset-22 {
        margin-left: auto;
        margin-right: 91.66667%
    }

    .semi-rtl .semi-col-xl-offset-23 {
        margin-left: auto;
        margin-right: 95.83333%
    }

    .semi-rtl .semi-col-xl-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

@media (min-width: 1600px) {
    .semi-col-xxl-1,.semi-col-xxl-2,.semi-col-xxl-3,.semi-col-xxl-4,.semi-col-xxl-5,.semi-col-xxl-6,.semi-col-xxl-7,.semi-col-xxl-8,.semi-col-xxl-9,.semi-col-xxl-10,.semi-col-xxl-11,.semi-col-xxl-12,.semi-col-xxl-13,.semi-col-xxl-14,.semi-col-xxl-15,.semi-col-xxl-16,.semi-col-xxl-17,.semi-col-xxl-18,.semi-col-xxl-19,.semi-col-xxl-20,.semi-col-xxl-21,.semi-col-xxl-22,.semi-col-xxl-23,.semi-col-xxl-24 {
        flex:0 0 auto;
        float: left
    }

    .semi-col-xxl-1 {
        display: block;
        box-sizing: border-box;
        width: 4.16667%
    }

    .semi-col-xxl-push-1 {
        left: 4.16667%
    }

    .semi-col-xxl-pull-1 {
        right: 4.16667%
    }

    .semi-col-xxl-offset-1 {
        margin-left: 4.16667%
    }

    .semi-col-xxl-order-1 {
        order: 1
    }

    .semi-col-xxl-2 {
        display: block;
        box-sizing: border-box;
        width: 8.33333%
    }

    .semi-col-xxl-push-2 {
        left: 8.33333%
    }

    .semi-col-xxl-pull-2 {
        right: 8.33333%
    }

    .semi-col-xxl-offset-2 {
        margin-left: 8.33333%
    }

    .semi-col-xxl-order-2 {
        order: 2
    }

    .semi-col-xxl-3 {
        display: block;
        box-sizing: border-box;
        width: 12.5%
    }

    .semi-col-xxl-push-3 {
        left: 12.5%
    }

    .semi-col-xxl-pull-3 {
        right: 12.5%
    }

    .semi-col-xxl-offset-3 {
        margin-left: 12.5%
    }

    .semi-col-xxl-order-3 {
        order: 3
    }

    .semi-col-xxl-4 {
        display: block;
        box-sizing: border-box;
        width: 16.66667%
    }

    .semi-col-xxl-push-4 {
        left: 16.66667%
    }

    .semi-col-xxl-pull-4 {
        right: 16.66667%
    }

    .semi-col-xxl-offset-4 {
        margin-left: 16.66667%
    }

    .semi-col-xxl-order-4 {
        order: 4
    }

    .semi-col-xxl-5 {
        display: block;
        box-sizing: border-box;
        width: 20.83333%
    }

    .semi-col-xxl-push-5 {
        left: 20.83333%
    }

    .semi-col-xxl-pull-5 {
        right: 20.83333%
    }

    .semi-col-xxl-offset-5 {
        margin-left: 20.83333%
    }

    .semi-col-xxl-order-5 {
        order: 5
    }

    .semi-col-xxl-6 {
        display: block;
        box-sizing: border-box;
        width: 25%
    }

    .semi-col-xxl-push-6 {
        left: 25%
    }

    .semi-col-xxl-pull-6 {
        right: 25%
    }

    .semi-col-xxl-offset-6 {
        margin-left: 25%
    }

    .semi-col-xxl-order-6 {
        order: 6
    }

    .semi-col-xxl-7 {
        display: block;
        box-sizing: border-box;
        width: 29.16667%
    }

    .semi-col-xxl-push-7 {
        left: 29.16667%
    }

    .semi-col-xxl-pull-7 {
        right: 29.16667%
    }

    .semi-col-xxl-offset-7 {
        margin-left: 29.16667%
    }

    .semi-col-xxl-order-7 {
        order: 7
    }

    .semi-col-xxl-8 {
        display: block;
        box-sizing: border-box;
        width: 33.33333%
    }

    .semi-col-xxl-push-8 {
        left: 33.33333%
    }

    .semi-col-xxl-pull-8 {
        right: 33.33333%
    }

    .semi-col-xxl-offset-8 {
        margin-left: 33.33333%
    }

    .semi-col-xxl-order-8 {
        order: 8
    }

    .semi-col-xxl-9 {
        display: block;
        box-sizing: border-box;
        width: 37.5%
    }

    .semi-col-xxl-push-9 {
        left: 37.5%
    }

    .semi-col-xxl-pull-9 {
        right: 37.5%
    }

    .semi-col-xxl-offset-9 {
        margin-left: 37.5%
    }

    .semi-col-xxl-order-9 {
        order: 9
    }

    .semi-col-xxl-10 {
        display: block;
        box-sizing: border-box;
        width: 41.66667%
    }

    .semi-col-xxl-push-10 {
        left: 41.66667%
    }

    .semi-col-xxl-pull-10 {
        right: 41.66667%
    }

    .semi-col-xxl-offset-10 {
        margin-left: 41.66667%
    }

    .semi-col-xxl-order-10 {
        order: 10
    }

    .semi-col-xxl-11 {
        display: block;
        box-sizing: border-box;
        width: 45.83333%
    }

    .semi-col-xxl-push-11 {
        left: 45.83333%
    }

    .semi-col-xxl-pull-11 {
        right: 45.83333%
    }

    .semi-col-xxl-offset-11 {
        margin-left: 45.83333%
    }

    .semi-col-xxl-order-11 {
        order: 11
    }

    .semi-col-xxl-12 {
        display: block;
        box-sizing: border-box;
        width: 50%
    }

    .semi-col-xxl-push-12 {
        left: 50%
    }

    .semi-col-xxl-pull-12 {
        right: 50%
    }

    .semi-col-xxl-offset-12 {
        margin-left: 50%
    }

    .semi-col-xxl-order-12 {
        order: 12
    }

    .semi-col-xxl-13 {
        display: block;
        box-sizing: border-box;
        width: 54.16667%
    }

    .semi-col-xxl-push-13 {
        left: 54.16667%
    }

    .semi-col-xxl-pull-13 {
        right: 54.16667%
    }

    .semi-col-xxl-offset-13 {
        margin-left: 54.16667%
    }

    .semi-col-xxl-order-13 {
        order: 13
    }

    .semi-col-xxl-14 {
        display: block;
        box-sizing: border-box;
        width: 58.33333%
    }

    .semi-col-xxl-push-14 {
        left: 58.33333%
    }

    .semi-col-xxl-pull-14 {
        right: 58.33333%
    }

    .semi-col-xxl-offset-14 {
        margin-left: 58.33333%
    }

    .semi-col-xxl-order-14 {
        order: 14
    }

    .semi-col-xxl-15 {
        display: block;
        box-sizing: border-box;
        width: 62.5%
    }

    .semi-col-xxl-push-15 {
        left: 62.5%
    }

    .semi-col-xxl-pull-15 {
        right: 62.5%
    }

    .semi-col-xxl-offset-15 {
        margin-left: 62.5%
    }

    .semi-col-xxl-order-15 {
        order: 15
    }

    .semi-col-xxl-16 {
        display: block;
        box-sizing: border-box;
        width: 66.66667%
    }

    .semi-col-xxl-push-16 {
        left: 66.66667%
    }

    .semi-col-xxl-pull-16 {
        right: 66.66667%
    }

    .semi-col-xxl-offset-16 {
        margin-left: 66.66667%
    }

    .semi-col-xxl-order-16 {
        order: 16
    }

    .semi-col-xxl-17 {
        display: block;
        box-sizing: border-box;
        width: 70.83333%
    }

    .semi-col-xxl-push-17 {
        left: 70.83333%
    }

    .semi-col-xxl-pull-17 {
        right: 70.83333%
    }

    .semi-col-xxl-offset-17 {
        margin-left: 70.83333%
    }

    .semi-col-xxl-order-17 {
        order: 17
    }

    .semi-col-xxl-18 {
        display: block;
        box-sizing: border-box;
        width: 75%
    }

    .semi-col-xxl-push-18 {
        left: 75%
    }

    .semi-col-xxl-pull-18 {
        right: 75%
    }

    .semi-col-xxl-offset-18 {
        margin-left: 75%
    }

    .semi-col-xxl-order-18 {
        order: 18
    }

    .semi-col-xxl-19 {
        display: block;
        box-sizing: border-box;
        width: 79.16667%
    }

    .semi-col-xxl-push-19 {
        left: 79.16667%
    }

    .semi-col-xxl-pull-19 {
        right: 79.16667%
    }

    .semi-col-xxl-offset-19 {
        margin-left: 79.16667%
    }

    .semi-col-xxl-order-19 {
        order: 19
    }

    .semi-col-xxl-20 {
        display: block;
        box-sizing: border-box;
        width: 83.33333%
    }

    .semi-col-xxl-push-20 {
        left: 83.33333%
    }

    .semi-col-xxl-pull-20 {
        right: 83.33333%
    }

    .semi-col-xxl-offset-20 {
        margin-left: 83.33333%
    }

    .semi-col-xxl-order-20 {
        order: 20
    }

    .semi-col-xxl-21 {
        display: block;
        box-sizing: border-box;
        width: 87.5%
    }

    .semi-col-xxl-push-21 {
        left: 87.5%
    }

    .semi-col-xxl-pull-21 {
        right: 87.5%
    }

    .semi-col-xxl-offset-21 {
        margin-left: 87.5%
    }

    .semi-col-xxl-order-21 {
        order: 21
    }

    .semi-col-xxl-22 {
        display: block;
        box-sizing: border-box;
        width: 91.66667%
    }

    .semi-col-xxl-push-22 {
        left: 91.66667%
    }

    .semi-col-xxl-pull-22 {
        right: 91.66667%
    }

    .semi-col-xxl-offset-22 {
        margin-left: 91.66667%
    }

    .semi-col-xxl-order-22 {
        order: 22
    }

    .semi-col-xxl-23 {
        display: block;
        box-sizing: border-box;
        width: 95.83333%
    }

    .semi-col-xxl-push-23 {
        left: 95.83333%
    }

    .semi-col-xxl-pull-23 {
        right: 95.83333%
    }

    .semi-col-xxl-offset-23 {
        margin-left: 95.83333%
    }

    .semi-col-xxl-order-23 {
        order: 23
    }

    .semi-col-xxl-24 {
        display: block;
        box-sizing: border-box;
        width: 100%
    }

    .semi-col-xxl-push-24 {
        left: 100%
    }

    .semi-col-xxl-pull-24 {
        right: 100%
    }

    .semi-col-xxl-offset-24 {
        margin-left: 100%
    }

    .semi-col-xxl-order-24 {
        order: 24
    }

    .semi-rtl .semi-col-xxl-1,.semi-rtl .semi-col-xxl-2,.semi-rtl .semi-col-xxl-3,.semi-rtl .semi-col-xxl-4,.semi-rtl .semi-col-xxl-5,.semi-rtl .semi-col-xxl-6,.semi-rtl .semi-col-xxl-7,.semi-rtl .semi-col-xxl-8,.semi-rtl .semi-col-xxl-9,.semi-rtl .semi-col-xxl-10,.semi-rtl .semi-col-xxl-11,.semi-rtl .semi-col-xxl-12,.semi-rtl .semi-col-xxl-13,.semi-rtl .semi-col-xxl-14,.semi-rtl .semi-col-xxl-15,.semi-rtl .semi-col-xxl-16,.semi-rtl .semi-col-xxl-17,.semi-rtl .semi-col-xxl-18,.semi-rtl .semi-col-xxl-19,.semi-rtl .semi-col-xxl-20,.semi-rtl .semi-col-xxl-21,.semi-rtl .semi-col-xxl-22,.semi-rtl .semi-col-xxl-23,.semi-rtl .semi-col-xxl-24 {
        float: right
    }

    .semi-rtl .semi-col-xxl-offset-1 {
        margin-left: auto;
        margin-right: 4.16667%
    }

    .semi-rtl .semi-col-xxl-offset-2 {
        margin-left: auto;
        margin-right: 8.33333%
    }

    .semi-rtl .semi-col-xxl-offset-3 {
        margin-left: auto;
        margin-right: 12.5%
    }

    .semi-rtl .semi-col-xxl-offset-4 {
        margin-left: auto;
        margin-right: 16.66667%
    }

    .semi-rtl .semi-col-xxl-offset-5 {
        margin-left: auto;
        margin-right: 20.83333%
    }

    .semi-rtl .semi-col-xxl-offset-6 {
        margin-left: auto;
        margin-right: 25%
    }

    .semi-rtl .semi-col-xxl-offset-7 {
        margin-left: auto;
        margin-right: 29.16667%
    }

    .semi-rtl .semi-col-xxl-offset-8 {
        margin-left: auto;
        margin-right: 33.33333%
    }

    .semi-rtl .semi-col-xxl-offset-9 {
        margin-left: auto;
        margin-right: 37.5%
    }

    .semi-rtl .semi-col-xxl-offset-10 {
        margin-left: auto;
        margin-right: 41.66667%
    }

    .semi-rtl .semi-col-xxl-offset-11 {
        margin-left: auto;
        margin-right: 45.83333%
    }

    .semi-rtl .semi-col-xxl-offset-12 {
        margin-left: auto;
        margin-right: 50%
    }

    .semi-rtl .semi-col-xxl-offset-13 {
        margin-left: auto;
        margin-right: 54.16667%
    }

    .semi-rtl .semi-col-xxl-offset-14 {
        margin-left: auto;
        margin-right: 58.33333%
    }

    .semi-rtl .semi-col-xxl-offset-15 {
        margin-left: auto;
        margin-right: 62.5%
    }

    .semi-rtl .semi-col-xxl-offset-16 {
        margin-left: auto;
        margin-right: 66.66667%
    }

    .semi-rtl .semi-col-xxl-offset-17 {
        margin-left: auto;
        margin-right: 70.83333%
    }

    .semi-rtl .semi-col-xxl-offset-18 {
        margin-left: auto;
        margin-right: 75%
    }

    .semi-rtl .semi-col-xxl-offset-19 {
        margin-left: auto;
        margin-right: 79.16667%
    }

    .semi-rtl .semi-col-xxl-offset-20 {
        margin-left: auto;
        margin-right: 83.33333%
    }

    .semi-rtl .semi-col-xxl-offset-21 {
        margin-left: auto;
        margin-right: 87.5%
    }

    .semi-rtl .semi-col-xxl-offset-22 {
        margin-left: auto;
        margin-right: 91.66667%
    }

    .semi-rtl .semi-col-xxl-offset-23 {
        margin-left: auto;
        margin-right: 95.83333%
    }

    .semi-rtl .semi-col-xxl-offset-24 {
        margin-left: auto;
        margin-right: 100%
    }
}

.semi-rtl .semi-row,.semi-rtl .semi-row-flex {
    direction: rtl
}

.semi-radio {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    min-height: 20px;
    min-width: 16px;
    cursor: pointer;
    vertical-align: bottom
}

.semi-radio.semi-radio-vertical {
    display: block
}

.semi-radio input[type=checkbox],.semi-radio input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0
}

.semi-radio:hover .semi-radio-inner-display {
    border: 1px solid var(--color-focus-border)
}

.semi-radio:hover .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--color-primary-hover)
}

.semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--color-primary-active)
}

.semi-radio.semi-radio-disabled:active .semi-radio-inner-display,.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display {
    background: var(--color-disabled-fill);
    border: 1px solid var(--color-border)
}

.semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display,.semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--color-primary-disabled)
}

.semi-radio-inner {
    display: inline-block;
    top: 2px;
    vertical-align: sub
}

.semi-radio-inner,.semi-radio-inner-display {
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px
}

.semi-radio-inner-display {
    top: 0;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: transparent
}

.semi-radio-inner-display .semi-icons {
    position: absolute;
    width: 100%;
    height: 100%
}

.semi-radio:hover .semi-radio-inner-display {
    background: var(--color-fill-0)
}

.semi-radio:active .semi-radio-inner-display {
    background: var(--color-fill-1)
}

.semi-radio-addon {
    user-select: none;
    padding-left: 8px;
    margin-left: 16px;
    color: var(--color-text-0)
}

.semi-radio .semi-radio-inner-checked:hover .semi-radio-inner-display {
    background: var(--color-primary-hover)
}

.semi-radio .semi-radio-inner-checked:active .semi-radio-inner-display {
    background: var(--color-primary-active)
}

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #fff;
    border-radius: 16px
}

.semi-radio .semi-radio-inner-checked>.semi-radio-addon {
    color: var(--color-text-0)
}

.semi-radio-disabled,.semi-radio-disabled .semi-radio-inner,.semi-radio-disabled:hover {
    cursor: not-allowed
}

.semi-radio-disabled .semi-radio-inner-display {
    opacity: .75;
    background: var(--color-disabled-fill)
}

.semi-radio-disabled .semi-radio-inner-display:hover {
    background: transparent
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--color-primary-disabled);
    border-color: var(--color-border)
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
    background: var(--color-primary-disabled)
}

.semi-radio-disabled .semi-radio-addon {
    color: var(--color-disabled-text)
}

.semi-radio-extra {
    flex-grow: 1;
    flex-basis: 100%;
    flex-shrink: 0;
    color: var(--color-text-2);
    padding-left: 24px;
    box-sizing: border-box
}

.semi-radioGroup {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-radioGroup-vertical .semi-radio {
    margin-bottom: 12px;
    display: block
}

.semi-radioGroup-vertical .semi-radio:last-of-type {
    margin-bottom: 0
}

.semi-radioGroup-horizontal {
    display: inline-block
}

.semi-radioGroup-horizontal .semi-radio {
    margin-right: 16px
}

.semi-radioGroup-horizontal .semi-radio:last-of-type {
    margin-right: 0
}

.semi-rtl .semi-radio {
    direction: rtl
}

.semi-rtl .semi-radio-inner,.semi-rtl .semi-radio-inner-display,.semi-rtl .semi-radio input[type=checkbox],.semi-rtl .semi-radio input[type=radio] {
    left: auto;
    right: 0
}

.semi-rtl .semi-radio-addon {
    padding-left: 0;
    margin-left: 0;
    padding-right: 8px;
    margin-right: 16px
}

.semi-rtl .semi-radio-extra {
    padding-left: 0;
    padding-right: 24px
}

.semi-rtl .semi-radioGroup {
    direction: rtl
}

.semi-rtl .semi-radioGroup-horizontal .semi-radio {
    margin-right: 0;
    margin-left: 16px
}

.semi-rtl .semi-radioGroup-horizontal .semi-radio:last-of-type {
    margin-left: 0
}

.semi-select {
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-border);
    height: 32px;
    font-weight: 400;
    background-color: transparent;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    outline: none;
    cursor: pointer
}

.semi-select:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-select:active {
    background-color: transparent
}

.semi-select:focus {
    border: 1px solid var(--color-focus-border);
    outline: 0
}

.semi-select-small {
    height: 24px;
    line-height: 24px
}

.semi-select-large {
    min-height: 40px;
    line-height: 40px
}

.semi-select-focus,.semi-select-open {
    border: 1px solid var(--color-focus-border);
    outline: 0
}

.semi-select-focus:hover,.semi-select-open:hover {
    background-color: transparent
}

.semi-select-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-select-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-select-warning:focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-select-warning:active {
    background-color: var(--color-warning-light-active);
    border-color: var(--color-warning-light-active)
}

.semi-select-error,.semi-select-error:active,.semi-select-error:focus,.semi-select-error:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-select-disabled {
    cursor: not-allowed
}

.semi-select-disabled,.semi-select-disabled:hover {
    background-color: var(--color-disabled-fill)
}

.semi-select-disabled:focus {
    border: 1px solid var(--color-focus-border)
}

.semi-select-disabled .semi-select-selection,.semi-select-disabled .semi-select-selection-placeholder {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-select-disabled .semi-select-arrow,.semi-select-disabled .semi-select-prefix,.semi-select-disabled .semi-select-suffix,.semi-select-disabled .semi-tag {
    color: var(--color-disabled-text)
}

.semi-select-disabled .semi-tag {
    background-color: transparent
}

.semi-select-selection {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 100%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
    margin-left: 12px;
    cursor: pointer;
    color: var(--color-text-0)
}

.semi-select-selection-text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.semi-select-selection-text-inactive {
    display: flex;
    opacity: .4
}

.semi-select-selection-text-hide {
    display: none
}

.semi-select-selection-placeholder {
    color: var(--color-text-2)
}

.semi-select-selection .semi-tag {
    margin-top: 1px;
    margin-right: 4px;
    margin-bottom: 1px
}

.semi-select-selection .semi-tag:first-of-type {
    margin-left: 0
}

.semi-select-selection .semi-tag-group {
    height: inherit
}

.semi-select-selection .semi-tag-group .semi-tag {
    margin-top: 1px;
    margin-right: 4px;
    margin-bottom: 1px
}

.semi-select-content-wrapper {
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 100%
}

.semi-select-multiple {
    height: auto
}

.semi-select-multiple .semi-select-selection {
    margin-left: 4px
}

.semi-select-multiple .semi-select-content-wrapper {
    width: 100%;
    min-height: 30px;
    flex-wrap: wrap
}

.semi-select-multiple .semi-select-content-wrapper-empty {
    margin-left: 8px
}

.semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
    display: flex;
    align-items: center
}

.semi-select-multiple .semi-select-content-wrapper-one-line {
    flex-wrap: nowrap
}

.semi-select-multiple .semi-select-content-wrapper-one-line .semi-tag-group {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden;
    flex-shrink: 0
}

.semi-select-multiple .semi-select-inline-label-wrapper {
    flex-shrink: 0
}

.semi-select-multiple.semi-select-large .semi-select-content-wrapper {
    min-height: 38px
}

.semi-select-multiple.semi-select-small .semi-select-content-wrapper {
    min-height: 22px
}

.semi-select-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    color: var(--color-text-2);
    flex-shrink: 0
}

.semi-select-arrow-empty {
    display: flex;
    width: 12px
}

.semi-select-prefix,.semi-select-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-select-prefix-text,.semi-select-suffix-text {
    margin: 0 12px
}

.semi-select-prefix-icon,.semi-select-suffix-icon {
    color: var(--color-text-2);
    margin: 0 8px
}

.semi-select-clear,.semi-select-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-select-clear {
    width: 32px;
    color: var(--color-text-2)
}

.semi-select-clear:hover {
    color: var(--color-primary)
}

.semi-select-inset-label-wrapper {
    display: inline
}

.semi-select-inset-label {
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-select-create-tips {
    color: var(--color-text-2);
    margin-right: 4px
}

.semi-select-with-prefix .semi-select-selection {
    margin-left: 0
}

.semi-select-single.semi-select-filterable .semi-select-content-wrapper {
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.semi-select-single.semi-select-filterable .semi-input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent
}

.semi-select-single.semi-select-filterable .semi-input-wrapper-focus {
    border: none
}

.semi-select-single.semi-select-filterable .semi-input {
    padding-left: 0;
    padding-right: 0;
    height: 100%
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper {
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    position: relative
}

.semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
    height: 100%;
    width: 100%;
    border: none;
    background-color: transparent
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper-focus {
    border: none
}

.semi-select-multiple.semi-select-filterable .semi-input {
    padding-left: 0;
    padding-right: 0
}

.semi-select-option-list {
    overflow-x: hidden;
    overflow-y: auto
}

.semi-select-option-list-chosen .semi-select-option-icon {
    display: flex
}

.semi-select-group {
    color: var(--color-text-2);
    margin-top: 4px;
    padding: 12px 16px 4px 32px;
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    cursor: default
}

.semi-select-group:not(:first-of-type) {
    border-top: 1px solid var(--color-border)
}

.semi-select-loading-wrapper {
    padding: 8px 16px;
    cursor: not-allowed
}

.semi-portal-rtl .semi-select,.semi-rtl .semi-select {
    direction: rtl
}

.semi-portal-rtl .semi-select-selection,.semi-rtl .semi-select-selection {
    margin-left: 0;
    margin-right: 12px
}

.semi-portal-rtl .semi-select-selection .semi-tag:first-of-type,.semi-rtl .semi-select-selection .semi-tag:first-of-type {
    margin-right: 0
}

.semi-portal-rtl .semi-select-selection .semi-tag-group .semi-tag,.semi-rtl .semi-select-selection .semi-tag-group .semi-tag {
    margin-left: 4px;
    margin-right: 0
}

.semi-portal-rtl .semi-select-multiple .semi-select-selection,.semi-rtl .semi-select-multiple .semi-select-selection {
    margin-left: 0;
    margin-right: 4px
}

.semi-portal-rtl .semi-select-multiple .semi-select-content-wrapper-empty,.semi-rtl .semi-select-multiple .semi-select-content-wrapper-empty {
    margin-left: 0;
    margin-right: 8px
}

.semi-portal-rtl .semi-select-inset-label,.semi-rtl .semi-select-inset-label {
    margin-right: 0;
    margin-left: 12px
}

.semi-portal-rtl .semi-select-create-tips,.semi-rtl .semi-select-create-tips {
    margin-right: 0;
    margin-left: 4px
}

.semi-portal-rtl .semi-select-with-prefix .semi-select-selection,.semi-rtl .semi-select-with-prefix .semi-select-selection {
    margin-left: auto;
    margin-right: 0
}

.semi-portal-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper,.semi-portal-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper,.semi-rtl .semi-select-multiple.semi-select-filterable .semi-select-content-wrapper-empty .semi-input-wrapper,.semi-rtl .semi-select-single.semi-select-filterable .semi-input-wrapper {
    left: auto;
    right: 0
}

.semi-portal-rtl .semi-select-group,.semi-rtl .semi-select-group {
    padding-left: 32px;
    padding-right: 16px
}

.semi-portal-rtl .semi-select-option-icon,.semi-rtl .semi-select-option-icon {
    margin-right: 0;
    margin-left: 8px
}

.semi-select-option {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    word-break: break-all;
    padding: 8px 12px;
    color: var(--color-text-0);
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box
}

.semi-select-option-icon {
    width: 12px;
    color: transparent;
    visibility: hidden;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-content: center
}

.semi-select-option:active {
    background-color: var(--color-fill-1)
}

.semi-select-option-empty {
    cursor: not-allowed;
    color: var(--color-disabled-text);
    justify-content: center
}

.semi-select-option-empty:active,.semi-select-option-empty:hover {
    background-color: inherit
}

.semi-select-option-disabled {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-select-option-disabled:hover {
    background-color: var(--color-fill-0)
}

.semi-select-option-selected {
    font-weight: 700
}

.semi-select-option-selected .semi-select-option-icon {
    visibility: visible;
    color: var(--color-text-2)
}

.semi-select-option-focused {
    background-color: var(--color-fill-0)
}

.semi-select-option:first-of-type {
    margin-top: 4px
}

.semi-select-option:last-of-type {
    margin-bottom: 4px
}

.semi-tag {
    box-sizing: border-box;
    display: inline-block;
    border-radius: var(--border-radius-small);
    background-color: transparent;
    position: relative;
    user-select: none;
    overflow: hidden
}

.semi-tag-small {
    height: 20px;
    padding: 2px 8px
}

.semi-tag-large,.semi-tag-small {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-tag-large {
    padding: 4px 8px;
    height: 24px
}

.semi-tag-invisible {
    display: none
}

.semi-tag-content {
    height: 100%
}

.semi-tag-close,.semi-tag-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-tag-close {
    color: var(--color-text-2);
    padding-left: 4px;
    cursor: pointer
}

.semi-tag-closable {
    padding: 4px 4px 4px 8px
}

.semi-tag-avatar-circle .semi-avatar,.semi-tag-avatar-square .semi-avatar {
    margin-right: 4px
}

.semi-tag-avatar-square {
    padding: 0 4px 0 0
}

.semi-tag-avatar-square .semi-avatar>img {
    background-color: var(--color-default)
}

.semi-tag-avatar-circle {
    padding: 2px 4px 2px 2px
}

.semi-tag-avatar-square.semi-tag-small .semi-avatar {
    width: 20px;
    height: 20px
}

.semi-tag-avatar-square.semi-tag-large .semi-avatar {
    width: 24px;
    height: 24px
}

.semi-tag-avatar-circle.semi-tag-small {
    border-radius: 11px
}

.semi-tag-avatar-circle.semi-tag-small .semi-avatar {
    width: 16px;
    height: 16px
}

.semi-tag-avatar-circle.semi-tag-large {
    border-radius: 13px
}

.semi-tag-avatar-circle.semi-tag-large .semi-avatar {
    width: 20px;
    height: 20px
}

.semi-tag-group {
    display: block
}

.semi-tag-group .semi-tag {
    margin-bottom: 0;
    margin-right: 8px
}

.semi-tag-group-small {
    height: 22px
}

.semi-tag-group-large {
    height: 26px
}

.semi-tag-rest-group-popover .semi-tag {
    margin-right: 8px;
    margin-bottom: 0
}

.semi-tag-rest-group-popover .semi-tag:last-of-type {
    margin-right: 0
}

.semi-tag-amber-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--amber-4),1);
    color: rgba(var(--amber-5),1)
}

.semi-tag-amber-solid {
    background-color: rgba(var(--amber-5),1);
    color: #fff
}

.semi-tag-amber-light {
    background-color: rgba(var(--amber-5),.15);
    color: rgba(var(--amber-8),1)
}

.semi-tag-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--blue-4),1);
    color: rgba(var(--blue-5),1)
}

.semi-tag-blue-solid {
    background-color: rgba(var(--blue-5),1);
    color: #fff
}

.semi-tag-blue-light {
    background-color: rgba(var(--blue-5),.15);
    color: rgba(var(--blue-8),1)
}

.semi-tag-cyan-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--cyan-4),1);
    color: rgba(var(--cyan-5),1)
}

.semi-tag-cyan-solid {
    background-color: rgba(var(--cyan-5),1);
    color: #fff
}

.semi-tag-cyan-light {
    background-color: rgba(var(--cyan-5),.15);
    color: rgba(var(--cyan-8),1)
}

.semi-tag-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--green-4),1);
    color: rgba(var(--green-5),1)
}

.semi-tag-green-solid {
    background-color: rgba(var(--green-5),1);
    color: #fff
}

.semi-tag-green-light {
    background-color: rgba(var(--green-5),.15);
    color: rgba(var(--green-8),1)
}

.semi-tag-grey-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--grey-4),1);
    color: rgba(var(--grey-5),1)
}

.semi-tag-grey-solid {
    background-color: rgba(var(--grey-5),1);
    color: #fff
}

.semi-tag-grey-light {
    background-color: rgba(var(--grey-5),.15);
    color: rgba(var(--grey-8),1)
}

.semi-tag-indigo-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--indigo-4),1);
    color: rgba(var(--indigo-5),1)
}

.semi-tag-indigo-solid {
    background-color: rgba(var(--indigo-5),1);
    color: #fff
}

.semi-tag-indigo-light {
    background-color: rgba(var(--indigo-5),.15);
    color: rgba(var(--indigo-8),1)
}

.semi-tag-light-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--light-blue-4),1);
    color: rgba(var(--light-blue-5),1)
}

.semi-tag-light-blue-solid {
    background-color: rgba(var(--light-blue-5),1);
    color: #fff
}

.semi-tag-light-blue-light {
    background-color: rgba(var(--light-blue-5),.15);
    color: rgba(var(--light-blue-8),1)
}

.semi-tag-light-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--light-green-4),1);
    color: rgba(var(--light-green-5),1)
}

.semi-tag-light-green-solid {
    background-color: rgba(var(--light-green-5),1);
    color: #fff
}

.semi-tag-light-green-light {
    background-color: rgba(var(--light-green-5),.15);
    color: rgba(var(--light-green-8),1)
}

.semi-tag-lime-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--lime-4),1);
    color: rgba(var(--lime-5),1)
}

.semi-tag-lime-solid {
    background-color: rgba(var(--lime-5),1);
    color: #fff
}

.semi-tag-lime-light {
    background-color: rgba(var(--lime-5),.15);
    color: rgba(var(--lime-8),1)
}

.semi-tag-orange-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--orange-4),1);
    color: rgba(var(--orange-5),1)
}

.semi-tag-orange-solid {
    background-color: rgba(var(--orange-5),1);
    color: #fff
}

.semi-tag-orange-light {
    background-color: rgba(var(--orange-5),.15);
    color: rgba(var(--orange-8),1)
}

.semi-tag-pink-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--pink-4),1);
    color: rgba(var(--pink-5),1)
}

.semi-tag-pink-solid {
    background-color: rgba(var(--pink-5),1);
    color: #fff
}

.semi-tag-pink-light {
    background-color: rgba(var(--pink-5),.15);
    color: rgba(var(--pink-8),1)
}

.semi-tag-purple-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--purple-4),1);
    color: rgba(var(--purple-5),1)
}

.semi-tag-purple-solid {
    background-color: rgba(var(--purple-5),1);
    color: #fff
}

.semi-tag-purple-light {
    background-color: rgba(var(--purple-5),.15);
    color: rgba(var(--purple-8),1)
}

.semi-tag-red-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--red-4),1);
    color: rgba(var(--red-5),1)
}

.semi-tag-red-solid {
    background-color: rgba(var(--red-5),1);
    color: #fff
}

.semi-tag-red-light {
    background-color: rgba(var(--red-5),.15);
    color: rgba(var(--red-8),1)
}

.semi-tag-teal-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--teal-4),1);
    color: rgba(var(--teal-5),1)
}

.semi-tag-teal-solid {
    background-color: rgba(var(--teal-5),1);
    color: #fff
}

.semi-tag-teal-light {
    background-color: rgba(var(--teal-5),.15);
    color: rgba(var(--teal-8),1)
}

.semi-tag-violet-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--violet-4),1);
    color: rgba(var(--violet-5),1)
}

.semi-tag-violet-solid {
    background-color: rgba(var(--violet-5),1);
    color: #fff
}

.semi-tag-violet-light {
    background-color: rgba(var(--violet-5),.15);
    color: rgba(var(--violet-8),1)
}

.semi-tag-yellow-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--yellow-4),1);
    color: rgba(var(--yellow-5),1)
}

.semi-tag-yellow-solid {
    background-color: rgba(var(--yellow-5),1);
    color: #fff
}

.semi-tag-yellow-light {
    background-color: rgba(var(--yellow-5),.15);
    color: rgba(var(--yellow-8),1)
}

.semi-tag-white-ghost,.semi-tag-white-light,.semi-tag-white-solid {
    background-color: rgba(22,24,35,.03);
    border: 1px solid transparent;
    color: #333
}

.semi-tag-white-ghost .semi-tag-close,.semi-tag-white-light .semi-tag-close,.semi-tag-white-solid .semi-tag-close {
    color: var(--color-text-2)
}

.semi-tag-avatar-circle,.semi-tag-avatar-square {
    background-color: var(--color-bg-4);
    border: 1px solid var(--color-border);
    color: var(--color-text-0)
}

.semi-portal-rtl .semi-tag,.semi-rtl .semi-tag {
    direction: rtl
}

.semi-portal-rtl .semi-tag-close,.semi-rtl .semi-tag-close {
    padding-left: auto;
    padding-right: 4px
}

.semi-portal-rtl .semi-tag-closable,.semi-rtl .semi-tag-closable {
    padding: 4px 8px 4px 4px
}

.semi-portal-rtl .semi-tag-avatar-circle .semi-avatar,.semi-portal-rtl .semi-tag-avatar-square .semi-avatar,.semi-rtl .semi-tag-avatar-circle .semi-avatar,.semi-rtl .semi-tag-avatar-square .semi-avatar {
    margin-right: auto;
    margin-left: 4px
}

.semi-portal-rtl .semi-tag-avatar-square,.semi-rtl .semi-tag-avatar-square {
    padding: 0 0 0 4px
}

.semi-portal-rtl .semi-tag-avatar-circle,.semi-rtl .semi-tag-avatar-circle {
    padding-right: auto;
    padding-left: 4px
}

.semi-portal-rtl .semi-tag-group,.semi-rtl .semi-tag-group {
    direction: rtl
}

.semi-portal-rtl .semi-tag-group .semi-tag,.semi-rtl .semi-tag-group .semi-tag {
    margin-right: auto;
    margin-left: 8px
}

.semi-portal-rtl .semi-tag-rest-group-popover,.semi-rtl .semi-tag-rest-group-popover {
    direction: rtl
}

.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag,.semi-rtl .semi-tag-rest-group-popover .semi-tag {
    margin-right: 0;
    margin-left: 8px
}

.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type,.semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
    margin-right: auto;
    margin-left: 0
}

.semi-toast {
    pointer-events: none
}

.semi-toast-wrapper {
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1010
}

.semi-toast-content {
    pointer-events: all;
    box-shadow: var(--shadow-elevated);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: var(--color-bg-3);
    border-radius: var(--border-radius-medium);
    padding: 12px 16px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    margin: 12px;
    font-weight: 700;
    color: var(--color-text-0)
}

.semi-toast-content .semi-toast-close-button {
    margin-top: -2px;
    height: 20px
}

.semi-toast-content .semi-toast-content-text {
    margin-left: 12px;
    margin-right: 12px;
    text-align: left
}

.semi-toast-light.semi-toast-warning .semi-toast-content {
    background-color: var(--color-warning-light-default);
    border: 1px solid var(--color-warning)
}

.semi-toast-light.semi-toast-success .semi-toast-content {
    background-color: var(--color-success-light-default);
    border: 1px solid var(--color-success)
}

.semi-toast-light.semi-toast-info .semi-toast-content {
    background-color: var(--color-info-light-default);
    border: 1px solid var(--color-info)
}

.semi-toast-light.semi-toast-error .semi-toast-content {
    background-color: var(--color-danger-light-default);
    border: 1px solid var(--color-danger)
}

.semi-toast .semi-toast-icon-warning {
    color: var(--color-warning)
}

.semi-toast .semi-toast-icon-success {
    color: var(--color-success)
}

.semi-toast .semi-toast-icon-info {
    color: var(--color-info)
}

.semi-toast .semi-toast-icon-error {
    color: var(--color-danger)
}

.semi-toast-rtl {
    direction: rtl
}

.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
    text-align: right
}

.semi-upload {
    display: flex;
    flex-wrap: wrap
}

.semi-upload-disabled,.semi-upload-disabled .semi-upload-file-card,.semi-upload-disabled .semi-upload-file-card-close {
    cursor: not-allowed
}

.semi-upload-disabled .semi-upload-drag-area {
    border: none;
    cursor: not-allowed
}

.semi-upload-disabled .semi-upload-drag-area:hover {
    background-color: var(--color-tertiary-light-default)
}

.semi-upload-disabled .semi-upload-drag-area-icon,.semi-upload-disabled .semi-upload-drag-area-main-text,.semi-upload-disabled .semi-upload-drag-area-sub-text {
    cursor: not-allowed;
    color: var(--color-disabled-text)
}

.semi-upload-hidden-input {
    display: none
}

.semi-upload-add {
    display: flex;
    align-items: center
}

.semi-upload[x-prompt-pos=right] .semi-upload-add,.semi-upload[x-prompt-pos=right] .semi-upload-prompt {
    display: inline-flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-add {
    display: flex
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-prompt {
    display: flex;
    flex-basis: 100%
}

.semi-upload[x-prompt-pos=bottom] .semi-upload-file-list {
    flex-basis: 100%
}

.semi-upload[x-prompt-pos=left] .semi-upload-add {
    display: inline-flex;
    order: 2
}

.semi-upload[x-prompt-pos=left] .semi-upload-prompt {
    display: inline-flex;
    order: 1
}

.semi-upload[x-prompt-pos=left] .semi-upload-file-list {
    order: 2
}

.semi-upload-file-list {
    flex-basis: 100%;
    flex-shrink: 0;
    display: block;
    margin-top: 8px;
    margin-bottom: 8px
}

.semi-upload-file-list-main {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0
}

.semi-upload-file-list-main p {
    display: flex;
    align-items: center
}

.semi-upload-file-list-title {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-text-2);
    margin-bottom: 4px
}

.semi-upload-file-list-title-choosen {
    margin-right: 8px
}

.semi-upload-file-list-title-clear {
    cursor: pointer;
    color: var(--color-primary)
}

.semi-upload-file-card {
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    width: 250px;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: var(--color-fill-0)
}

.semi-upload-file-card:hover {
    background-color: var(--color-fill-1)
}

.semi-upload-file-card a {
    text-decoration: none
}

.semi-upload-file-card-preview {
    height: 36px;
    width: 36px;
    color: var(--color-text-2);
    margin: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-small);
    flex-shrink: 0
}

.semi-upload-file-card-preview img {
    height: 36px;
    width: 36px;
    object-fit: cover
}

.semi-upload-file-card-preview-placeholder {
    background-color: rgba(var(--grey-3),1);
    color: rgba(var(--white),1)
}

.semi-upload-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-file-card-info {
    display: flex;
    align-items: center
}

.semi-upload-file-card-info-main {
    display: flex;
    flex-wrap: wrap
}

.semi-upload-file-card-info-main-text {
    display: flex;
    align-items: center
}

.semi-upload-file-card-info-main-control {
    display: flex
}

.semi-upload-file-card-info-name {
    width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: var(--color-text-0)
}

.semi-upload-file-card-info-size {
    font-weight: 400;
    margin-left: 8px;
    color: var(--color-text-2)
}

.semi-upload-file-card-info-size,.semi-upload-file-card-info-validate-message {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-upload-file-card-info-validate-message {
    display: flex;
    align-items: center;
    color: var(--color-text-0)
}

.semi-upload-file-card-info-retry {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-primary);
    cursor: pointer;
    margin-left: 8px
}

.semi-upload-file-card-info .semi-progress {
    flex-basis: 100%;
    margin-top: 4px
}

.semi-upload-file-card-close {
    margin-left: 8px;
    margin-right: 8px;
    flex-shrink: 0
}

.semi-upload-file-card-icon-error,.semi-upload-file-card-icon-loading {
    width: 11px;
    height: 11px;
    margin-right: 2px
}

.semi-upload-file-card-icon-error {
    position: relative;
    top: -1px
}

.semi-upload-file-card-icon-loading .semi-spin-wrapper svg {
    height: 11px;
    width: 11px
}

.semi-upload-file-card-fail {
    background-color: var(--color-danger-light-default)
}

.semi-upload-file-card-fail:hover {
    background-color: var(--color-danger-light-hover)
}

.semi-upload-file-card-fail .semi-upload-file-card-info-validate-message {
    color: var(--color-danger)
}

.semi-upload-picture {
    display: flex
}

.semi-upload-picture[x-prompt-pos=bottom] {
    flex-direction: column
}

.semi-upload-picture[x-prompt-pos=bottom] .semi-upload-prompt {
    order: 2
}

.semi-upload-picture[x-prompt-pos=bottom] .semi-upload-add {
    order: 1
}

.semi-upload-picture[x-prompt-pos=right] .semi-upload-prompt {
    order: 2
}

.semi-upload-picture[x-prompt-pos=right] .semi-upload-add {
    order: 1
}

.semi-upload-picture-add {
    background-color: var(--color-fill-0);
    height: 96px;
    width: 96px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed var(--color-border);
    color: var(--color-tertiary);
    border-radius: var(--border-radius-small);
    order: 2;
    cursor: pointer
}

.semi-upload-picture-add:hover {
    background-color: var(--color-fill-1)
}

.semi-upload-picture-add:active {
    background-color: var(--color-fill-2)
}

.semi-upload-picture-file-list {
    flex-basis: inherit;
    margin-top: 0;
    margin-bottom: 0
}

.semi-upload-picture-file-card {
    height: 96px;
    width: 96px;
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px
}

.semi-upload-picture-file-card img {
    height: 96px;
    width: 96px;
    object-fit: cover;
    border-radius: var(--border-radius-small)
}

.semi-upload-picture-file-card-close {
    width: 24px;
    height: 24px;
    background-color: var(--overlay-bg);
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    border-radius: var(--border-radius-circle);
    color: #fff;
    cursor: pointer;
    transition: all 0s
}

.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-close {
    display: flex
}

.semi-upload-picture-file-card-retry,.semi-upload-picture-file-card .semi-progress-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.semi-upload-picture-file-card-retry {
    background-color: #fff;
    width: 24px;
    height: 24px;
    color: var(--color-primary);
    border-radius: var(--border-radius-circle);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.semi-upload-picture-file-card-icon-retry {
    transform: scaleX(-1);
    width: 13px;
    height: 14px
}

.semi-upload-picture-file-card-icon-error,.semi-upload-picture-file-card-icon-loading {
    position: absolute;
    bottom: 6px;
    right: 6px;
    color: var(--color-danger)
}

.semi-upload-picture-file-card-icon-loading {
    width: 14px;
    height: 14px
}

.semi-upload-picture-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-drag-area {
    border-radius: var(--border-radius-small);
    border: 2px dashed var(--color-border);
    width: 100%;
    padding: 12px;
    background-color: var(--color-tertiary-light-default);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

.semi-upload-drag-area:hover {
    background-color: var(--color-primary-light-default);
    border-color: var(--color-primary)
}

.semi-upload-drag-area-custom {
    border: none;
    padding: 0;
    background-color: inherit
}

.semi-upload-drag-area-custom:hover {
    background-color: inherit
}

.semi-upload-drag-area-legal {
    background-color: var(--color-primary-light-default);
    border-color: var(--color-primary)
}

.semi-upload-drag-area-legal .semi-upload-drag-area-sub-text {
    display: none
}

.semi-upload-drag-area-icon {
    color: var(--color-primary)
}

.semi-upload-drag-area-text {
    text-align: center
}

.semi-upload-drag-area-main-text {
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-bottom: 4px
}

.semi-upload-drag-area-sub-text {
    cursor: pointer
}

.semi-upload-drag-area-sub-text,.semi-upload-drag-area-tips {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-upload-drag-area-tips {
    font-weight: 600
}

.semi-upload-drag-area-tips-legal {
    color: var(--color-primary)
}

.semi-upload-validate-message {
    flex-basis: 100%;
    flex-shrink: 0;
    display: block
}

.semi-rtl .semi-upload {
    direction: rtl
}

.semi-rtl .semi-upload-file-list-title-choosen {
    margin-right: 0;
    margin-left: 8px
}

.semi-rtl .semi-upload-file-list-title-choosen,.semi-rtl .semi-upload-file-list-title-clear {
    display: inline-block
}

.semi-rtl .semi-upload-file-card {
    margin-right: 0;
    margin-left: 8px
}

.semi-rtl .semi-upload-file-card-info-retry,.semi-rtl .semi-upload-file-card-info-size {
    margin-left: 0;
    margin-right: 8px
}

.semi-rtl .semi-upload-file-card-icon-error,.semi-rtl .semi-upload-file-card-icon-loading {
    margin-right: 0;
    margin-left: 2px
}

.semi-rtl .semi-upload-picture-file-card {
    margin-right: 0;
    margin-left: 8px
}

.semi-rtl .semi-upload-picture-file-card-close {
    right: auto;
    left: 8px
}

.semi-rtl .semi-upload-picture-file-card-retry,.semi-rtl .semi-upload-picture-file-card .semi-progress-circle {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-rtl .semi-upload-picture-file-card-icon-error,.semi-rtl .semi-upload-picture-file-card-icon-loading {
    right: 0;
    left: 6px
}

.semi-progress {
    display: flex;
    align-items: center
}

.semi-progress-track {
    background-color: var(--color-fill-0);
    border-radius: var(--border-radius-small)
}

.semi-progress-horizontal {
    height: 4px;
    margin-top: 4px;
    margin-bottom: 4px
}

.semi-progress-horizontal.semi-progress-large {
    height: 6px
}

.semi-progress-horizontal .semi-progress-track {
    height: 100%;
    width: 100%
}

.semi-progress-horizontal .semi-progress-track-inner {
    height: 100%;
    background-color: var(--color-success);
    border-radius: var(--border-radius-small);
    transition: width .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95)
}

.semi-progress-horizontal .semi-progress-line-text {
    min-width: 45px;
    font-weight: 600;
    margin-left: 15px;
    color: var(--color-text-0)
}

.semi-progress-vertical {
    width: 4px;
    display: inline-flex;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    flex-direction: column
}

.semi-progress-vertical.semi-progress-large {
    width: 6px
}

.semi-progress-vertical .semi-progress-track {
    height: 100%;
    width: 100%
}

.semi-progress-vertical .semi-progress-track-inner {
    background-color: var(--color-success);
    border-radius: var(--border-radius-small);
    width: 100%;
    transition: height .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95)
}

.semi-progress-vertical .semi-progress-line-text {
    font-weight: 600;
    margin-top: 8px
}

.semi-progress-circle {
    position: relative;
    display: inline-block
}

.semi-progress-circle-ring {
    display: block
}

.semi-progress-circle-ring-inner {
    transition: stroke-dashoffset .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95);
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.semi-progress-circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
    user-select: none;
    color: var(--color-mode-minor-text)
}

.semi-rtl .semi-progress {
    direction: rtl
}

.semi-rtl .semi-progress-horizontal .semi-progress-line-text {
    margin-left: 0;
    margin-right: 15px
}

.semi-rtl .semi-progress-circle-ring-inner {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.semi-rtl .semi-progress-circle-text {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-form .semi-form-field {
    box-sizing: border-box
}

.semi-form-horizontal {
    display: flex;
    flex-wrap: wrap
}

.semi-form-horizontal .semi-form-field {
    margin-left: 0;
    padding-right: 16px
}

.semi-form-horizontal .semi-form-field:last-child {
    margin-right: 16px
}

.semi-form-horizontal .semi-form-field-group {
    padding-right: 16px
}

.semi-form-horizontal .semi-row {
    display: block
}

.semi-form-vertical .semi-form-field {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    overflow: hidden
}

.semi-form-vertical .semi-form-field .semi-form-col-right {
    display: flex;
    justify-content: flex-end
}

.semi-form-vertical .semi-form-field .semi-form-col-left {
    display: flex;
    justify-content: flex-start
}

.semi-form-field-label {
    box-sizing: border-box;
    padding-right: 16px;
    font-weight: 500;
    color: var(--color-text-0);
    margin-bottom: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    flex-shrink: 0;
    user-select: none
}

.semi-form-field-label-disabled {
    color: var(--color-disabled-text)
}

.semi-form-field-label-with-extra .semi-form-field-label-extra,.semi-form-field-label-with-extra .semi-form-field-label-text {
    display: inline-block
}

.semi-form-field-label-with-extra .semi-form-field-label-extra {
    margin-left: 4px
}

.semi-form-field-label-required .semi-form-field-label-text:after {
    content: "*";
    margin-left: 4px;
    color: var(--color-danger);
    font-weight: 700
}

.semi-form-field-label-required-disabled {
    color: var(--color-danger)
}

.semi-form-field-label-left {
    text-align: left
}

.semi-form-field-label-right {
    text-align: right
}

.semi-form-field-error-message,.semi-form-field-help-text {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    display: flex;
    align-items: center;
    margin-top: 4px
}

.semi-form-field-error-message .semi-icons-alert_triangle,.semi-form-field-help-text .semi-icons-alert_triangle {
    color: var(--color-warning)
}

.semi-form-field-error-message {
    color: var(--color-danger)
}

.semi-form-field[x-label-pos=top] .semi-form-field-label {
    display: block
}

.semi-form-field[x-label-pos=top] .semi-checkboxGroup,.semi-form-field[x-label-pos=top] .semi-radioGroup {
    padding-top: 4px;
    padding-bottom: 4px
}

.semi-form-field[x-label-pos=left] {
    display: flex
}

.semi-form-field[x-label-pos=left] .semi-form-field-label {
    margin-bottom: 0;
    margin-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px
}

.semi-form-field[x-label-pos=left] .semi-checkboxGroup,.semi-form-field[x-label-pos=left] .semi-radioGroup {
    padding-top: 6px;
    padding-bottom: 6px
}

.semi-form-field[x-label-pos=left] .semi-rating,.semi-form-field[x-label-pos=left] .semi-switch {
    vertical-align: middle;
    margin-top: 4px;
    margin-bottom: 4px
}

.semi-form-field[x-extra-pos=middle] .semi-form-field-extra {
    margin-top: 4px;
    margin-bottom: 4px
}

.semi-form-field[x-extra-pos=bottom] .semi-form-field-extra {
    margin-top: 4px
}

.semi-form-field-main {
    width: 100%
}

.semi-form-field-validate-status-icon {
    margin-right: 4px;
    flex-shrink: 0;
    align-self: flex-start;
    position: relative;
    top: 2px
}

.semi-form-field-extra {
    color: var(--color-tertiary)
}

.semi-form-field-extra-string {
    color: var(--color-tertiary);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-form-vertical .semi-form-field-group {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px
}

.semi-form-vertical .semi-form-field-group .semi-form-field {
    margin-top: 0;
    margin-bottom: 0
}

.semi-form-field-group[x-label-pos=left] {
    display: flex
}

.semi-form-section {
    width: 100%;
    margin-top: 28px
}

.semi-form-section-text {
    margin-block-start:0;margin-block-end:0;font-size: 18px;
    line-height: 24px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 4px;
    color: var(--color-text-0)
}

.semi-form-section:first-of-type {
    margin-top: 0
}

.semi-input-number {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box
}

.semi-input-number-suffix-btns {
    display: inline-flex;
    flex-direction: column;
    margin-left: 4px;
    border: 1px solid var(--color-border);
    border-radius: 3px;
    background-color: var(--color-bg-2);
    box-sizing: border-box
}

.semi-input-number-suffix-btns>.semi-input-number-button {
    height: 50%;
    width: 14px;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    border-radius: 0;
    color: var(--color-text-2)
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:hover,.semi-input-number-suffix-btns>.semi-input-number-button-up:hover {
    cursor: pointer;
    background-color: var(--color-fill-0)
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:active,.semi-input-number-suffix-btns>.semi-input-number-button-up:active {
    cursor: pointer;
    background-color: var(--color-fill-1)
}

.semi-input-number-suffix-btns>.semi-input-number-button-down.semi-input-number-button-down-disabled,.semi-input-number-suffix-btns>.semi-input-number-button-up.semi-input-number-button-up-disabled {
    cursor: not-allowed;
    background-color: var(--color-bg-2)
}

.semi-input-number-suffix-btns-inner-hover {
    border-color: var(--color-fill-2)
}

.semi-input-number-suffix-btns-inner {
    margin-left: 8px
}

.semi-input-number-size-default .semi-input-number-suffix-btns {
    height: 32px
}

.semi-input-number-size-default .semi-input-number-suffix-btns-inner {
    height: 30px
}

.semi-input-number-size-large .semi-input-number-suffix-btns {
    height: 40px
}

.semi-input-number-size-large .semi-input-number-suffix-btns-inner {
    height: 38px
}

.semi-input-number-size-small .semi-input-number-suffix-btns {
    height: 24px
}

.semi-input-number-size-small .semi-input-number-suffix-btns-inner {
    height: 22px
}

.semi-rtl .semi-input-number {
    direction: rtl
}

.semi-rtl .semi-input-number-suffix-btns {
    margin-left: auto;
    margin-right: 4px
}

.semi-rtl .semi-input-number-suffix-btns-inner {
    margin-left: auto;
    margin-right: 8px
}

.semi-input-textarea-wrapper {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius-small);
    vertical-align: bottom;
    background-color: transparent
}

.semi-input-textarea-wrapper:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-input-textarea-wrapper-focus {
    background-color: transparent;
    border: 1px solid var(--color-focus-border)
}

.semi-input-textarea-wrapper-focus:active,.semi-input-textarea-wrapper-focus:hover,.semi-input-textarea-wrapper:active {
    background-color: transparent
}

.semi-input-textarea-wrapper-readonly {
    cursor: default
}

.semi-input-textarea-wrapper-disabled {
    cursor: not-allowed;
    color: var(--color-disabled-text)
}

.semi-input-textarea-wrapper-disabled,.semi-input-textarea-wrapper-disabled:hover {
    background-color: var(--color-disabled-fill)
}

.semi-input-textarea-wrapper-disabled::placeholder {
    color: var(--color-disabled-text)
}

.semi-input-textarea-wrapper-error,.semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus,.semi-input-textarea-wrapper-error:active,.semi-input-textarea-wrapper-error:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-input-textarea-wrapper-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-input-textarea-wrapper-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-input-textarea-wrapper-warning:active {
    background-color: var(--color-warning-light-active);
    border-color: var(--color-warning-light-active)
}

.semi-input-textarea {
    position: relative;
    resize: none;
    padding: 5px 12px;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: transparent;
    border: 0;
    vertical-align: bottom;
    width: 100%;
    outline: none;
    cursor: text;
    box-sizing: border-box;
    color: var(--color-text-0)
}

.semi-input-textarea::placeholder {
    color: var(--color-text-2)
}

.semi-input-textarea-disabled {
    cursor: not-allowed;
    color: var(--color-disabled-text);
    background-color: transparent
}

.semi-input-textarea-disabled:hover {
    background-color: transparent
}

.semi-input-textarea-disabled::placeholder {
    color: var(--color-disabled-text)
}

.semi-input-textarea-autosize {
    overflow: hidden
}

.semi-input-textarea-counter {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 12px 5px;
    min-height: 24px;
    text-align: right;
    color: var(--color-text-3)
}

.semi-input-textarea-counter-exceed {
    color: var(--color-danger)
}

.semi-rtl .semi-input-clearbtn+.semi-input-suffix {
    margin-left: auto;
    margin-right: -12px
}

.semi-rtl .semi-input-wrapper {
    direction: rtl
}

.semi-rtl .semi-input-wrapper__with-prefix .semi-input {
    padding-left: auto;
    padding-right: 0
}

.semi-rtl .semi-input-wrapper__with-suffix .semi-input {
    padding-right: auto;
    padding-left: 0
}

.semi-rtl .semi-input-wrapper .semi-input-clearbtn,.semi-rtl .semi-input-wrapper .semi-input-modebtn {
    margin-left: auto;
    margin-right: -12px
}

.semi-rtl .semi-input-wrapper__with-suffix.semi-input-wrapper-clearable .semi-input-clearbtn {
    margin-left: auto;
    margin-right: 0
}

.semi-rtl .semi-input {
    padding-left: 12px;
    padding-right: 12px
}

.semi-rtl .semi-input-inset-label {
    margin-right: auto;
    margin-left: 12px
}

.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix {
    margin-left: auto;
    margin-right: -12px
}

.semi-rtl .semi-input-append {
    border-left: 0;
    border-right: 1px solid transparent
}

.semi-rtl .semi-input-prepend {
    border-right: 0;
    border-left: 1px solid transparent
}

.semi-rtl .semi-input-group .semi-cascader:not(:last-child):after,.semi-rtl .semi-input-group .semi-input-number:not(:last-child):after,.semi-rtl .semi-input-group .semi-select:not(:last-child):after,.semi-rtl .semi-input-group .semi-tree-select:not(:last-child):after,.semi-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after {
    right: auto;
    left: -1px
}

.semi-rtl .semi-input-textarea-wrapper {
    direction: rtl
}

.semi-rtl .semi-input-textarea-counter {
    text-align: left
}

.semi-datepicker {
    box-sizing: border-box;
    display: inline-block
}

.semi-datepicker-month-grid {
    user-select: none;
    display: flex
}

.semi-datepicker-month-grid-left,.semi-datepicker-month-grid-right {
    position: relative;
    padding: 0;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start
}

.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam,.semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam,.semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam {
    height: calc(100% - 54px)
}

.semi-datepicker-month-grid .semi-datepicker-yam-showing {
    min-height: 378px;
    min-width: 284px
}

.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
    min-height: 325px
}

.semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
    background: var(--color-bg-3);
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-border);
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
    display: flex;
    align-items: center
}

.semi-datepicker-month-grid .semi-scrolllist {
    background: var(--color-bg-3);
    position: relative;
    box-shadow: none;
    height: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    flex: 1
}

.semi-datepicker-month-grid .semi-scrolllist-header {
    border-bottom: 1px solid var(--color-border)
}

.semi-datepicker-month-grid .semi-scrolllist-body,.semi-datepicker-month-grid .semi-scrolllist-header {
    padding: 16px;
    box-sizing: border-box;
    width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-line {
    display: none
}

.semi-datepicker-month-grid .semi-scrolllist-body {
    height: 100%;
    flex: 1;
    padding: 0;
    overflow: hidden
}

.semi-datepicker-month-grid .semi-scrolllist-header-title {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    min-height: 24px
}

.semi-datepicker-panel-yam {
    max-width: 284px
}

.semi-datepicker-panel-yam .semi-scrolllist {
    box-shadow: none;
    height: 266px
}

.semi-datepicker-panel-yam .semi-scrolllist-list-outer>ul>li {
    min-width: 64px
}

.semi-datepicker-panel-yam .semi-scrolllist-body {
    padding: 0;
    overflow: hidden
}

.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
    border: none
}

.semi-datepicker-footer {
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    text-align: right;
    background-color: var(--color-fill-0)
}

.semi-datepicker-yam {
    box-sizing: border-box
}

.semi-datepicker-tpk,.semi-datepicker-yam {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column
}

.semi-datepicker-tpk {
    height: calc(100% - 54px)
}

.semi-datepicker-tpk .semi-datepicker-time {
    height: 100%
}

.semi-datepicker-navigation {
    display: flex;
    align-items: center;
    box-sizing: content-box;
    height: 32px;
    padding: 12px 16px
}

.semi-datepicker-navigation-left,.semi-datepicker-navigation-right {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-datepicker-navigation .semi-button {
    color: var(--color-text-2);
    min-width: 32px
}

.semi-datepicker-navigation-month {
    font-size: 16px;
    line-height: 22px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    flex-grow: 1;
    text-align: center;
    font-weight: 700;
    color: var(--color-text-0)
}

.semi-datepicker-navigation-month .semi-button {
    color: var(--color-text-0)
}

.semi-datepicker-month {
    width: 252px;
    box-sizing: content-box;
    padding: 0 16px 16px
}

.semi-datepicker-weekday {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: var(--color-text-2);
    border-bottom: 1px solid var(--color-border)
}

.semi-datepicker-weekday-item {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: inline-block
}

.semi-datepicker-weeks {
    color: var(--color-text-0)
}

.semi-datepicker-week {
    display: flex;
    align-items: center
}

.semi-datepicker-day {
    display: inline-block;
    width: 36px;
    height: 36px;
    display: flex;
    cursor: pointer
}

.semi-datepicker-day,.semi-datepicker-day-main {
    box-sizing: border-box;
    justify-content: center;
    align-items: center
}

.semi-datepicker-day-main {
    display: flex;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border-radius: var(--border-radius-small)
}

.semi-datepicker-day-main:hover {
    background-color: var(--color-fill-0)
}

.semi-datepicker-day-main:active {
    background-color: var(--color-fill-1)
}

.semi-datepicker-day-today .semi-datepicker-day-main {
    color: var(--color-primary);
    background-color: var(--color-fill-0);
    font-weight: 700
}

.semi-datepicker-day-today.semi-datepicker-day-disabled .semi-datepicker-day-main {
    color: var(--color-primary-disabled)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main,.semi-datepicker-day-inhover .semi-datepicker-day-main,.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,.semi-datepicker-day-inrange .semi-datepicker-day-main,.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    width: 36px
}

.semi-datepicker-day-selected .semi-datepicker-day-main {
    border-radius: var(--border-radius-small)
}

.semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) var(--border-radius-small)
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.semi-datepicker-day-selected-start .semi-datepicker-day-main {
    width: 34px;
    margin-left: 2px;
    margin-right: 0;
    border-radius: var(--border-radius-small) 0 0 var(--border-radius-small)
}

.semi-datepicker-day-selected-end .semi-datepicker-day-main {
    width: 34px;
    margin-right: 2px;
    margin-left: 0;
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0
}

.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main {
    background-color: var(--color-fill-0)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main {
    background-color: var(--color-fill-1)
}

.semi-datepicker-day-inhover .semi-datepicker-day-main,.semi-datepicker-day-inrange .semi-datepicker-day-main {
    background-color: var(--color-primary-light-default)
}

.semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-datepicker-day-selected-start .semi-datepicker-day-main,.semi-datepicker-day-selected .semi-datepicker-day-main {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.semi-datepicker-day-selected-end .semi-datepicker-day-main:hover,.semi-datepicker-day-selected-start .semi-datepicker-day-main:hover,.semi-datepicker-day-selected .semi-datepicker-day-main:hover {
    background-color: var(--color-primary)
}

.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    background-color: var(--color-primary-light-hover)
}

.semi-datepicker-day-disabled {
    cursor: not-allowed;
    color: var(--color-disabled-text)
}

.semi-datepicker-day-disabled .semi-datepicker-day-main:active,.semi-datepicker-day-disabled .semi-datepicker-day-main:hover {
    background-color: transparent
}

.semi-datepicker-day-disabled.semi-datepicker-day-hoverday .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-inhover .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-inrange .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-selected-start .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-selected .semi-datepicker-day-main,.semi-datepicker-day-disabled.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    background-color: var(--color-disabled-fill);
    color: var(--color-disabled-text)
}

.semi-datepicker-switch {
    text-align: center;
    display: flex;
    border-top: 1px solid var(--color-border);
    margin-top: auto
}

.semi-datepicker-switch-date,.semi-datepicker-switch-time {
    width: 50%;
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-text-2)
}

.semi-datepicker-switch-date:not(.semi-datepicker-switch-time-disabled):hover,.semi-datepicker-switch-time:not(.semi-datepicker-switch-time-disabled):hover {
    background-color: var(--color-fill-0)
}

.semi-datepicker-switch-date-active,.semi-datepicker-switch-time-active {
    color: var(--color-text-0);
    font-weight: 700;
    cursor: auto
}

.semi-datepicker-switch-date-active:hover,.semi-datepicker-switch-time-active:hover {
    background-color: inherit
}

.semi-datepicker-switch-date-disabled,.semi-datepicker-switch-time-disabled {
    cursor: not-allowed
}

.semi-datepicker-switch-text {
    padding-left: 8px
}

.semi-datepicker-time .semi-jumperlist {
    box-shadow: none;
    border-radius: 0
}

.semi-datepicker-quick-control {
    box-sizing: border-box;
    border-top: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 16px;
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
    flex-wrap: wrap
}

.semi-datepicker-quick-control-item {
    margin-right: 8px
}

.semi-datepicker-quick-control-date,.semi-datepicker-quick-control-dateTime,.semi-datepicker-quick-control-month {
    max-width: 284px
}

.semi-datepicker-quick-control-dateRange,.semi-datepicker-quick-control-dateTimeRange {
    max-width: 568px
}

.semi-datepicker .semi-popover-trigger {
    width: 100%
}

.semi-datepicker .semi-popover-trigger .semi-input-wrapper {
    font-size: 13px
}

.semi-datepicker .semi-popover-trigger .semi-input-suffix {
    color: var(--color-primary)
}

.semi-datepicker .semi-datepicker-input-readonly {
    cursor: pointer
}

.semi-portal-rtl .semi-datepicker,.semi-rtl .semi-datepicker {
    direction: rtl
}

.semi-portal-rtl .semi-datepicker-footer,.semi-rtl .semi-datepicker-footer {
    padding-right: 0;
    padding-left: 8px;
    text-align: left
}

.semi-portal-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main {
    margin-right: 2px;
    margin-left: auto
}

.semi-portal-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    margin-left: 2px;
    margin-right: auto
}

.semi-portal-rtl .semi-datepicker-switch-text,.semi-rtl .semi-datepicker-switch-text {
    padding-left: 0;
    padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-quick-control-item,.semi-rtl .semi-datepicker-quick-control-item {
    margin-left: 0;
    margin-right: 8px
}

.semi-portal-rtl .semi-datepicker-navigation .semi-icons-chevron_left,.semi-portal-rtl .semi-datepicker-navigation .semi-icons-chevron_right,.semi-rtl .semi-datepicker-navigation .semi-icons-chevron_left,.semi-rtl .semi-datepicker-navigation .semi-icons-chevron_right {
    transform: scaleX(-1)
}

.semi-scrolllist {
    width: 100%;
    height: 100%;
    background: var(--color-bg-3);
    box-shadow: 0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);
    border-radius: var(--border-radius-medium);
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    user-select: none;
    display: flex;
    flex-direction: column
}

.semi-scrolllist-header {
    text-align: center;
    padding: 0 16px
}

.semi-scrolllist-header-title {
    padding: 16px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-scrolllist-body {
    display: flex;
    height: 300px;
    padding: 0 16px;
    overflow: hidden
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle>ul:before,.semi-scrolllist-body .semi-scrolllist-item>ul:before {
    content: "";
    display: block;
    width: 100%;
    height: 132px
}

.semi-scrolllist-body .semi-scrolllist-item {
    position: relative;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
    border-right: 1px solid var(--color-border)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul,.semi-scrolllist-body .semi-scrolllist-item>ul {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 0 132px;
    list-style: none
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li,.semi-scrolllist-body .semi-scrolllist-item>ul>li {
    list-style: none;
    height: 36px;
    box-sizing: border-box;
    color: var(--color-text-0);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel,.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel {
    background: var(--color-primary-light-default);
    color: var(--color-text-0)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg {
    color: var(--color-text-2);
    width: 16px;
    height: 16px;
    margin-right: 12px
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected),.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected) {
    cursor: pointer
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover,.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover {
    background-color: var(--color-fill-1)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active,.semi-scrolllist-body .semi-scrolllist-item>ul>li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active {
    background-color: var(--color-fill-2)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-disabled,.semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-disabled {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-scrolllist-body .semi-scrolllist-item-wheel {
    position: relative;
    flex: 1;
    overflow: hidden
}

.semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
    border-right: 1px solid var(--color-border)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
    font-weight: 700
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding-right: 18px
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
    width: 100%;
    height: 50%;
    pointer-events: none;
    position: absolute
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
    top: 0;
    margin-top: -19px;
    background: var(--color-bg-3);
    opacity: .5
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
    top: 50%;
    margin-top: 19px;
    background: var(--color-bg-3);
    opacity: .5
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
    pointer-events: none;
    position: absolute;
    top: 50%;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    height: 36px;
    width: 100%;
    transform: translateY(-50%)
}

.semi-scrolllist .semi-scrolllist-footer {
    border-top: 1px solid var(--color-border);
    padding: 10px
}

.semi-scrolllist .semi-scrolllist-line {
    background: var(--color-border);
    height: 1px
}

.semi-portal-rtl .semi-scrolllist,.semi-rtl .semi-scrolllist {
    direction: rtl
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child),.semi-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
    border-right: 0;
    border-left: 1px solid var(--color-border)
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg,.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li.semi-scrolllist-item-sel>svg,.semi-rtl .semi-scrolllist-body .semi-scrolllist-item>ul>li.semi-scrolllist-item-sel>svg {
    margin-right: 0;
    margin-left: 12px
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child),.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
    border-right: 0;
    border-left: 1px solid var(--color-border)
}

.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer,.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
    padding-right: 0;
    padding-left: 18px
}

.semi-switch {
    box-sizing: border-box;
    display: inline-block;
    border-radius: 12px;
    border: 1px solid transparent;
    position: relative;
    cursor: pointer;
    background-color: var(--color-fill-0);
    transition: background-color .2s ease-in-out;
    width: 40px;
    height: 24px
}

.semi-switch:hover {
    background-color: var(--color-fill-1)
}

.semi-switch:active {
    border: 1px solid var(--color-fill-2)
}

.semi-switch:active .semi-switch-knob {
    width: 24px
}

.semi-switch-checked {
    background-color: var(--color-info)
}

.semi-switch-checked:hover {
    background-color: var(--color-info-hover)
}

.semi-switch-checked .semi-switch-knob {
    transform: translateX(18px)
}

.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(12px)
}

.semi-switch-active {
    background-color: var(--color-info-active)
}

.semi-switch-disabled {
    cursor: not-allowed;
    background-color: transparent;
    border: 1px solid var(--color-border)
}

.semi-switch-disabled .semi-switch-knob {
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid var(--color-border)
}

.semi-switch-disabled:hover {
    background-color: transparent
}

.semi-switch-disabled.semi-switch-checked {
    border-color: transparent
}

.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
    box-shadow: none;
    border: none
}

.semi-switch-knob {
    box-shadow: 0 4px 6px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08);
    cursor: pointer;
    border-radius: 9px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: auto;
    transition: transform .2s ease-in-out,width .2s ease-in-out;
    width: 18px;
    height: 18px;
    top: 2px;
    transform: translateX(2px)
}

.semi-switch-native-control {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: inherit;
    pointer-events: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

.semi-switch-native-control[type=checkbox] {
    width: 100%;
    height: 100%
}

.semi-switch-checked-text,.semi-switch-unchecked-text {
    position: absolute;
    font-size: 12px;
    height: 100%;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-switch-checked-text {
    color: var(--color-white)
}

.semi-switch-unchecked-text {
    color: var(--color-text-2);
    right: 0
}

.semi-switch-disabled.semi-switch-checked {
    background-color: var(--color-info-disabled)
}

.semi-switch-large {
    width: 54px;
    height: 32px;
    border-radius: 16px
}

.semi-switch-large .semi-switch-knob {
    width: 24px;
    height: 24px;
    top: 3px;
    border-radius: 12px;
    transform: translateX(3px)
}

.semi-switch-large.semi-switch-checked .semi-switch-knob {
    transform: translateX(26px)
}

.semi-switch-large.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(16px)
}

.semi-switch-large:active .semi-switch-knob {
    width: 34px
}

.semi-switch-large .semi-switch-checked-text,.semi-switch-large .semi-switch-unchecked-text {
    width: 26px;
    font-size: 14px
}

.semi-switch-small {
    width: 26px;
    height: 16px;
    border-radius: 8px
}

.semi-switch-small .semi-switch-knob {
    width: 12px;
    height: 12px;
    top: 1px;
    border-radius: 6px;
    transform: translateX(1px)
}

.semi-switch-small.semi-switch-checked .semi-switch-knob {
    transform: translateX(11px)
}

.semi-switch-small.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(9px)
}

.semi-switch-small:active .semi-switch-knob {
    width: 14px
}

.semi-form .semi-switch-native-control {
    width: 100%;
    height: 100%
}

.semi-rtl .semi-switch {
    direction: rtl
}

.semi-rtl .semi-switch-checked .semi-switch-knob {
    transform: translateX(-18px)
}

.semi-rtl .semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-12px)
}

.semi-rtl .semi-switch-knob {
    right: 0;
    left: auto;
    transform: translateX(-2px)
}

.semi-rtl .semi-switch-native-control {
    right: 0
}

.semi-rtl .semi-switch-unchecked-text {
    left: 0
}

.semi-rtl .semi-switch-large .semi-switch-knob {
    transform: translateX(-3px)
}

.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob {
    transform: translateX(-26px)
}

.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-16px)
}

.semi-rtl .semi-switch-small .semi-switch-knob {
    transform: translateX(-1px)
}

.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob {
    transform: translateX(-11px)
}

.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-9px)
}

.semi-slider {
    padding: 0 13px;
    margin: 0
}

.semi-slider-wrapper {
    box-sizing: border-box;
    position: relative;
    height: 32px;
    width: 100%;
    display: inline-block;
    vertical-align: bottom
}

.semi-slider-rail {
    box-sizing: border-box;
    margin: 0;
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    height: 4px;
    padding: 0;
    cursor: pointer;
    touch-action: none;
    background-color: var(--color-fill-0);
    width: 100%;
    border-radius: 3px;
    top: 14px
}

.semi-slider-handle {
    box-shadow: 0 4px 6px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.08);
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: #fff .3s
}

.semi-slider-handle,.semi-slider-handle:hover {
    background-color: var(--color-white)
}

.semi-slider-handle-clicked {
    border: 1px solid var(--color-focus-border)
}

.semi-slider-track {
    height: 4px;
    background: var(--color-primary);
    border-radius: 3px;
    position: absolute;
    cursor: pointer;
    top: 14px
}

.semi-slider-tooltip {
    position: absolute;
    top: -40px
}

.semi-slider-dots {
    width: 100%;
    background: transparent
}

.semi-slider-dot {
    position: absolute;
    top: 14px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    cursor: pointer
}

.semi-slider-dot,.semi-slider-dot-active {
    background-color: var(--color-white)
}

.semi-slider-marks {
    position: absolute;
    top: 23px;
    left: 0;
    width: 100%;
    font-size: 14px
}

.semi-slider-mark {
    position: absolute;
    display: inline-block;
    color: var(--color-text-2);
    text-align: center;
    cursor: pointer;
    transform: translate(-50%)
}

.semi-slider-boundary {
    position: relative;
    font-size: 12px;
    color: var(--color-text-0);
    visibility: hidden;
    top: 30px
}

.semi-slider-boundary span {
    position: absolute;
    display: inline-block
}

.semi-slider-boundary-min {
    left: 0
}

.semi-slider-boundary-max {
    right: 0
}

.semi-slider-boundary-show {
    visibility: visible
}

.semi-slider-vertical-wrapper {
    width: 4px;
    height: 100%
}

.semi-slider-vertical-wrapper .semi-slider-track {
    width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-marks {
    height: 100%;
    margin-top: -30px;
    margin-left: 29px
}

.semi-slider-vertical-wrapper .semi-slider-rail {
    width: 4px;
    height: 100%;
    top: 0
}

.semi-slider-vertical-wrapper .semi-slider-handle {
    margin-top: 0;
    margin-left: -10px
}

.semi-slider-disabled {
    cursor: not-allowed
}

.semi-slider-disabled .semi-slider-handle {
    cursor: not-allowed;
    box-shadow: none;
    border: 1px solid var(--color-border)
}

.semi-slider-disabled .semi-slider-handle:hover {
    background-color: var(--color-white)
}

.semi-slider-disabled .semi-slider-rail {
    cursor: not-allowed
}

.semi-slider-disabled .semi-slider-track {
    cursor: not-allowed;
    background-color: var(--color-primary-disabled)
}

.semi-slider-disabled .semi-slider-dot {
    cursor: not-allowed;
    background-color: var(--color-white);
    border-color: var(--color-white);
    box-shadow: none
}

.semi-slider-handle-tooltip {
    text-align: center
}

.semi-timepicker {
    display: inline-block
}

.semi-timepicker-panel .semi-scrolllist-body {
    height: 252px
}

.semi-timepicker-panel .semi-scrolllist-item,.semi-timepicker-panel .semi-scrolllist-item-wheel {
    flex: none
}

.semi-timepicker-panel .semi-scrolllist-item-wheel,.semi-timepicker-panel .semi-scrolllist-item-wheel:not(:last-child) {
    border: none
}

.semi-timepicker-panel-list-ampm {
    width: 72px
}

.semi-timepicker-panel-list-hour,.semi-timepicker-panel-list-minute,.semi-timepicker-panel-list-second {
    width: 64px
}

.semi-timepicker-range-panel .semi-timepicker-lists {
    display: flex;
    box-shadow: 0 4px 14px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
    border-right: 2px solid var(--color-border)
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist {
    box-shadow: none
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist .semi-scrolllist-body,.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist .semi-scrolllist-header {
    padding: 0
}

.semi-timepicker .semi-timepicker-input {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    border-radius: var(--border-radius-small);
    align-items: center
}

.semi-timepicker .semi-input-readonly {
    cursor: pointer
}

.semi-portal-rtl .semi-timepicker,.semi-portal-rtl .semi-timepicker-panel,.semi-portal-rtl .semi-timepicker-range,.semi-rtl .semi-timepicker,.semi-rtl .semi-timepicker-panel,.semi-rtl .semi-timepicker-range {
    direction: rtl
}

.semi-portal-rtl .semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body,.semi-rtl .semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
    border-right: 0;
    border-left: 2px solid var(--color-border)
}

.semi-tree {
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    border: 1px solid transparent;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    background-color: var(--color-fill-0);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.semi-tree:hover {
    background-color: var(--color-fill-1)
}

.semi-tree-focus {
    border: 1px solid var(--color-focus-border);
    outline: 0
}

.semi-tree-search-wrapper {
    padding: 8px 12px
}

.semi-tree-wrapper {
    display: flex;
    flex-direction: column
}

.semi-tree-option-list {
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    flex: 1;
    padding: 8px 0
}

.semi-tree-option-list li,.semi-tree-option-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.semi-tree-option-list li.semi-tree-option {
    box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: 4px
}

.semi-tree-option-list li>.semi-tree-option-label {
    list-style-type: none;
    padding: 0
}

.semi-tree-option-list .semi-tree-option-empty-icon,.semi-tree-option-list .semi-tree-option-expand-icon {
    box-sizing: border-box;
    width: 12px;
    color: var(--color-text-2);
    margin-right: 8px;
    display: flex;
    flex-shrink: 0
}

.semi-tree-option-list .semi-tree-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    word-break: break-word;
    color: var(--color-text-0);
    position: relative
}

.semi-tree-option-list .semi-tree-option-label {
    display: flex;
    align-items: center
}

.semi-tree-option-list .semi-tree-option-label .semi-checkbox,.semi-tree-option-list .semi-tree-option-label>.semi-icons {
    margin-right: 8px
}

.semi-tree-option-list .semi-tree-option-label-text {
    display: block;
    flex: 1
}

.semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.semi-tree-option-list .semi-tree-option-label-text,.semi-tree-option-list .semi-tree-option .semi-checkbox-addon {
    border-radius: 3px
}

.semi-tree-option-list .semi-tree-option-label-text:hover,.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover {
    background-color: var(--color-fill-0)
}

.semi-tree-option-list .semi-tree-option-label-text:active,.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active {
    background-color: var(--color-fill-1)
}

.semi-tree-option-list .semi-tree-option-item-icon {
    color: var(--color-text-2)
}

.semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
    background-color: var(--color-primary-light-default)
}

.semi-tree-option-list .semi-tree-option-active:active,.semi-tree-option-list .semi-tree-option-active:hover {
    background-color: transparent
}

.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label,.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:active,.semi-tree-option-list .semi-tree-option-selected .semi-tree-option-label:hover {
    background-color: var(--color-primary-light-default)
}

.semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
    transform: rotate(270deg)
}

.semi-tree-option-list .semi-tree-option-filtered,.semi-tree-option-list .semi-tree-option-filtered .semi-checkbox-addon {
    font-weight: 700
}

.semi-tree-option-list .semi-tree-option-hidden {
    display: none
}

.semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
    color: var(--color-disabled-text)
}

.semi-tree-option-list .semi-tree-option-draggable {
    box-sizing: border-box;
    border-left: 2px solid transparent;
    margin-top: -2px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
    border-top: 2px solid var(--color-primary)
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
    border-bottom: 2px solid var(--color-primary)
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable {
    border: 2px solid var(--color-primary)
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label {
    border-top: 0;
    border-bottom: 0
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable+.semi-tree-option-selected:after {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    bottom: 0;
    right: -1px;
    border-top: 2px solid var(--color-primary)
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
    padding-top: 0;
    padding-bottom: 0
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
    padding: 3px 0
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected,.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active,.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover {
    background-color: transparent
}

.semi-tree-option-list .semi-tree-option-level-0 {
    padding-left: 0
}

.semi-tree-option-list .semi-tree-option-level-1 {
    padding-left: 20px
}

.semi-tree-option-list .semi-tree-option-level-2 {
    padding-left: 40px
}

.semi-tree-option-list .semi-tree-option-level-3 {
    padding-left: 60px
}

.semi-tree-option-list .semi-tree-option-level-4 {
    padding-left: 80px
}

.semi-tree-option-list .semi-tree-option-level-5 {
    padding-left: 100px
}

.semi-tree-option-list .semi-tree-option-level-6 {
    padding-left: 120px
}

.semi-tree-option-list .semi-tree-option-level-7 {
    padding-left: 140px
}

.semi-tree-option-list .semi-tree-option-level-8 {
    padding-left: 160px
}

.semi-tree-option-list .semi-tree-option-level-9 {
    padding-left: 180px
}

.semi-tree-option-list .semi-tree-option-level-10 {
    padding-left: 200px
}

.semi-tree-option-list .semi-tree-option-level-11 {
    padding-left: 220px
}

.semi-tree-option-list .semi-tree-option-level-12 {
    padding-left: 240px
}

.semi-tree-option-list .semi-tree-option-level-13 {
    padding-left: 260px
}

.semi-tree-option-list .semi-tree-option-level-14 {
    padding-left: 280px
}

.semi-tree-option-list .semi-tree-option-level-15 {
    padding-left: 300px
}

.semi-tree-option-list .semi-tree-option-level-16 {
    padding-left: 320px
}

.semi-tree-option-list .semi-tree-option-level-17 {
    padding-left: 340px
}

.semi-tree-option-list .semi-tree-option-level-18 {
    padding-left: 360px
}

.semi-tree-option-list .semi-tree-option-level-19 {
    padding-left: 380px
}

.semi-tree-option-list .semi-tree-option-level-20 {
    padding-left: 400px
}

.semi-tree-option-list .semi-tree-option-level-1 {
    padding-left: 8px
}

.semi-tree-option-list .semi-tree-option-empty:active,.semi-tree-option-list .semi-tree-option-empty:hover {
    background-color: transparent
}

.semi-tree-option-list .semi-tree-option-label-empty {
    padding-left: 0;
    justify-content: center;
    color: var(--color-disabled-text);
    user-select: none;
    cursor: not-allowed
}

.semi-tree-option-list-block .semi-tree-option:hover {
    background-color: var(--color-fill-0)
}

.semi-tree-option-list-block .semi-tree-option:active {
    background-color: var(--color-fill-1)
}

.semi-tree-option-list-block .semi-tree-option-label {
    flex: 1
}

.semi-tree-option-list-block .semi-tree-option-active,.semi-tree-option-list-block .semi-tree-option-active:active,.semi-tree-option-list-block .semi-tree-option-active:hover {
    background-color: var(--color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option-active .semi-tree-option-label-text {
    background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-expand-icon {
    flex-shrink: 0;
    box-sizing: content-box
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
    color: var(--color-text-0)
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:active {
    color: var(--color-black)
}

.semi-tree-option-list-block .semi-tree-option-spin-icon {
    display: flex;
    margin-right: 8px;
    color: var(--color-primary);
    padding: 4px 0
}

.semi-tree-option-list-block .semi-tree-option-spin-icon svg {
    width: 12px;
    height: 12px
}

.semi-tree-option-list-block .semi-tree-option-selected {
    background-color: var(--color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option-selected .semi-checkbox-addon,.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label,.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:active,.semi-tree-option-list-block .semi-tree-option-selected .semi-tree-option-label:hover {
    background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-selected:active,.semi-tree-option-list-block .semi-tree-option-selected:hover {
    background-color: var(--color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option-label-text,.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon {
    padding: 0;
    border-radius: 3px
}

.semi-tree-option-list-block .semi-tree-option-label-text:active,.semi-tree-option-list-block .semi-tree-option-label-text:hover,.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active,.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover {
    background-color: transparent
}

.semi-tree-option-list-block .semi-tree-option-label-text {
    width: 0
}

.semi-tree-option-list-block .semi-tree-option-empty:active,.semi-tree-option-list-block .semi-tree-option-empty:hover {
    background-color: transparent
}

.semi-popover-rtl .semi-tree,.semi-popover-rtl .semi-tree-option-list,.semi-popover-rtl .semi-tree-wrapper,.semi-rtl .semi-tree,.semi-rtl .semi-tree-option-list,.semi-rtl .semi-tree-wrapper {
    direction: rtl
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-empty-icon,.semi-popover-rtl .semi-tree-option-list .semi-tree-option-expand-icon,.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox,.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label>.semi-icons,.semi-rtl .semi-tree-option-list .semi-tree-option-empty-icon,.semi-rtl .semi-tree-option-list .semi-tree-option-expand-icon,.semi-rtl .semi-tree-option-list .semi-tree-option-label .semi-checkbox,.semi-rtl .semi-tree-option-list .semi-tree-option-label>.semi-icons {
    margin-right: 0;
    margin-left: 8px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon,.semi-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
    transform: rotate(90deg)
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-0,.semi-rtl .semi-tree-option-list .semi-tree-option-level-0 {
    padding-left: 0;
    padding-right: 0
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-1,.semi-rtl .semi-tree-option-list .semi-tree-option-level-1 {
    padding-right: 20px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-2,.semi-rtl .semi-tree-option-list .semi-tree-option-level-2 {
    padding-left: 0;
    padding-right: 40px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-3,.semi-rtl .semi-tree-option-list .semi-tree-option-level-3 {
    padding-left: 0;
    padding-right: 60px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-4,.semi-rtl .semi-tree-option-list .semi-tree-option-level-4 {
    padding-left: 0;
    padding-right: 80px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-5,.semi-rtl .semi-tree-option-list .semi-tree-option-level-5 {
    padding-left: 0;
    padding-right: 100px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-6,.semi-rtl .semi-tree-option-list .semi-tree-option-level-6 {
    padding-left: 0;
    padding-right: 120px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-7,.semi-rtl .semi-tree-option-list .semi-tree-option-level-7 {
    padding-left: 0;
    padding-right: 140px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-8,.semi-rtl .semi-tree-option-list .semi-tree-option-level-8 {
    padding-left: 0;
    padding-right: 160px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-9,.semi-rtl .semi-tree-option-list .semi-tree-option-level-9 {
    padding-left: 0;
    padding-right: 180px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-10,.semi-rtl .semi-tree-option-list .semi-tree-option-level-10 {
    padding-left: 0;
    padding-right: 200px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-11,.semi-rtl .semi-tree-option-list .semi-tree-option-level-11 {
    padding-left: 0;
    padding-right: 220px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-12,.semi-rtl .semi-tree-option-list .semi-tree-option-level-12 {
    padding-left: 0;
    padding-right: 240px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-13,.semi-rtl .semi-tree-option-list .semi-tree-option-level-13 {
    padding-left: 0;
    padding-right: 260px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-14,.semi-rtl .semi-tree-option-list .semi-tree-option-level-14 {
    padding-left: 0;
    padding-right: 280px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-15,.semi-rtl .semi-tree-option-list .semi-tree-option-level-15 {
    padding-left: 0;
    padding-right: 300px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-16,.semi-rtl .semi-tree-option-list .semi-tree-option-level-16 {
    padding-left: 0;
    padding-right: 320px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-17,.semi-rtl .semi-tree-option-list .semi-tree-option-level-17 {
    padding-left: 0;
    padding-right: 340px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-18,.semi-rtl .semi-tree-option-list .semi-tree-option-level-18 {
    padding-left: 0;
    padding-right: 360px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-19,.semi-rtl .semi-tree-option-list .semi-tree-option-level-19 {
    padding-left: 0;
    padding-right: 380px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-20,.semi-rtl .semi-tree-option-list .semi-tree-option-level-20 {
    padding-left: 0;
    padding-right: 400px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-1,.semi-rtl .semi-tree-option-list .semi-tree-option-level-1 {
    padding-left: 0;
    padding-right: 8px
}

.semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty,.semi-rtl .semi-tree-option-list .semi-tree-option-label-empty {
    padding-left: auto;
    padding-right: 0
}

.semi-popover-rtl .semi-tree-option-list-block,.semi-rtl .semi-tree-option-list-block {
    direction: rtl
}

.semi-tree-select {
    box-sizing: border-box;
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-border);
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.semi-tree-select:hover {
    background-color: rgba(var(--grey-8),.03)
}

.semi-tree-select-small {
    height: 24px;
    line-height: 24px
}

.semi-tree-select-large {
    min-height: 40px;
    line-height: 40px
}

.semi-tree-select-focus {
    border: 1px solid var(--color-focus-border);
    outline: 0
}

.semi-tree-select-warning {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning-light-default)
}

.semi-tree-select-warning:hover {
    background-color: var(--color-warning-light-hover);
    border-color: var(--color-warning-light-hover)
}

.semi-tree-select-warning.semi-tree-select-focus {
    background-color: var(--color-warning-light-default);
    border-color: var(--color-warning)
}

.semi-tree-select-warning:active {
    background-color: var(--color-warning-light-active);
    border-color: var(--color-warning-light-active)
}

.semi-tree-select-error,.semi-tree-select-error.semi-tree-select-focus,.semi-tree-select-error:active,.semi-tree-select-error:hover {
    background-color: transparent;
    border-color: var(--color-focus-border)
}

.semi-tree-select-disabled {
    cursor: not-allowed;
    user-select: none
}

.semi-tree-select-disabled,.semi-tree-select-disabled:hover {
    background-color: var(--color-disabled-fill)
}

.semi-tree-select-disabled .semi-tree-select-selection,.semi-tree-select-disabled .semi-tree-select-selection-placeholder {
    color: var(--color-disabled-text);
    cursor: not-allowed
}

.semi-tree-select-disabled .semi-tree-select-arrow,.semi-tree-select-disabled .semi-tree-select-prefix,.semi-tree-select-disabled .semi-tree-select-suffix {
    color: var(--color-disabled-text)
}

.semi-tree-select-disabled .semi-tag {
    color: var(--color-disabled-text);
    background-color: transparent
}

.semi-tree-select-selection {
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 100%;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    color: var(--color-text-0)
}

.semi-tree-select-selection-placeholder {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px;
    color: var(--color-text-2)
}

.semi-tree-select-selection .semi-tag-group {
    height: inherit;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.semi-tree-select-selection .semi-tag {
    margin: 2px
}

.semi-tree-select-multiple {
    height: auto;
    min-height: 32px;
    display: inline-flex
}

.semi-tree-select-multiple .semi-tree-select-selection {
    padding-left: 4px;
    min-height: 30px
}

.semi-tree-select-multiple .semi-tree-select-selection-placeholder {
    padding-left: 8px;
    line-height: 30px
}

.semi-tree-select-arrow {
    display: inline-flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 32px;
    color: var(--color-text-2)
}

.semi-tree-select-prefix-icon,.semi-tree-select-suffix-icon {
    color: var(--color-text-2);
    margin: 0 8px
}

.semi-tree-select-inset-label {
    display: inline;
    margin-right: 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: var(--color-text-2);
    flex-shrink: 0;
    white-space: nowrap
}

.semi-tree-select.semi-tree-select-with-prefix {
    display: inline-flex;
    align-items: center
}

.semi-tree-select-arrow,.semi-tree-select-clearbtn {
    display: inline-flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 32px;
    color: var(--color-text-2)
}

.semi-tree-select-clearbtn:hover {
    color: var(--color-primary-hover)
}

.semi-tree-select-clearbtn:active {
    color: var(--color-primary-active)
}

.semi-tree-select-prefix,.semi-tree-select-suffix {
    display: inline;
    display: flex;
    justify-content: center;
    align-items: center
}

.semi-tree-select-prefix-text,.semi-tree-select-suffix-text {
    margin: 0 12px
}

.semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,.semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
    padding-right: 0
}

.semi-tree-select-prefix-search-wrapper,.semi-tree-select-suffix-search-wrapper {
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-fill-0)
}

.semi-tree-select-prefix-maxTagCount,.semi-tree-select-suffix-maxTagCount {
    color: var(--color-text-2);
    font-size: 14px
}

.semi-tree-select-prefix-popover,.semi-tree-select-suffix-popover {
    max-height: 300px;
    overflow: auto
}

.semi-tree-select-popover .semi-tree-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
    flex: 1;
    min-width: 230px
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-search-wrapper {
    border-bottom: 1px solid var(--color-border)
}

.semi-portal-rtl .semi-tree-select,.semi-rtl .semi-tree-select {
    direction: rtl
}

.semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection,.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection {
    padding-left: 0;
    padding-right: 4px
}

.semi-portal-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder,.semi-rtl .semi-tree-select-multiple .semi-tree-select-selection-placeholder {
    padding-left: 0;
    padding-right: 8px
}

.semi-portal-rtl .semi-tree-select-inset-label,.semi-rtl .semi-tree-select-inset-label {
    margin-right: 0;
    margin-left: 12px
}

.semi-portal-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,.semi-portal-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection,.semi-rtl .semi-tree-select-prefix.semi-tree-select-with-suffix .semi-tree-select-selection,.semi-rtl .semi-tree-select-suffix.semi-tree-select-with-suffix .semi-tree-select-selection {
    padding-right: auto;
    padding-left: 0
}

.semi-portal-rtl .semi-tree-select-popover,.semi-rtl .semi-tree-select-popover {
    direction: rtl
}

.semi-rating {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fac800;
    font-size: 20px;
    line-height: unset;
    list-style: none;
    outline: none
}

.semi-rating-disabled .semi-rating-star {
    cursor: default
}

.semi-rating-disabled .semi-rating-star:hover {
    transform: scale(1)
}

.semi-rating-star {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: inherit;
    cursor: pointer;
    transition: all .5s
}

.semi-rating-star:not(:last-child) {
    margin-right: 6px
}

.semi-rating-star>div:focus {
    outline: 0
}

.semi-rating-star>div:focus,.semi-rating-star>div:hover {
    transform: scale(1.1)
}

.semi-rating-star-small {
    width: 16px;
    height: 16px;
    font-size: 16px
}

.semi-rating-star-default {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.semi-rating-star-first,.semi-rating-star-second {
    color: var(--color-fill-0);
    user-select: none
}

.semi-rating-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0
}

.semi-rating-star-half .semi-rating-star-first,.semi-rating-star-half .semi-rating-star-second {
    opacity: 1
}

.semi-rating-star-full .semi-rating-star-second,.semi-rating-star-half .semi-rating-star-first {
    color: inherit
}

.semi-rtl .semi-rating {
    direction: rtl
}

.semi-rtl .semi-rating-star:not(:last-child) {
    margin-right: 0;
    margin-left: 6px
}

.semi-rtl .semi-rating-star-first {
    left: auto;
    right: 0
}

.semi-autocomplete {
    cursor: text;
    display: inline-flex;
    vertical-align: middle;
    box-sizing: border-box
}

.semi-autocomplete-option-list {
    overflow-x: hidden;
    overflow-y: auto
}

.semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
    display: flex
}

.semi-autocomplete-loading-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: not-allowed
}

.semi-autocomplete-loading-wrapper .semi-spin {
    width: 100%
}

.semi-portal-rtl .semi-autocomplete,.semi-rtl .semi-autocomplete {
    direction: rtl
}