*,:after,:before {
    box-sizing: border-box
}

:root {
    --dark: #000;
    --light: #fff;
    --color-black: 0,0,0
}

body {
    --semi-color-primary: #f4511e!important;
    --semi-color-primary-hover: #f4511e!important;
    --semi-color-primary-active: #d84315!important;
    --semi-color-primary-disabled: #ff8a65!important;
    --semi-color-primary-light-default: #fbe9e7!important;
    --semi-color-primary-light-hover: #ffccbc!important;
    --semi-color-primary-light-active: #ff8a65!important
}

body,html {
    height: 100vh;
    margin: 0;
    padding: 0;
    width: 100vw
}

a {
    color: #555;
    text-decoration: none
}

#app {
    height: 100%;
overflow-x: hidden;
}

.semi-navigation-vertical .semi-navigation-header-list-outer {
    display: flex;
    flex-direction: column;
    overflow-y: hidden
}

body,body .semi-always-light {
    --semi-amber-0: 254,251,235;
    --semi-amber-1: 252,245,206;
    --semi-amber-2: 249,232,158;
    --semi-amber-3: 246,216,111;
    --semi-amber-4: 243,198,65;
    --semi-amber-5: 240,177,20;
    --semi-amber-6: 200,138,15;
    --semi-amber-7: 160,102,10;
    --semi-amber-8: 120,70,6;
    --semi-amber-9: 80,43,3;
    --semi-black: 0,0,0;
    --semi-blue-0: 234,245,255;
    --semi-blue-1: 203,231,254;
    --semi-blue-2: 152,205,253;
    --semi-blue-3: 101,178,252;
    --semi-blue-4: 50,149,251;
    --semi-blue-5: 0,100,250;
    --semi-blue-6: 0,98,214;
    --semi-blue-7: 0,79,179;
    --semi-blue-8: 0,61,143;
    --semi-blue-9: 0,44,107;
    --semi-cyan-0: 229,247,248;
    --semi-cyan-1: 194,239,240;
    --semi-cyan-2: 138,221,226;
    --semi-cyan-3: 88,203,211;
    --semi-cyan-4: 44,184,197;
    --semi-cyan-5: 5,164,182;
    --semi-cyan-6: 3,134,152;
    --semi-cyan-7: 1,105,121;
    --semi-cyan-8: 0,77,91;
    --semi-cyan-9: 0,50,61;
    --semi-green-0: 236,247,236;
    --semi-green-1: 208,240,209;
    --semi-green-2: 164,224,167;
    --semi-green-3: 125,209,130;
    --semi-green-4: 90,194,98;
    --semi-green-5: 59,179,70;
    --semi-green-6: 48,149,59;
    --semi-green-7: 37,119,47;
    --semi-green-8: 27,89,36;
    --semi-green-9: 17,60,24;
    --semi-grey-0: 249,249,249;
    --semi-grey-1: 230,232,234;
    --semi-grey-2: 198,202,205;
    --semi-grey-3: 167,171,176;
    --semi-grey-4: 136,141,146;
    --semi-grey-5: 107,112,117;
    --semi-grey-6: 85,91,97;
    --semi-grey-7: 65,70,76;
    --semi-grey-8: 46,50,56;
    --semi-grey-9: 28,31,35;
    --semi-indigo-0: 236,239,248;
    --semi-indigo-1: 209,216,240;
    --semi-indigo-2: 167,179,225;
    --semi-indigo-3: 128,144,211;
    --semi-indigo-4: 94,111,196;
    --semi-indigo-5: 63,81,181;
    --semi-indigo-6: 51,66,161;
    --semi-indigo-7: 40,52,140;
    --semi-indigo-8: 31,40,120;
    --semi-indigo-9: 23,29,99;
    --semi-light-blue-0: 233,247,253;
    --semi-light-blue-1: 201,236,252;
    --semi-light-blue-2: 149,216,248;
    --semi-light-blue-3: 98,195,245;
    --semi-light-blue-4: 48,172,241;
    --semi-light-blue-5: 0,149,238;
    --semi-light-blue-6: 0,123,202;
    --semi-light-blue-7: 0,99,167;
    --semi-light-blue-8: 0,75,131;
    --semi-light-blue-9: 0,53,95;
    --semi-light-green-0: 243,248,236;
    --semi-light-green-1: 227,240,208;
    --semi-light-green-2: 200,226,165;
    --semi-light-green-3: 173,211,126;
    --semi-light-green-4: 147,197,91;
    --semi-light-green-5: 123,182,60;
    --semi-light-green-6: 100,152,48;
    --semi-light-green-7: 78,121,38;
    --semi-light-green-8: 57,91,27;
    --semi-light-green-9: 37,61,18;
    --semi-lime-0: 242,250,230;
    --semi-lime-1: 227,246,197;
    --semi-lime-2: 203,237,142;
    --semi-lime-3: 183,227,91;
    --semi-lime-4: 167,218,44;
    --semi-lime-5: 155,209,0;
    --semi-lime-6: 126,174,0;
    --semi-lime-7: 99,139,0;
    --semi-lime-8: 72,104,0;
    --semi-lime-9: 47,70,0;
    --semi-orange-0: 255,248,234;
    --semi-orange-1: 254,238,204;
    --semi-orange-2: 254,217,152;
    --semi-orange-3: 253,193,101;
    --semi-orange-4: 253,166,51;
    --semi-orange-5: 252,136,0;
    --semi-orange-6: 210,103,0;
    --semi-orange-7: 168,74,0;
    --semi-orange-8: 126,49,0;
    --semi-orange-9: 84,29,0;
    --semi-pink-0: 253,236,239;
    --semi-pink-1: 251,207,216;
    --semi-pink-2: 246,160,181;
    --semi-pink-3: 242,115,150;
    --semi-pink-4: 237,72,123;
    --semi-pink-5: 233,30,99;
    --semi-pink-6: 197,19,86;
    --semi-pink-7: 162,11,72;
    --semi-pink-8: 126,5,58;
    --semi-pink-9: 90,1,43;
    --semi-purple-0: 247,233,247;
    --semi-purple-1: 239,202,240;
    --semi-purple-2: 221,155,224;
    --semi-purple-3: 201,111,209;
    --semi-purple-4: 180,73,194;
    --semi-purple-5: 158,40,179;
    --semi-purple-6: 135,30,158;
    --semi-purple-7: 113,22,138;
    --semi-purple-8: 92,15,117;
    --semi-purple-9: 73,10,97;
    --semi-red-0: 254,242,237;
    --semi-red-1: 254,221,210;
    --semi-red-2: 253,183,165;
    --semi-red-3: 251,144,120;
    --semi-red-4: 250,102,76;
    --semi-red-5: 249,57,32;
    --semi-red-6: 213,37,21;
    --semi-red-7: 178,20,12;
    --semi-red-8: 142,8,5;
    --semi-red-9: 106,1,3;
    --semi-teal-0: 228,247,244;
    --semi-teal-1: 192,240,232;
    --semi-teal-2: 135,224,211;
    --semi-teal-3: 84,209,193;
    --semi-teal-4: 39,194,176;
    --semi-teal-5: 0,179,161;
    --semi-teal-6: 0,149,137;
    --semi-teal-7: 0,119,111;
    --semi-teal-8: 0,89,85;
    --semi-teal-9: 0,60,58;
    --semi-violet-0: 243,237,249;
    --semi-violet-1: 226,209,244;
    --semi-violet-2: 196,167,233;
    --semi-violet-3: 166,127,221;
    --semi-violet-4: 136,91,210;
    --semi-violet-5: 106,58,199;
    --semi-violet-6: 87,47,179;
    --semi-violet-7: 70,37,158;
    --semi-violet-8: 54,28,138;
    --semi-violet-9: 40,20,117;
    --semi-white: 255,255,255;
    --semi-yellow-0: 255,253,234;
    --semi-yellow-1: 254,251,203;
    --semi-yellow-2: 253,243,152;
    --semi-yellow-3: 252,232,101;
    --semi-yellow-4: 251,218,50;
    --semi-yellow-5: 250,200,0;
    --semi-yellow-6: 208,170,0;
    --semi-yellow-7: 167,139,0;
    --semi-yellow-8: 125,106,0;
    --semi-yellow-9: 83,72,0
}

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

body,body[theme-mode=dark] .semi-always-light {
    --semi-color-white: rgba(var(--semi-white),1);
    --semi-color-black: rgba(var(--semi-black),1);
    --semi-color-primary: rgba(var(--semi-blue-5),1);
    --semi-color-primary-hover: rgba(var(--semi-blue-6),1);
    --semi-color-primary-active: rgba(var(--semi-blue-7),1);
    --semi-color-primary-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-primary-light-default: rgba(var(--semi-blue-0),1);
    --semi-color-primary-light-hover: rgba(var(--semi-blue-1),1);
    --semi-color-primary-light-active: rgba(var(--semi-blue-2),1);
    --semi-color-secondary: rgba(var(--semi-blue-5),1);
    --semi-color-secondary-hover: rgba(var(--semi-blue-6),1);
    --semi-color-secondary-active: rgba(var(--semi-blue-7),1);
    --semi-color-secondary-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-secondary-light-default: rgba(var(--semi-blue-0),1);
    --semi-color-secondary-light-hover: rgba(var(--semi-blue-1),1);
    --semi-color-secondary-light-active: rgba(var(--semi-blue-2),1);
    --semi-color-tertiary: rgba(var(--semi-grey-5),1);
    --semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);
    --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
    --semi-color-tertiary-light-default: rgba(var(--semi-grey-0),1);
    --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1),1);
    --semi-color-tertiary-light-active: rgba(var(--semi-grey-2),1);
    --semi-color-default: rgba(var(--semi-grey-0),1);
    --semi-color-default-hover: rgba(var(--semi-grey-1),1);
    --semi-color-default-active: rgba(var(--semi-grey-2),1);
    --semi-color-info: rgba(var(--semi-blue-5),1);
    --semi-color-info-hover: rgba(var(--semi-blue-6),1);
    --semi-color-info-active: rgba(var(--semi-blue-7),1);
    --semi-color-info-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-info-light-default: rgba(var(--semi-blue-0),1);
    --semi-color-info-light-hover: rgba(var(--semi-blue-1),1);
    --semi-color-info-light-active: rgba(var(--semi-blue-2),1);
    --semi-color-success: rgba(var(--semi-green-5),1);
    --semi-color-success-hover: rgba(var(--semi-green-6),1);
    --semi-color-success-active: rgba(var(--semi-green-7),1);
    --semi-color-success-disabled: rgba(var(--semi-green-2),1);
    --semi-color-success-light-default: rgba(var(--semi-green-0),1);
    --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
    --semi-color-success-light-active: rgba(var(--semi-green-2),1);
    --semi-color-danger: rgba(var(--semi-red-5),1);
    --semi-color-danger-hover: rgba(var(--semi-red-6),1);
    --semi-color-danger-active: rgba(var(--semi-red-7),1);
    --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
    --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
    --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
    --semi-color-warning: rgba(var(--semi-orange-5),1);
    --semi-color-warning-hover: rgba(var(--semi-orange-6),1);
    --semi-color-warning-active: rgba(var(--semi-orange-7),1);
    --semi-color-warning-light-default: rgba(var(--semi-orange-0),1);
    --semi-color-warning-light-hover: rgba(var(--semi-orange-1),1);
    --semi-color-warning-light-active: rgba(var(--semi-orange-2),1);
    --semi-color-focus-border: rgba(var(--semi-blue-5),1);
    --semi-color-disabled-text: rgba(var(--semi-grey-9),.35);
    --semi-color-disabled-border: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);
    --semi-color-shadow: rgba(var(--semi-black),.04);
    --semi-color-link: rgba(var(--semi-blue-5),1);
    --semi-color-link-hover: rgba(var(--semi-blue-6),1);
    --semi-color-link-active: rgba(var(--semi-blue-7),1);
    --semi-color-link-visited: rgba(var(--semi-blue-5),1);
    --semi-color-border: rgba(var(--semi-grey-9),.08);
    --semi-color-nav-bg: rgba(var(--semi-white),1);
    --semi-color-overlay-bg: rgba(22,22,26,.6);
    --semi-color-fill-0: rgba(var(--semi-grey-8),.05);
    --semi-color-fill-1: rgba(var(--semi-grey-8),.09);
    --semi-color-fill-2: rgba(var(--semi-grey-8),.13);
    --semi-color-bg-0: rgba(var(--semi-white),1);
    --semi-color-bg-1: rgba(var(--semi-white),1);
    --semi-color-bg-2: rgba(var(--semi-white),1);
    --semi-color-bg-3: rgba(var(--semi-white),1);
    --semi-color-bg-4: rgba(var(--semi-white),1);
    --semi-color-text-0: rgba(var(--semi-grey-9),1);
    --semi-color-text-1: rgba(var(--semi-grey-9),.8);
    --semi-color-text-2: rgba(var(--semi-grey-9),.62);
    --semi-color-text-3: rgba(var(--semi-grey-9),.35);
    --semi-shadow-elevated: 0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);
    --semi-border-radius-extra-small: 3px;
    --semi-border-radius-small: 3px;
    --semi-border-radius-medium: 6px;
    --semi-border-radius-large: 12px;
    --semi-border-radius-circle: 50%;
    --semi-border-radius-full: 9999px
}

body,body .semi-always-dark,body[theme-mode=dark],body[theme-mode=dark] .semi-always-light {
    -webkit-font-smoothing: antialiased;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

body .semi-always-dark,body[theme-mode=dark] {
    --semi-color-white: #e4e7f5;
    --semi-color-black: rgba(var(--semi-black),1);
    --semi-color-primary: rgba(var(--semi-blue-5),1);
    --semi-color-primary-hover: rgba(var(--semi-blue-6),1);
    --semi-color-primary-active: rgba(var(--semi-blue-7),1);
    --semi-color-primary-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-primary-light-default: rgba(var(--semi-blue-5),.2);
    --semi-color-primary-light-hover: rgba(var(--semi-blue-5),.3);
    --semi-color-primary-light-active: rgba(var(--semi-blue-5),.4);
    --semi-color-secondary: rgba(var(--semi-blue-5),1);
    --semi-color-secondary-hover: rgba(var(--semi-blue-6),1);
    --semi-color-secondary-active: rgba(var(--semi-blue-7),1);
    --semi-color-secondary-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-secondary-light-default: rgba(var(--semi-blue-5),.2);
    --semi-color-secondary-light-hover: rgba(var(--semi-blue-5),.3);
    --semi-color-secondary-light-active: rgba(var(--semi-blue-5),.4);
    --semi-color-tertiary: rgba(var(--semi-grey-5),1);
    --semi-color-tertiary-hover: rgba(var(--semi-grey-6),1);
    --semi-color-tertiary-active: rgba(var(--semi-grey-7),1);
    --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),.2);
    --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),.3);
    --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),.4);
    --semi-color-default: rgba(var(--semi-grey-0),1);
    --semi-color-default-hover: rgba(var(--semi-grey-1),1);
    --semi-color-default-active: rgba(var(--semi-grey-2),1);
    --semi-color-info: rgba(var(--semi-blue-5),1);
    --semi-color-info-hover: rgba(var(--semi-blue-6),1);
    --semi-color-info-active: rgba(var(--semi-blue-7),1);
    --semi-color-info-disabled: rgba(var(--semi-blue-2),1);
    --semi-color-info-light-default: rgba(var(--semi-blue-5),.2);
    --semi-color-info-light-hover: rgba(var(--semi-blue-5),.3);
    --semi-color-info-light-active: rgba(var(--semi-blue-5),.4);
    --semi-color-success: rgba(var(--semi-green-5),1);
    --semi-color-success-hover: rgba(var(--semi-green-6),1);
    --semi-color-success-active: rgba(var(--semi-green-7),1);
    --semi-color-success-disabled: rgba(var(--semi-green-2),1);
    --semi-color-success-light-default: rgba(var(--semi-green-5),.2);
    --semi-color-success-light-hover: rgba(var(--semi-green-5),.3);
    --semi-color-success-light-active: rgba(var(--semi-green-5),.4);
    --semi-color-danger: rgba(var(--semi-red-5),1);
    --semi-color-danger-hover: rgba(var(--semi-red-6),1);
    --semi-color-danger-active: rgba(var(--semi-red-7),1);
    --semi-color-danger-light-default: rgba(var(--semi-red-5),.2);
    --semi-color-danger-light-hover: rgba(var(--semi-red-5),.3);
    --semi-color-danger-light-active: rgba(var(--semi-red-5),.4);
    --semi-color-warning: rgba(var(--semi-orange-5),1);
    --semi-color-warning-hover: rgba(var(--semi-orange-6),1);
    --semi-color-warning-active: rgba(var(--semi-orange-7),1);
    --semi-color-warning-light-default: rgba(var(--semi-orange-5),.2);
    --semi-color-warning-light-hover: rgba(var(--semi-orange-5),.3);
    --semi-color-warning-light-active: rgba(var(--semi-orange-5),.4);
    --semi-color-focus-border: rgba(var(--semi-blue-5),1);
    --semi-color-disabled-text: rgba(var(--semi-grey-9),.35);
    --semi-color-disabled-border: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
    --semi-color-disabled-fill: rgba(var(--semi-grey-8),.04);
    --semi-color-link: rgba(var(--semi-blue-5),1);
    --semi-color-link-hover: rgba(var(--semi-blue-6),1);
    --semi-color-link-active: rgba(var(--semi-blue-7),1);
    --semi-color-link-visited: rgba(var(--semi-blue-5),1);
    --semi-color-nav-bg: #232429;
    --semi-shadow-elevated: inset 0 0 0 1px hsla(0,0%,100%,.1),0 4px 14px rgba(0,0,0,.25);
    --semi-color-overlay-bg: rgba(22,22,26,.6);
    --semi-color-fill-0: rgba(var(--semi-white),.12);
    --semi-color-fill-1: rgba(var(--semi-white),.16);
    --semi-color-fill-2: rgba(var(--semi-white),.20);
    --semi-color-border: rgba(var(--semi-white),.08);
    --semi-color-shadow: rgba(var(--semi-black),.04);
    --semi-color-bg-0: #16161a;
    --semi-color-bg-1: #232429;
    --semi-color-bg-2: #35363c;
    --semi-color-bg-3: #43444a;
    --semi-color-bg-4: #4f5159;
    --semi-color-text-0: rgba(var(--semi-grey-9),1);
    --semi-color-text-1: rgba(var(--semi-grey-9),.8);
    --semi-color-text-2: rgba(var(--semi-grey-9),.6);
    --semi-color-text-3: rgba(var(--semi-grey-9),.35);
    --semi-border-radius-extra-small: 3px;
    --semi-border-radius-small: 3px;
    --semi-border-radius-medium: 6px;
    --semi-border-radius-large: 12px;
    --semi-border-radius-circle: 50%;
    --semi-border-radius-full: 9999px
}

.semi-anchor {
    font-size: 14px;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

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

.semi-anchor-size-small {
    font-size: 12px;
    line-height: 16px
}

.semi-anchor-slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.semi-anchor-slide-muted {
    display: none
}

.semi-anchor-slide-bar {
    border-radius: 1px;
    display: none;
    position: absolute;
    top: 0;
    width: 2px
}

.semi-anchor-slide-bar-active {
    display: inline-block
}

.semi-anchor-slide-bar-default {
    height: 28px
}

.semi-anchor-slide-bar-small {
    height: 24px
}

.semi-anchor-slide-bar-primary {
    background-color: var(--semi-color-primary)
}

.semi-anchor-slide-bar-tertiary {
    background-color: var(--semi-color-tertiary)
}

.semi-anchor-slide:before {
    background-color: var(--semi-color-border);
    border-radius: 1px;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    width: 2px
}

.semi-anchor-link {
    padding-left: 8px
}

.semi-anchor-link-title {
    color: var(--semi-color-text-2);
    cursor: pointer;
    overflow: hidden;
    padding-bottom: 4px;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-anchor-link-title:hover {
    color: var(--semi-color-tertiary-hover)
}

.semi-anchor-link-title-active {
    color: var(--semi-color-text-0)
}

.semi-anchor-link-title-disabled {
    cursor: not-allowed
}

.semi-anchor-link-title-disabled,.semi-anchor-link-title-disabled:hover {
    color: var(--semi-color-disabled-text)
}

.semi-anchor-link-tooltip {
    color: var(--semi-color-text-2)!important;
    cursor: pointer
}

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

.semi-anchor-link-tooltip:hover {
    color: var(--semi-color-tertiary-hover)!important
}

.semi-anchor-link-tooltip-active {
    color: var(--semi-color-text-0)!important
}

.semi-anchor-link-tooltip-disabled {
    cursor: not-allowed
}

.semi-anchor-link-tooltip-disabled,.semi-anchor-link-tooltip-disabled:hover {
    color: var(--semi-color-disabled-text)!important
}

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

.semi-portal-rtl .semi-anchor-slide,.semi-rtl .semi-anchor-slide {
    left: auto;
    right: 0
}

.semi-portal-rtl .semi-anchor-link,.semi-rtl .semi-anchor-link {
    padding-left: auto;
    padding-right: 8px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-typography-paragraph {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-icon {
    text-rendering: optimizeLegibility;
    fill: currentColor;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none
}

.semi-icon-extra-small {
    font-size: 8px
}

.semi-icon-small {
    font-size: 12px
}

.semi-icon-default {
    font-size: 16px
}

.semi-icon-large {
    font-size: 20px
}

.semi-icon-extra-large {
    font-size: 24px
}

.semi-icon-spinning {
    -webkit-animation: semi-icon-animation-rotate .6s linear infinite;
    animation: semi-icon-animation-rotate .6s linear infinite
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    50% {
        opacity: 1
    }
}

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

    50% {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

    to {
        opacity: 0
    }
}

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

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

    to {
        opacity: 0
    }
}

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

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

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

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

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
    color: rgba(var(--semi-grey-7),1);
    height: 7px;
    position: absolute;
    width: 24px
}

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

.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 {
    height: 24px;
    right: -6px;
    top: 5px;
    width: 7px
}

.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 {
    height: 24px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px
}

.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 {
    bottom: 5px;
    height: 24px;
    right: -6px;
    width: 7px
}

.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 {
    height: 24px;
    left: -6px;
    top: 5px;
    transform: rotate(180deg);
    width: 7px
}

.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 {
    height: 24px;
    left: -6px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 7px
}

.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 {
    bottom: 5px;
    height: 24px;
    left: -6px;
    transform: rotate(180deg);
    width: 7px
}

.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 {
    left: 6px;
    top: -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 {
    left: 50%;
    top: -6px;
    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;
    left: auto;
    padding-left: 12px;
    padding-right: 12px;
    right: 0
}

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

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

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

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

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

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

.semi-popover-confirm {
    position: absolute
}

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

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

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

.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 {
    height: 24px;
    right: -7px;
    top: 6px;
    width: 8px
}

.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 {
    height: 24px;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.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 {
    bottom: 6px;
    height: 24px;
    right: -7px;
    width: 8px
}

.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 {
    height: 24px;
    left: -7px;
    top: 6px;
    transform: rotate(180deg);
    width: 8px
}

.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 {
    height: 24px;
    left: -7px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 8px
}

.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 {
    bottom: 6px;
    height: 24px;
    left: -7px;
    transform: rotate(180deg);
    width: 8px
}

.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 {
    left: 6px;
    top: -7px;
    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 {
    left: 50%;
    top: -7px;
    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
}

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

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

.semi-avatar-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-avatar-circle {
    border-radius: var(--semi-border-radius-circle)
}

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

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

.semi-avatar-hover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 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(--semi-color-bg-1);
    margin-left: -32px
}

.semi-avatar-group .semi-avatar-large {
    border: 3px solid var(--semi-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(--semi-color-bg-1);
    margin-left: -12px
}

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

.semi-avatar-group .semi-avatar-extra-extra-small {
    border: 1px solid var(--semi-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(--semi-grey-5),1)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-backtop {
    bottom: 50px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    right: 100px;
    text-align: center;
    z-index: 10
}

.semi-portal-rtl .semi-backtop,.semi-rtl .semi-backtop {
    direction: rtl;
    left: 100px;
    right: auto
}

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

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

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

.semi-button.semi-button-loading .semi-button-content>svg {
    -webkit-animation: semi-animation-rotate .6s linear infinite;
    animation: semi-animation-rotate .6s linear infinite;
    height: 16px;
    width: 16px
}

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

.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-button-split {
    display: inline-block
}

.semi-button-split .semi-button {
    border-radius: 0;
    margin-right: 1px
}

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

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

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

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

.semi-button.semi-button-danger:focus-visible,.semi-button.semi-button-primary:focus-visible,.semi-button.semi-button-secondary:focus-visible,.semi-button.semi-button-tertiary:focus-visible,.semi-button.semi-button-warning:focus-visible {
    outline: 2px solid var(--semi-color-primary-light-active)
}

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

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

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

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

.semi-button-danger:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
    outline: 2px solid var(--semi-color-danger-light-active)
}

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

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

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

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

.semi-button-warning:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
    outline: 2px solid var(--semi-color-warning-light-active)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-button-borderless {
    background-color: transparent;
    border: 0 solid transparent
}

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

.semi-button-borderless:not(.semi-button-disabled):active {
    background-color: var(--semi-color-fill-1);
    border: 0 solid transparent
}

.semi-button-light {
    background-color: var(--semi-color-fill-0);
    border: 0 solid transparent
}

.semi-button-light:not(.semi-button-disabled):hover {
    background-color: var(--semi-color-fill-1);
    border: 0 solid transparent
}

.semi-button-light:not(.semi-button-disabled):active {
    background-color: var(--semi-color-fill-2);
    border: 0 solid transparent
}

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

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

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

.semi-button-group>.semi-button {
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 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-bottom-left-radius: var(--semi-border-radius-small);
    border-top-left-radius: var(--semi-border-radius-small)
}

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

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

.semi-portal-rtl .semi-button,.semi-rtl .semi-button {
    direction: rtl;
    padding-left: 12px;
    padding-right: 12px
}

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

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

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

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

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

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

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

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

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

.semi-portal-rtl .semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content,.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-portal-rtl .semi-button-group>.semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content,.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-portal-rtl .semi-button-group>.semi-button:first-child,.semi-rtl .semi-button-group>.semi-button:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--semi-border-radius-small);
    border-top-left-radius: 0;
    border-top-right-radius: var(--semi-border-radius-small)
}

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

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

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

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

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

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

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

.semi-breadcrumb {
    overflow: hidden
}

.semi-breadcrumb-wrapper {
    display: flex;
    flex-wrap: wrap
}

.semi-breadcrumb-wrapper-loose {
    font-size: 14px;
    line-height: 20px
}

.semi-breadcrumb-wrapper-compact,.semi-breadcrumb-wrapper-loose {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif
}

.semi-breadcrumb-wrapper-compact {
    font-size: 12px;
    line-height: 16px
}

.semi-breadcrumb-item-wrap {
    align-items: center;
    display: inline-flex;
    margin: 4px 4px 4px 0
}

.semi-breadcrumb-item {
    color: var(--semi-color-text-2);
    display: inline;
    font-weight: 400;
    margin-right: 4px
}

.semi-breadcrumb-item .semi-typography {
    color: inherit
}

.semi-breadcrumb-item-title-inline {
    display: inline-flex
}

.semi-breadcrumb-item-active {
    color: var(--semi-color-text-0);
    font-weight: 600
}

.semi-breadcrumb-item-active:active,.semi-breadcrumb-item-active:hover {
    border: none;
    color: var(--semi-color-text-0);
    cursor: default;
    margin-bottom: 0
}

.semi-breadcrumb-item-icon {
    margin-bottom: -1px
}

.semi-breadcrumb-item-more svg {
    vertical-align: middle
}

.semi-breadcrumb-item-icon+.semi-breadcrumb-item-title {
    margin-left: 4px
}

.semi-breadcrumb-item-link {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: inline-flex;
    text-decoration: inherit
}

.semi-breadcrumb-item-link:hover {
    color: var(--semi-color-link);
    cursor: pointer
}

.semi-breadcrumb-item-link:active {
    color: var(--semi-color-link-hover);
    cursor: pointer
}

.semi-breadcrumb-collapse {
    display: inline-flex;
    flex-shrink: 0
}

.semi-breadcrumb-separator {
    color: var(--semi-color-text-2);
    display: flex
}

.semi-breadcrumb-restItem {
    color: var(--semi-color-text-2);
    margin-right: 8px
}

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

.semi-portal-rtl .semi-breadcrumb-item,.semi-portal-rtl .semi-breadcrumb-item-wrap,.semi-rtl .semi-breadcrumb-item,.semi-rtl .semi-breadcrumb-item-wrap {
    margin-left: 4px;
    margin-right: 0
}

.semi-portal-rtl .semi-breadcrumb-restItem,.semi-rtl .semi-breadcrumb-restItem {
    margin-left: 8px;
    margin-right: 0
}

.semi-portal-rtl .semi-breadcrumb-item-icon+.semi-breadcrumb-item-title,.semi-rtl .semi-breadcrumb-item-icon+.semi-breadcrumb-item-title {
    display: inline-block;
    margin-left: 0;
    margin-right: 4px
}

.semi-card {
    background-color: var(--semi-color-bg-0);
    border-radius: var(--semi-border-radius-medium);
    box-sizing: border-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.semi-card-shadows {
    cursor: pointer;
    transition: box-shadow .3s
}

.semi-card-shadows-hover:hover {
    z-index: 1
}

.semi-card-shadows-always,.semi-card-shadows-hover:hover {
    box-shadow: var(--semi-shadow-elevated)
}

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

.semi-card-header {
    padding: 20px
}

.semi-card-header-bordered {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-card-header-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.semi-card-header-wrapper-spacing {
    margin-right: 20px
}

.semi-card-header-wrapper-title {
    overflow: hidden;
    width: 100%
}

.semi-card-header-wrapper-extra {
    color: var(--semi-color-text-0);
    flex-shrink: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0
}

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

.semi-card-body {
    color: var(--semi-color-text-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    padding: 20px
}

.semi-card-body-actions {
    border-top: 1px solid var(--semi-color-border);
    margin-top: 20px;
    padding-top: 20px
}

.semi-card-footer {
    padding: 20px
}

.semi-card-footer-bordered {
    border-top: 1px solid var(--semi-color-border)
}

.semi-card-meta {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.semi-card-meta-avatar {
    margin-right: 12px
}

.semi-card-meta-wrapper-title {
    color: var(--semi-color-text-0);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px
}

.semi-card-meta-wrapper-description {
    color: var(--semi-color-text-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}

.semi-card-group-grid .semi-card {
    border-radius: 0;
    margin-left: -1px;
    margin-top: -1px
}

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

.semi-portal-rtl .semi-card-header-wrapper,.semi-rtl .semi-card-header-wrapper {
    align-items: flex-end
}

.semi-portal-rtl .semi-card-header-wrapper-title,.semi-rtl .semi-card-header-wrapper-title {
    align-items: flex-end;
    display: flex
}

.semi-portal-rtl .semi-card-header-wrapper-spacing,.semi-rtl .semi-card-header-wrapper-spacing {
    margin-left: 20px;
    margin-right: 0
}

.semi-portal-rtl .semi-card-meta-avatar,.semi-rtl .semi-card-meta-avatar {
    margin-left: 12px;
    margin-right: 0
}

.semi-portal-rtl .semi-card-group,.semi-rtl .semi-card-group {
    direction: rtl
}

.semi-portal-rtl .semi-card-group-grid .semi-card,.semi-rtl .semi-card-group-grid .semi-card {
    margin: 0 -1px -1px 0
}

.semi-skeleton-avatar,.semi-skeleton-button,.semi-skeleton-image,.semi-skeleton-title {
    background: var(--semi-color-fill-0);
    border-radius: 4px
}

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

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

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

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

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

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

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

.semi-skeleton-paragraph {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.semi-skeleton-paragraph li {
    background: var(--semi-color-fill-0);
    border-radius: 4px;
    height: 16px;
    margin-bottom: 10px;
    width: 100%
}

.semi-skeleton-paragraph li:last-child {
    margin-bottom: 0;
    width: 60%
}

.semi-skeleton-paragraph li:first-child {
    width: 100%
}

.semi-skeleton-title {
    height: 24px;
    width: 100%
}

.semi-skeleton-button {
    height: 32px;
    width: 115px
}

.semi-skeleton-image {
    height: 100%;
    width: 100%
}

.semi-skeleton-active .semi-skeleton-avatar,.semi-skeleton-active .semi-skeleton-button,.semi-skeleton-active .semi-skeleton-image,.semi-skeleton-active .semi-skeleton-paragraph li,.semi-skeleton-active .semi-skeleton-title {
    -webkit-animation: skeleton-loading 1.4s ease infinite;
    animation: skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg,var(--semi-color-fill-0) 25%,var(--semi-color-fill-1) 44%,var(--semi-color-fill-0) 88%);
    background-size: 400% 100%
}

@-webkit-keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

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

.semi-space {
    display: inline-flex
}

.semi-space-vertical {
    flex-direction: column
}

.semi-space-horizontal {
    flex-direction: row
}

.semi-space-align-center {
    align-items: center
}

.semi-space-align-end {
    align-items: flex-end
}

.semi-space-align-start {
    align-items: flex-start
}

.semi-space-align-baseline {
    align-items: baseline
}

.semi-space-wrap {
    flex-wrap: wrap
}

.semi-space-tight-horizontal {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.semi-space-tight-vertical {
    row-gap: 8px
}

.semi-space-medium-horizontal {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.semi-space-medium-vertical {
    row-gap: 16px
}

.semi-space-loose-horizontal {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.semi-space-loose-vertical {
    row-gap: 24px
}

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

.semi-empty {
    display: flex
}

.semi-empty-image {
    -webkit-user-drag: none;
    display: flex;
    justify-content: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: 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(--semi-color-text-1)
}

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

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

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

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

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

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

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

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

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

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

.semi-modal-content-fullScreen {
    border: none;
    border-radius: 0
}

.semi-modal-header {
    background-color: transparent;
    border-bottom: 0 solid transparent;
    color: var(--semi-color-text-0);
    font-size: 14px;
    font-weight: 600;
    padding: 0
}

.semi-modal-body-wrapper,.semi-modal-header {
    align-items: flex-start;
    display: flex;
    margin: 24px 0
}

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

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

.semi-modal-footer {
    background-color: transparent;
    border-radius: 0 0 5px 5px;
    border-top: 0 solid transparent;
    margin: 24px 0;
    padding: 0;
    text-align: right
}

.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 {
    color: var(--semi-color-primary);
    display: inline-flex
}

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

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

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

.semi-modal-warning-icon {
    color: var(--semi-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 {
    overflow: hidden;
    position: absolute
}

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

.semi-modal-displayNone {
    display: none
}

.semi-modal-content-animate-hide {
    -webkit-animation: semi-modal-content-keyframe-hide 90ms ease forwards;
    animation: semi-modal-content-keyframe-hide 90ms ease forwards
}

.semi-modal-content-animate-show {
    -webkit-animation: semi-modal-content-keyframe-show .12s cubic-bezier(0,0,.26,1.38) forwards;
    animation: semi-modal-content-keyframe-show .12s cubic-bezier(0,0,.26,1.38) forwards
}

.semi-modal-mask-animate-hide {
    -webkit-animation: semi-modal-mask-keyframe-hide 90ms ease forwards;
    animation: semi-modal-mask-keyframe-hide 90ms ease forwards
}

.semi-modal-mask-animate-show {
    -webkit-animation: semi-modal-mask-keyframe-show 90ms ease forwards;
    animation: semi-modal-mask-keyframe-show 90ms ease forwards
}

@-webkit-keyframes semi-modal-content-keyframe-show {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes semi-modal-content-keyframe-show {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes semi-modal-content-keyframe-hide {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.7)
    }
}

@keyframes semi-modal-content-keyframe-hide {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.7)
    }
}

@-webkit-keyframes semi-modal-mask-keyframe-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes semi-modal-mask-keyframe-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes semi-modal-mask-keyframe-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes semi-modal-mask-keyframe-hide {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.semi-modal-rtl {
    direction: rtl
}

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

.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-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px
}

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

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

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

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

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

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

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

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

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

.semi-dropdown-item-icon {
    align-items: center;
    display: inline-flex;
    margin-right: 8px
}

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

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

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

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

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

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

.semi-dropdown-item>.semi-icon {
    flex-shrink: 0;
    font-size: 12px;
    margin-right: 9px
}

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

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

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

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

.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-icon,.semi-rtl .semi-dropdown-item>.semi-icon {
    margin-left: 9px;
    margin-right: 0
}

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

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

.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-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-2,.semi-col-20,.semi-col-21,.semi-col-22,.semi-col-23,.semi-col-24,.semi-col-3,.semi-col-4,.semi-col-5,.semi-col-6,.semi-col-7,.semi-col-8,.semi-col-9,.semi-col-lg-1,.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-2,.semi-col-lg-20,.semi-col-lg-21,.semi-col-lg-22,.semi-col-lg-23,.semi-col-lg-24,.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-md-1,.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-2,.semi-col-md-20,.semi-col-md-21,.semi-col-md-22,.semi-col-md-23,.semi-col-md-24,.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-sm-1,.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-2,.semi-col-sm-20,.semi-col-sm-21,.semi-col-sm-22,.semi-col-sm-23,.semi-col-sm-24,.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-xs-1,.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-2,.semi-col-xs-20,.semi-col-xs-21,.semi-col-xs-22,.semi-col-xs-23,.semi-col-xs-24,.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 {
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.semi-col-1,.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-2,.semi-col-20,.semi-col-21,.semi-col-22,.semi-col-23,.semi-col-24,.semi-col-3,.semi-col-4,.semi-col-5,.semi-col-6,.semi-col-7,.semi-col-8,.semi-col-9 {
    flex: 0 0 auto;
    float: left
}

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

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

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

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

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

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

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

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

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

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

.semi-col-3 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 16.6666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-6 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 29.1666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-9 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 41.6666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-12 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 54.1666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-15 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 66.6666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-18 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 79.1666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-21 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 91.6666666667%
}

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

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

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

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

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

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

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

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

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

.semi-col-24 {
    box-sizing: border-box;
    display: block;
    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-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-2,.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,.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 {
    float: right
}

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

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

.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.6666666667%
}

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

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

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

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

.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.6666666667%
}

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

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

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

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

.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.6666666667%
}

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

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

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

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

.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.6666666667%
}

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

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

.semi-col-xs-1,.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-2,.semi-col-xs-20,.semi-col-xs-21,.semi-col-xs-22,.semi-col-xs-23,.semi-col-xs-24,.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 {
    flex: 0 0 auto;
    float: left
}

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

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

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

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

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

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

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

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

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

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

.semi-col-xs-3 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 16.6666666667%
}

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

.semi-col-xs-pull-4 {
    right: 16.6666666667%
}

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

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

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

.semi-col-xs-push-5 {
    left: 20.8333333333%
}

.semi-col-xs-pull-5 {
    right: 20.8333333333%
}

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

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

.semi-col-xs-6 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 29.1666666667%
}

.semi-col-xs-push-7 {
    left: 29.1666666667%
}

.semi-col-xs-pull-7 {
    right: 29.1666666667%
}

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

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

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

.semi-col-xs-push-8 {
    left: 33.3333333333%
}

.semi-col-xs-pull-8 {
    right: 33.3333333333%
}

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

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

.semi-col-xs-9 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 41.6666666667%
}

.semi-col-xs-push-10 {
    left: 41.6666666667%
}

.semi-col-xs-pull-10 {
    right: 41.6666666667%
}

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

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

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

.semi-col-xs-push-11 {
    left: 45.8333333333%
}

.semi-col-xs-pull-11 {
    right: 45.8333333333%
}

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

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

.semi-col-xs-12 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 54.1666666667%
}

.semi-col-xs-push-13 {
    left: 54.1666666667%
}

.semi-col-xs-pull-13 {
    right: 54.1666666667%
}

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

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

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

.semi-col-xs-push-14 {
    left: 58.3333333333%
}

.semi-col-xs-pull-14 {
    right: 58.3333333333%
}

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

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

.semi-col-xs-15 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 66.6666666667%
}

.semi-col-xs-push-16 {
    left: 66.6666666667%
}

.semi-col-xs-pull-16 {
    right: 66.6666666667%
}

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

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

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

.semi-col-xs-push-17 {
    left: 70.8333333333%
}

.semi-col-xs-pull-17 {
    right: 70.8333333333%
}

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

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

.semi-col-xs-18 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 79.1666666667%
}

.semi-col-xs-push-19 {
    left: 79.1666666667%
}

.semi-col-xs-pull-19 {
    right: 79.1666666667%
}

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

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

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

.semi-col-xs-push-20 {
    left: 83.3333333333%
}

.semi-col-xs-pull-20 {
    right: 83.3333333333%
}

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

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

.semi-col-xs-21 {
    box-sizing: border-box;
    display: block;
    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 {
    box-sizing: border-box;
    display: block;
    width: 91.6666666667%
}

.semi-col-xs-push-22 {
    left: 91.6666666667%
}

.semi-col-xs-pull-22 {
    right: 91.6666666667%
}

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

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

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

.semi-col-xs-push-23 {
    left: 95.8333333333%
}

.semi-col-xs-pull-23 {
    right: 95.8333333333%
}

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

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

.semi-col-xs-24 {
    box-sizing: border-box;
    display: block;
    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-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-2,.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,.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 {
    float: right
}

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

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

.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.6666666667%
}

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

.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.1666666667%
}

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

.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.6666666667%
}

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

.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.1666666667%
}

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

.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.6666666667%
}

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

.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.1666666667%
}

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

.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.6666666667%
}

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

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

@media (min-width:576px) {
    .semi-col-sm-1,.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-2,.semi-col-sm-20,.semi-col-sm-21,.semi-col-sm-22,.semi-col-sm-23,.semi-col-sm-24,.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 {
        flex: 0 0 auto;
        float: left
    }

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

    .semi-col-sm-push-1 {
        left: 4.1666666667%
    }

    .semi-col-sm-pull-1 {
        right: 4.1666666667%
    }

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

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

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

    .semi-col-sm-push-2 {
        left: 8.3333333333%
    }

    .semi-col-sm-pull-2 {
        right: 8.3333333333%
    }

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

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

    .semi-col-sm-3 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 16.6666666667%
    }

    .semi-col-sm-push-4 {
        left: 16.6666666667%
    }

    .semi-col-sm-pull-4 {
        right: 16.6666666667%
    }

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

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

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

    .semi-col-sm-push-5 {
        left: 20.8333333333%
    }

    .semi-col-sm-pull-5 {
        right: 20.8333333333%
    }

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

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

    .semi-col-sm-6 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 29.1666666667%
    }

    .semi-col-sm-push-7 {
        left: 29.1666666667%
    }

    .semi-col-sm-pull-7 {
        right: 29.1666666667%
    }

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

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

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

    .semi-col-sm-push-8 {
        left: 33.3333333333%
    }

    .semi-col-sm-pull-8 {
        right: 33.3333333333%
    }

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

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

    .semi-col-sm-9 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 41.6666666667%
    }

    .semi-col-sm-push-10 {
        left: 41.6666666667%
    }

    .semi-col-sm-pull-10 {
        right: 41.6666666667%
    }

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

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

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

    .semi-col-sm-push-11 {
        left: 45.8333333333%
    }

    .semi-col-sm-pull-11 {
        right: 45.8333333333%
    }

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

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

    .semi-col-sm-12 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 54.1666666667%
    }

    .semi-col-sm-push-13 {
        left: 54.1666666667%
    }

    .semi-col-sm-pull-13 {
        right: 54.1666666667%
    }

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

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

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

    .semi-col-sm-push-14 {
        left: 58.3333333333%
    }

    .semi-col-sm-pull-14 {
        right: 58.3333333333%
    }

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

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

    .semi-col-sm-15 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 66.6666666667%
    }

    .semi-col-sm-push-16 {
        left: 66.6666666667%
    }

    .semi-col-sm-pull-16 {
        right: 66.6666666667%
    }

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

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

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

    .semi-col-sm-push-17 {
        left: 70.8333333333%
    }

    .semi-col-sm-pull-17 {
        right: 70.8333333333%
    }

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

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

    .semi-col-sm-18 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 79.1666666667%
    }

    .semi-col-sm-push-19 {
        left: 79.1666666667%
    }

    .semi-col-sm-pull-19 {
        right: 79.1666666667%
    }

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

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

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

    .semi-col-sm-push-20 {
        left: 83.3333333333%
    }

    .semi-col-sm-pull-20 {
        right: 83.3333333333%
    }

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

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

    .semi-col-sm-21 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 91.6666666667%
    }

    .semi-col-sm-push-22 {
        left: 91.6666666667%
    }

    .semi-col-sm-pull-22 {
        right: 91.6666666667%
    }

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

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

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

    .semi-col-sm-push-23 {
        left: 95.8333333333%
    }

    .semi-col-sm-pull-23 {
        right: 95.8333333333%
    }

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

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

    .semi-col-sm-24 {
        box-sizing: border-box;
        display: block;
        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-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-2,.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,.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 {
        float: right
    }

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

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

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

@media (min-width:768px) {
    .semi-col-md-1,.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-2,.semi-col-md-20,.semi-col-md-21,.semi-col-md-22,.semi-col-md-23,.semi-col-md-24,.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 {
        flex: 0 0 auto;
        float: left
    }

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

    .semi-col-md-push-1 {
        left: 4.1666666667%
    }

    .semi-col-md-pull-1 {
        right: 4.1666666667%
    }

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

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

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

    .semi-col-md-push-2 {
        left: 8.3333333333%
    }

    .semi-col-md-pull-2 {
        right: 8.3333333333%
    }

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

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

    .semi-col-md-3 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 16.6666666667%
    }

    .semi-col-md-push-4 {
        left: 16.6666666667%
    }

    .semi-col-md-pull-4 {
        right: 16.6666666667%
    }

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

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

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

    .semi-col-md-push-5 {
        left: 20.8333333333%
    }

    .semi-col-md-pull-5 {
        right: 20.8333333333%
    }

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

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

    .semi-col-md-6 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 29.1666666667%
    }

    .semi-col-md-push-7 {
        left: 29.1666666667%
    }

    .semi-col-md-pull-7 {
        right: 29.1666666667%
    }

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

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

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

    .semi-col-md-push-8 {
        left: 33.3333333333%
    }

    .semi-col-md-pull-8 {
        right: 33.3333333333%
    }

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

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

    .semi-col-md-9 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 41.6666666667%
    }

    .semi-col-md-push-10 {
        left: 41.6666666667%
    }

    .semi-col-md-pull-10 {
        right: 41.6666666667%
    }

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

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

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

    .semi-col-md-push-11 {
        left: 45.8333333333%
    }

    .semi-col-md-pull-11 {
        right: 45.8333333333%
    }

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

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

    .semi-col-md-12 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 54.1666666667%
    }

    .semi-col-md-push-13 {
        left: 54.1666666667%
    }

    .semi-col-md-pull-13 {
        right: 54.1666666667%
    }

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

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

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

    .semi-col-md-push-14 {
        left: 58.3333333333%
    }

    .semi-col-md-pull-14 {
        right: 58.3333333333%
    }

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

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

    .semi-col-md-15 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 66.6666666667%
    }

    .semi-col-md-push-16 {
        left: 66.6666666667%
    }

    .semi-col-md-pull-16 {
        right: 66.6666666667%
    }

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

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

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

    .semi-col-md-push-17 {
        left: 70.8333333333%
    }

    .semi-col-md-pull-17 {
        right: 70.8333333333%
    }

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

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

    .semi-col-md-18 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 79.1666666667%
    }

    .semi-col-md-push-19 {
        left: 79.1666666667%
    }

    .semi-col-md-pull-19 {
        right: 79.1666666667%
    }

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

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

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

    .semi-col-md-push-20 {
        left: 83.3333333333%
    }

    .semi-col-md-pull-20 {
        right: 83.3333333333%
    }

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

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

    .semi-col-md-21 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 91.6666666667%
    }

    .semi-col-md-push-22 {
        left: 91.6666666667%
    }

    .semi-col-md-pull-22 {
        right: 91.6666666667%
    }

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

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

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

    .semi-col-md-push-23 {
        left: 95.8333333333%
    }

    .semi-col-md-pull-23 {
        right: 95.8333333333%
    }

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

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

    .semi-col-md-24 {
        box-sizing: border-box;
        display: block;
        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-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-2,.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,.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 {
        float: right
    }

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

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

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

@media (min-width:992px) {
    .semi-col-lg-1,.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-2,.semi-col-lg-20,.semi-col-lg-21,.semi-col-lg-22,.semi-col-lg-23,.semi-col-lg-24,.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 {
        flex: 0 0 auto;
        float: left
    }

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

    .semi-col-lg-push-1 {
        left: 4.1666666667%
    }

    .semi-col-lg-pull-1 {
        right: 4.1666666667%
    }

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

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

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

    .semi-col-lg-push-2 {
        left: 8.3333333333%
    }

    .semi-col-lg-pull-2 {
        right: 8.3333333333%
    }

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

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

    .semi-col-lg-3 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 16.6666666667%
    }

    .semi-col-lg-push-4 {
        left: 16.6666666667%
    }

    .semi-col-lg-pull-4 {
        right: 16.6666666667%
    }

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

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

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

    .semi-col-lg-push-5 {
        left: 20.8333333333%
    }

    .semi-col-lg-pull-5 {
        right: 20.8333333333%
    }

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

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

    .semi-col-lg-6 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 29.1666666667%
    }

    .semi-col-lg-push-7 {
        left: 29.1666666667%
    }

    .semi-col-lg-pull-7 {
        right: 29.1666666667%
    }

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

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

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

    .semi-col-lg-push-8 {
        left: 33.3333333333%
    }

    .semi-col-lg-pull-8 {
        right: 33.3333333333%
    }

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

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

    .semi-col-lg-9 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 41.6666666667%
    }

    .semi-col-lg-push-10 {
        left: 41.6666666667%
    }

    .semi-col-lg-pull-10 {
        right: 41.6666666667%
    }

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

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

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

    .semi-col-lg-push-11 {
        left: 45.8333333333%
    }

    .semi-col-lg-pull-11 {
        right: 45.8333333333%
    }

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

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

    .semi-col-lg-12 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 54.1666666667%
    }

    .semi-col-lg-push-13 {
        left: 54.1666666667%
    }

    .semi-col-lg-pull-13 {
        right: 54.1666666667%
    }

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

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

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

    .semi-col-lg-push-14 {
        left: 58.3333333333%
    }

    .semi-col-lg-pull-14 {
        right: 58.3333333333%
    }

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

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

    .semi-col-lg-15 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 66.6666666667%
    }

    .semi-col-lg-push-16 {
        left: 66.6666666667%
    }

    .semi-col-lg-pull-16 {
        right: 66.6666666667%
    }

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

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

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

    .semi-col-lg-push-17 {
        left: 70.8333333333%
    }

    .semi-col-lg-pull-17 {
        right: 70.8333333333%
    }

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

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

    .semi-col-lg-18 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 79.1666666667%
    }

    .semi-col-lg-push-19 {
        left: 79.1666666667%
    }

    .semi-col-lg-pull-19 {
        right: 79.1666666667%
    }

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

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

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

    .semi-col-lg-push-20 {
        left: 83.3333333333%
    }

    .semi-col-lg-pull-20 {
        right: 83.3333333333%
    }

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

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

    .semi-col-lg-21 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 91.6666666667%
    }

    .semi-col-lg-push-22 {
        left: 91.6666666667%
    }

    .semi-col-lg-pull-22 {
        right: 91.6666666667%
    }

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

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

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

    .semi-col-lg-push-23 {
        left: 95.8333333333%
    }

    .semi-col-lg-pull-23 {
        right: 95.8333333333%
    }

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

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

    .semi-col-lg-24 {
        box-sizing: border-box;
        display: block;
        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-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-2,.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,.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 {
        float: right
    }

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

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

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

@media (min-width:1200px) {
    .semi-col-xl-1,.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-2,.semi-col-xl-20,.semi-col-xl-21,.semi-col-xl-22,.semi-col-xl-23,.semi-col-xl-24,.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 {
        flex: 0 0 auto;
        float: left
    }

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

    .semi-col-xl-push-1 {
        left: 4.1666666667%
    }

    .semi-col-xl-pull-1 {
        right: 4.1666666667%
    }

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

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

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

    .semi-col-xl-push-2 {
        left: 8.3333333333%
    }

    .semi-col-xl-pull-2 {
        right: 8.3333333333%
    }

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

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

    .semi-col-xl-3 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 16.6666666667%
    }

    .semi-col-xl-push-4 {
        left: 16.6666666667%
    }

    .semi-col-xl-pull-4 {
        right: 16.6666666667%
    }

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

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

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

    .semi-col-xl-push-5 {
        left: 20.8333333333%
    }

    .semi-col-xl-pull-5 {
        right: 20.8333333333%
    }

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

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

    .semi-col-xl-6 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 29.1666666667%
    }

    .semi-col-xl-push-7 {
        left: 29.1666666667%
    }

    .semi-col-xl-pull-7 {
        right: 29.1666666667%
    }

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

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

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

    .semi-col-xl-push-8 {
        left: 33.3333333333%
    }

    .semi-col-xl-pull-8 {
        right: 33.3333333333%
    }

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

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

    .semi-col-xl-9 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 41.6666666667%
    }

    .semi-col-xl-push-10 {
        left: 41.6666666667%
    }

    .semi-col-xl-pull-10 {
        right: 41.6666666667%
    }

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

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

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

    .semi-col-xl-push-11 {
        left: 45.8333333333%
    }

    .semi-col-xl-pull-11 {
        right: 45.8333333333%
    }

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

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

    .semi-col-xl-12 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 54.1666666667%
    }

    .semi-col-xl-push-13 {
        left: 54.1666666667%
    }

    .semi-col-xl-pull-13 {
        right: 54.1666666667%
    }

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

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

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

    .semi-col-xl-push-14 {
        left: 58.3333333333%
    }

    .semi-col-xl-pull-14 {
        right: 58.3333333333%
    }

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

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

    .semi-col-xl-15 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 66.6666666667%
    }

    .semi-col-xl-push-16 {
        left: 66.6666666667%
    }

    .semi-col-xl-pull-16 {
        right: 66.6666666667%
    }

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

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

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

    .semi-col-xl-push-17 {
        left: 70.8333333333%
    }

    .semi-col-xl-pull-17 {
        right: 70.8333333333%
    }

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

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

    .semi-col-xl-18 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 79.1666666667%
    }

    .semi-col-xl-push-19 {
        left: 79.1666666667%
    }

    .semi-col-xl-pull-19 {
        right: 79.1666666667%
    }

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

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

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

    .semi-col-xl-push-20 {
        left: 83.3333333333%
    }

    .semi-col-xl-pull-20 {
        right: 83.3333333333%
    }

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

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

    .semi-col-xl-21 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 91.6666666667%
    }

    .semi-col-xl-push-22 {
        left: 91.6666666667%
    }

    .semi-col-xl-pull-22 {
        right: 91.6666666667%
    }

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

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

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

    .semi-col-xl-push-23 {
        left: 95.8333333333%
    }

    .semi-col-xl-pull-23 {
        right: 95.8333333333%
    }

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

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

    .semi-col-xl-24 {
        box-sizing: border-box;
        display: block;
        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-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-2,.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,.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 {
        float: right
    }

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

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

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

@media (min-width:1600px) {
    .semi-col-xxl-1,.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-2,.semi-col-xxl-20,.semi-col-xxl-21,.semi-col-xxl-22,.semi-col-xxl-23,.semi-col-xxl-24,.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 {
        flex: 0 0 auto;
        float: left
    }

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

    .semi-col-xxl-push-1 {
        left: 4.1666666667%
    }

    .semi-col-xxl-pull-1 {
        right: 4.1666666667%
    }

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

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

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

    .semi-col-xxl-push-2 {
        left: 8.3333333333%
    }

    .semi-col-xxl-pull-2 {
        right: 8.3333333333%
    }

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

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

    .semi-col-xxl-3 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 16.6666666667%
    }

    .semi-col-xxl-push-4 {
        left: 16.6666666667%
    }

    .semi-col-xxl-pull-4 {
        right: 16.6666666667%
    }

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

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

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

    .semi-col-xxl-push-5 {
        left: 20.8333333333%
    }

    .semi-col-xxl-pull-5 {
        right: 20.8333333333%
    }

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

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

    .semi-col-xxl-6 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 29.1666666667%
    }

    .semi-col-xxl-push-7 {
        left: 29.1666666667%
    }

    .semi-col-xxl-pull-7 {
        right: 29.1666666667%
    }

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

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

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

    .semi-col-xxl-push-8 {
        left: 33.3333333333%
    }

    .semi-col-xxl-pull-8 {
        right: 33.3333333333%
    }

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

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

    .semi-col-xxl-9 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 41.6666666667%
    }

    .semi-col-xxl-push-10 {
        left: 41.6666666667%
    }

    .semi-col-xxl-pull-10 {
        right: 41.6666666667%
    }

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

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

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

    .semi-col-xxl-push-11 {
        left: 45.8333333333%
    }

    .semi-col-xxl-pull-11 {
        right: 45.8333333333%
    }

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

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

    .semi-col-xxl-12 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 54.1666666667%
    }

    .semi-col-xxl-push-13 {
        left: 54.1666666667%
    }

    .semi-col-xxl-pull-13 {
        right: 54.1666666667%
    }

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

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

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

    .semi-col-xxl-push-14 {
        left: 58.3333333333%
    }

    .semi-col-xxl-pull-14 {
        right: 58.3333333333%
    }

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

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

    .semi-col-xxl-15 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 66.6666666667%
    }

    .semi-col-xxl-push-16 {
        left: 66.6666666667%
    }

    .semi-col-xxl-pull-16 {
        right: 66.6666666667%
    }

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

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

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

    .semi-col-xxl-push-17 {
        left: 70.8333333333%
    }

    .semi-col-xxl-pull-17 {
        right: 70.8333333333%
    }

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

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

    .semi-col-xxl-18 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 79.1666666667%
    }

    .semi-col-xxl-push-19 {
        left: 79.1666666667%
    }

    .semi-col-xxl-pull-19 {
        right: 79.1666666667%
    }

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

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

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

    .semi-col-xxl-push-20 {
        left: 83.3333333333%
    }

    .semi-col-xxl-pull-20 {
        right: 83.3333333333%
    }

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

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

    .semi-col-xxl-21 {
        box-sizing: border-box;
        display: block;
        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 {
        box-sizing: border-box;
        display: block;
        width: 91.6666666667%
    }

    .semi-col-xxl-push-22 {
        left: 91.6666666667%
    }

    .semi-col-xxl-pull-22 {
        right: 91.6666666667%
    }

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

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

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

    .semi-col-xxl-push-23 {
        left: 95.8333333333%
    }

    .semi-col-xxl-pull-23 {
        right: 95.8333333333%
    }

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

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

    .semi-col-xxl-24 {
        box-sizing: border-box;
        display: block;
        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-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-2,.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,.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 {
        float: right
    }

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

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

    .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.1666666667%
    }

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

    .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.6666666667%
    }

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

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

.semi-portal-rtl .semi-row,.semi-portal-rtl .semi-row-flex,.semi-rtl .semi-row,.semi-rtl .semi-row-flex {
    direction: rtl
}

.semi-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: auto
}

.semi-layout,.semi-layout-content,.semi-layout-footer,.semi-layout-header,.semi-layout-sider,.semi-layout-sider-children {
    box-sizing: border-box
}

.semi-layout-footer,.semi-layout-header {
    flex: 0 0 auto
}

.semi-layout-content {
    flex: auto;
    min-height: auto
}

.semi-layout-sider {
    min-width: auto;
    position: relative
}

.semi-layout-sider-children {
    height: 100%;
    margin-top: -.1px;
    padding-top: .1px
}

.semi-layout-has-sider {
    flex-direction: row
}

.semi-layout-has-sider>.semi-layout,.semi-layout-has-sider>.semi-layout-content {
    overflow-x: hidden
}

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

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

    to {
        transform: scale(.97)
    }
}

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

    to {
        transform: scale(.97)
    }
}

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

    to {
        transform: scale(1)
    }
}

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

    to {
        transform: scale(1)
    }
}

.semi-input-wrapper {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-shadow: none;
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    cursor: text;
    display: inline-block;
    outline: none;
    position: relative;
    vertical-align: middle;
    width: 100%
}

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

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

.semi-input-wrapper-small {
    height: 24px
}

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

.semi-input-wrapper-large {
    height: 40px;
    line-height: 38px
}

.semi-input-wrapper:hover {
    background-color: var(--semi-color-fill-1);
    border-color: transparent
}

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

.semi-input-wrapper-focus:active,.semi-input-wrapper-focus:hover {
    background-color: var(--semi-color-fill-0);
    border-color: var(--semi-color-focus-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

.semi-input-wrapper-hidden {
    border: none
}

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

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

.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-icon,.semi-input-wrapper .semi-input-modebtn:hover .semi-icon {
    color: var(--semi-color-primary-hover)
}

.semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
    justify-content: flex-end;
    min-width: 24px
}

.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
    justify-content: center;
    min-width: 16px
}

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

.semi-input-wrapper.semi-input-wrapper__with-append-only .semi-input:not(:last-child) {
    border-radius: 0;
    border-right-style: none
}

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

.semi-input-wrapper.semi-input-wrapper__with-prepend-only .semi-input:not(:last-child) {
    border-radius: 0;
    border-right-style: none
}

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

.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 {
    background-color: transparent;
    border: 1px solid transparent
}

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

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover~.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover~.semi-input-modebtn {
    background-color: var(--semi-color-fill-1)
}

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

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn+.semi-input-clearbtn {
    border-right-style: none
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn {
    background-color: var(--semi-color-fill-0);
    box-sizing: border-box
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn {
    border-left-style: solid;
    border: 1px solid var(--semi-color-focus-border);
    border-left: 1px var(--semi-color-focus-border);
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus+.semi-input-clearbtn:not(:last-child),.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus+.semi-input-clearbtn:not(:last-child) {
    border-radius: 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn {
    border-left-style: solid;
    border: 1px solid var(--semi-color-focus-border);
    border-left: 1px var(--semi-color-focus-border);
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus~.semi-input-modebtn:not(:last-child),.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus~.semi-input-modebtn:not(:last-child) {
    border-radius: 0
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.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-color: transparent
}

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

.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:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover+.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover+.semi-input-modebtn {
    background-color: var(--semi-color-danger-light-hover)
}

.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:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus+.semi-input-modebtn,.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:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus+.semi-input-modebtn {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover {
    background-color: var(--semi-color-danger-light-default)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.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-color: transparent
}

.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(--semi-color-warning-light-default);
    border-color: var(--semi-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(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning-light-hover)
}

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover+.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover+.semi-input-modebtn {
    background-color: var(--semi-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-append.semi-input-wrapper-warning .semi-input:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus+.semi-input-modebtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus+.semi-input-clearbtn,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus+.semi-input-modebtn {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning)
}

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

.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child,.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

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

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

.semi-input-wrapper-disabled .semi-icon,.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(--semi-color-disabled-text)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-input-clearbtn+.semi-input-suffix+.semi-input-suffix-icon,.semi-input-clearbtn+.semi-input-suffix+.semi-input-suffix-text {
    margin-left: 0
}

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

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

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

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

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

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

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

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

.semi-input-group {
    align-content: center;
    align-items: center;
    display: inline-flex;
    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(--semi-border-radius-small) 0 0 var(--semi-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(--semi-border-radius-small) var(--semi-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 {
    background-color: var(--semi-color-border);
    bottom: 1px;
    content: "";
    position: absolute;
    right: -1px;
    top: 1px;
    width: 1px
}

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

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

.semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input,.semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,.semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input,.semi-input-group .semi-datepicker:last-child .semi-input-wrapper,.semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,.semi-input-group .semi-input-number:last-child .semi-input-wrapper {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-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 {
    background-color: var(--semi-color-border);
    bottom: 1px;
    content: "";
    position: absolute;
    right: -1px;
    top: 1px;
    width: 1px
}

.semi-input-group-wrapper-with-top-label {
    margin-bottom: 16px;
    margin-top: 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-bottom: 0;
    margin-top: 0
}

.semi-navigation {
    background-color: var(--semi-color-nav-bg);
    border-right: 1px solid var(--semi-color-border);
    box-sizing: border-box;
    display: inline-flex;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 240px
}

.semi-navigation-inner {
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.semi-navigation-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.semi-navigation-list>.semi-navigation-item-normal {
    height: 36px
}

.semi-navigation-list>.semi-navigation-item,.semi-navigation-list>.semi-navigation-item>.semi-navigation-sub-title {
    font-weight: 600
}

.semi-navigation-collapsed {
    padding-left: 8px;
    padding-right: 8px;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95);
    width: 60px
}

.semi-navigation-collapsed .semi-navigation-item-icon:last-child,.semi-navigation-collapsed .semi-navigation-item-text {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-navigation-item,.semi-navigation-sub-wrap .semi-navigation-sub-title {
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 8px 12px;
    width: 100%
}

.semi-navigation-item-text,.semi-navigation-sub-wrap .semi-navigation-sub-title-text {
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
    white-space: nowrap
}

.semi-navigation-item-indent,.semi-navigation-sub-wrap .semi-navigation-sub-title-indent {
    width: 32px
}

.semi-navigation-header-link,.semi-navigation-item-link {
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
    width: 100%
}

.semi-navigation-item-sub {
    padding: 0
}

.semi-navigation-sub-wrap>.semi-navigation-item-inner {
    width: 100%
}

.semi-navigation-sub-wrap .semi-navigation-sub-title>.semi-navigation-item-inner {
    display: flex
}

.semi-navigation-item-inner {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    width: 100%
}

.semi-navigation-item-title {
    opacity: 1;
    transition: opacity .1s ease-out 100s
}

.semi-navigation .semi-navigation-sub-title {
    margin-bottom: 0
}

.semi-navigation-item-icon-info {
    margin-left: 0
}

.semi-navigation-item-icon-info,.semi-navigation-item-icon-toggle-left {
    color: var(--semi-color-text-2);
    display: inline-flex;
    margin-right: 12px;
    min-width: 20px
}

.semi-navigation-item-icon-toggle-right {
    color: var(--semi-color-text-2);
    display: inline-flex;
    margin-left: auto;
    opacity: 1;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-item-selected.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

.semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary-disabled)
}

.semi-navigation-item-disabled {
    background-color: transparent;
    cursor: not-allowed
}

.semi-navigation-item-disabled,.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-inner>.semi-navigation-item {
    color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-item-normal:hover.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

.semi-navigation-item-normal:hover.semi-navigation-item-selected.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary-disabled)
}

.semi-navigation-inner>.semi-navigation-item-normal:active:not(.semi-navigation-item-selected),.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-navigation-inner>.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child,.semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-selected,.semi-navigation-item-normal:active.semi-navigation-item-selected {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child,.semi-navigation-item-normal:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled,.semi-navigation-item-normal:active.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-inner>.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child,.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-sub-wrap .semi-navigation-item-inner {
    display: block
}

.semi-navigation-sub-wrap {
    display: block;
    height: inherit;
    margin-top: 0;
    padding: 0
}

.semi-navigation-sub-wrap .semi-navigation-sub-title {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: flex-start
}

.semi-navigation-sub {
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-navigation-sub .semi-navigation-item {
    background-color: transparent;
    color: var(--semi-color-text-0);
    font-weight: 400;
    height: 36px;
    width: 100%
}

.semi-navigation-sub .semi-navigation-item:first-child {
    margin-top: 8px
}

.semi-navigation-sub .semi-navigation-item>.semi-navigation-sub .semi-navigation-item-text:first-child {
    margin-left: 44px
}

.semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:hover:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:hover.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:active:not(.semi-navigation-sub-wrap):not(.semi-navigation-item-selected):not(.semi-navigation-item-disabled) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item:active.semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item-selected {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-text-0)
}

.semi-navigation-sub .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-sub .semi-navigation-item-selected.semi-navigation-item-disabled {
    background-color: var(--semi-color-primary-light-default);
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-sub .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-sub .semi-navigation-sub-wrap {
    height: inherit
}

.semi-navigation-header {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex
}

.semi-navigation-header-logo {
    display: inline-flex;
    margin-left: 0;
    margin-right: 8px
}

.semi-navigation-header-logo>.semi-icon,.semi-navigation-header-logo>img {
    height: 36px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    width: 36px
}

.semi-navigation-header-text {
    color: var(--semi-color-text-0);
    display: inline-flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    text-overflow: ellipsis;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4);
    white-space: nowrap
}

.semi-navigation-footer {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    padding: 16px 24px
}

.semi-navigation-footer .semi-navigation-collapse-btn {
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-navigation-collapsed .semi-navigation-header {
    justify-content: center
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
    margin-right: 0;
    width: 100%
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo>.semi-icon,.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo>img {
    max-height: 100%;
    max-width: 100%;
    width: 36px
}

.semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-text {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-item-selected:not(.semi-navigation-item-disabled).semi-navigation-item-normal:hover .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title {
    background-color: transparent;
    color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected {
    background-color: var(--semi-color-primary-light-default);
    background-color: transparent;
    color: var(--semi-color-text-0);
    font-weight: 600
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-selected.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary-disabled)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed;
    font-weight: 600
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled .semi-navigation-item-icon,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-selected {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-selected {
    background-color: var(--semi-color-fill-1);
    color: var(--semi-color-text-0)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected),.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled:not(.semi-navigation-sub-title-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected {
    background-color: transparent;
    color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child,.semi-navigation-vertical .semi-navigation-list>.semi-navigation-sub-wrap>.semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-primary-disabled)
}

.semi-navigation-vertical .semi-navigation-item:last-of-type {
    margin-bottom: 0
}

.semi-navigation-vertical .semi-navigation-inner {
    flex-direction: column
}

.semi-navigation-vertical .semi-navigation-header-list-outer {
    height: 100%
}

.semi-navigation-vertical .semi-navigation-list-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 12px
}

.semi-navigation-vertical .semi-navigation-header {
    padding: 32px 8px 36px 5.5px;
    width: 100%
}

.semi-navigation-vertical .semi-navigation-header-collapsed {
    padding-left: 5.5px;
    padding-right: 0;
    transition: padding-left .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-navigation-vertical .semi-navigation-footer {
    color: var(--semi-color-text-2);
    padding-left: 8px;
    padding-right: 8px
}

.semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
    margin-left: 12px;
    opacity: 1;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn>.semi-button {
    padding-left: 8px;
    padding-right: 8px
}

.semi-navigation-vertical .semi-navigation-footer-collapsed {
    justify-content: center
}

.semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn {
    width: 100%
}

.semi-navigation-vertical .semi-navigation-footer-collapsed .semi-navigation-collapse-btn .semi-button-content-right {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-navigation-horizontal {
    border-bottom: 1px solid var(--semi-color-border);
    border-right: none;
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%
}

.semi-navigation-horizontal .semi-navigation-inner {
    flex-direction: row
}

.semi-navigation-horizontal .semi-navigation-header-list-outer {
    align-items: center;
    display: inline-flex
}

.semi-navigation-horizontal .semi-navigation-header-list-outer-collapsed {
    align-items: baseline
}

.semi-navigation-horizontal .semi-navigation-header {
    margin-right: 24px;
    width: inherit
}

.semi-navigation-horizontal .semi-navigation-list {
    align-items: center;
    display: inline-flex
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item {
    background-color: transparent;
    color: var(--semi-color-text-2);
    margin-bottom: 0
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-2)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected {
    background-color: transparent;
    color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-selected .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) {
    background-color: transparent;
    color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover:not(.semi-navigation-item-selected) .semi-navigation-item-text {
    background-color: transparent;
    color: var(--semi-color-text-1)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) {
    background-color: transparent;
    color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active:not(.semi-navigation-item-selected) .semi-navigation-item-icon:first-child {
    color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-icon:first-child,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-icon:first-child {
    color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:active.semi-navigation-item-disabled .semi-navigation-item-text,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item-normal:hover.semi-navigation-item-disabled .semi-navigation-item-text {
    background-color: transparent;
    color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
    margin-right: 8px
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title .semi-navigation-item-text {
    background-color: transparent;
    color: var(--semi-color-text-2)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-selected .semi-navigation-item-text {
    background-color: transparent;
    color: var(--semi-color-text-0)
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled {
    cursor: not-allowed
}

.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child,.semi-navigation-horizontal .semi-navigation-list .semi-navigation-sub-title-disabled .semi-navigation-item-text {
    background-color: transparent;
    color: var(--semi-color-disabled-text)
}

.semi-navigation-horizontal .semi-navigation-item-inner {
    width: auto
}

.semi-navigation-horizontal .semi-navigation-item-icon:last-child {
    margin-left: 8px
}

.semi-navigation-horizontal .semi-navigation-item-icon:first-child {
    margin-right: 8px
}

.semi-navigation-horizontal .semi-navigation-item {
    width: auto
}

.semi-navigation-horizontal .semi-navigation-item-collapsed {
    word-wrap: none;
    text-overflow: ellipsis
}

.semi-navigation-horizontal .semi-navigation-footer {
    border-top: none;
    padding-right: 0
}

.semi-navigation-horizontal .semi-navigation-footer-collapsed {
    align-items: center;
    flex-direction: row;
    justify-content: center
}

.semi-navigation-popover .semi-navigation-sub-title {
    width: 100%
}

.semi-navigation-popover .semi-navigation-item-selected {
    font-weight: 400
}

.semi-dropdown-item .semi-navigation-sub-title {
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%
}

.semi-dropdown-item.semi-navigation-item {
    margin-bottom: 0;
    margin-top: 0;
    min-width: 150px
}

.semi-portal-rtl .semi-navigation,.semi-rtl .semi-navigation {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0;
    direction: rtl
}

.semi-portal-rtl .semi-navigation,.semi-portal-rtl .semi-navigation-collapsed,.semi-rtl .semi-navigation,.semi-rtl .semi-navigation-collapsed {
    transition: padding-right .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-portal-rtl .semi-navigation-item-icon:first-child,.semi-rtl .semi-navigation-item-icon:first-child {
    margin-left: 12px;
    margin-right: 0
}

.semi-portal-rtl .semi-navigation-item-icon:last-child,.semi-rtl .semi-navigation-item-icon:last-child {
    margin-left: 0;
    margin-right: auto
}

.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-portal-rtl .semi-navigation-sub .semi-navigation-item-text:first-child,.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-rtl .semi-navigation-sub .semi-navigation-item-text:first-child {
    margin-left: auto;
    margin-right: 44px
}

.semi-portal-rtl .semi-navigation-sub .semi-navigation-item>.semi-navigation-item-icon:first-child,.semi-rtl .semi-navigation-sub .semi-navigation-item>.semi-navigation-item-icon:first-child {
    margin-right: 12px
}

.semi-portal-rtl .semi-navigation-header,.semi-rtl .semi-navigation-header {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex
}

.semi-portal-rtl .semi-navigation-header-logo,.semi-rtl .semi-navigation-header-logo {
    display: inline-flex;
    margin-left: 8px;
    margin-right: 0
}

.semi-portal-rtl .semi-navigation-collapsed,.semi-rtl .semi-navigation-collapsed {
    direction: rtl
}

.semi-portal-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo,.semi-rtl .semi-navigation-collapsed .semi-navigation-header .semi-navigation-header-logo {
    margin-left: 0;
    margin-right: auto
}

.semi-portal-rtl .semi-navigation-vertical,.semi-rtl .semi-navigation-vertical {
    direction: rtl
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-header,.semi-rtl .semi-navigation-vertical .semi-navigation-header {
    padding-left: 8px;
    padding-right: 5.5px
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-header-collapsed,.semi-rtl .semi-navigation-vertical .semi-navigation-header-collapsed {
    padding-left: 0;
    padding-right: 5.5px;
    transition: padding-right .1s ease-out,width .2s cubic-bezier(.62,.05,.36,.95)
}

.semi-portal-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right,.semi-rtl .semi-navigation-vertical .semi-navigation-footer .semi-navigation-collapse-btn .semi-button-content-right {
    margin-left: auto;
    margin-right: 12px;
    transition: opacity .2s cubic-bezier(.5,-.1,1,.4)
}

.semi-portal-rtl .semi-navigation-horizontal,.semi-rtl .semi-navigation-horizontal {
    border-left: none;
    border-right: auto;
    direction: rtl;
    padding-left: 24px;
    padding-right: 24px
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-header,.semi-rtl .semi-navigation-horizontal .semi-navigation-header {
    margin-left: 24px;
    margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type),.semi-rtl .semi-navigation-horizontal .semi-navigation-list .semi-navigation-item:not(:last-of-type) {
    margin-left: 8px;
    margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child,.semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:last-child {
    margin-left: auto;
    margin-right: 8px
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child,.semi-rtl .semi-navigation-horizontal .semi-navigation-item-icon:first-child {
    margin-left: 8px;
    margin-right: auto
}

.semi-portal-rtl .semi-navigation-horizontal .semi-navigation-footer,.semi-rtl .semi-navigation-horizontal .semi-navigation-footer {
    padding-left: 0;
    padding-right: auto
}

.semi-popconfirm {
    box-sizing: border-box;
    max-width: 400px
}

.semi-popconfirm-inner {
    display: flex;
    flex-direction: column;
    padding: 24px 24px 24px 20px;
    position: relative
}

.semi-popconfirm-inner .semi-popconfirm-btn-close {
    margin-right: 24px;
    margin-top: 24px;
    position: absolute;
    right: 0;
    top: 0
}

.semi-popconfirm-header {
    display: flex;
    justify-content: flex-start;
    margin-right: 68px
}

.semi-popconfirm-header-title {
    color: var(--semi-color-text-0);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 8px
}

.semi-popconfirm-header-icon {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.semi-popconfirm-header .semi-icon-alert_triangle {
    color: var(--semi-color-warning)
}

.semi-popconfirm-header-body {
    display: inline-flex;
    flex-direction: column
}

.semi-popconfirm-header-content {
    color: var(--semi-color-text-2)
}

.semi-popconfirm-header-content>p {
    margin: 0;
    padding: 0
}

.semi-popconfirm-body {
    color: var(--semi-color-text-2)
}

.semi-popconfirm-body>p {
    margin: 0;
    padding: 0
}

.semi-popconfirm-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 25px
}

.semi-popconfirm-footer>.semi-button:first-child:not(:last-child) {
    margin-right: 8px
}

.semi-popconfirm-popover {
    border-radius: var(--semi-border-radius-medium)
}

.semi-popover-with-arrow .semi-popconfirm-inner {
    padding: 12px 12px 12px 8px
}

.semi-popover-with-arrow .semi-popconfirm-inner .semi-popconfirm-btn-close {
    margin-right: 12px;
    margin-top: 12px
}

.semi-popconfirm-rtl {
    direction: rtl
}

.semi-popconfirm-rtl .semi-popconfirm-inner {
    padding: 24px 20px 24px 24px
}

.semi-popconfirm-rtl .semi-popconfirm-inner .semi-popconfirm-btn-close {
    left: 0;
    margin-left: 24px;
    margin-right: 0;
    right: auto
}

.semi-popconfirm-rtl .semi-popconfirm-header {
    margin-left: 68px;
    margin-right: 0
}

.semi-popconfirm-rtl .semi-popconfirm-header-icon {
    margin-left: 12px;
    margin-right: 0
}

.semi-popconfirm-rtl .semi-popconfirm-footer {
    justify-content: flex-end
}

.semi-popconfirm-rtl .semi-popconfirm-footer>.semi-button:first-child:not(:last-child) {
    margin-left: 8px;
    margin-right: 0
}

.semi-popover-with-arrow.semi-popconfirm-rtl {
    direction: rtl
}

.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner {
    padding: 12px 8px 12px 12px
}

.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner .semi-popconfirm-btn-close {
    margin-left: 12px;
    margin-right: 0
}

.semi-radio {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    flex-wrap: wrap;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    min-height: 20px;
    min-width: 16px;
    position: relative;
    text-align: left;
    vertical-align: bottom
}

.semi-radio.semi-radio-vertical {
    display: block
}

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

.semi-radio:hover .semi-radio-inner-display {
    border: 1px solid var(--semi-color-focus-border)
}

.semi-radio:hover.semi-radio-cardRadioGroup .semi-radio-inner-display {
    background: var(--semi-color-white)
}

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

.semi-radio:active.semi-radio-cardRadioGroup .semi-radio-inner-display {
    background: var(--semi-color-white)
}

.semi-radio:active .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--semi-color-primary-active);
    border-color: var(--semi-color-primary-active)
}

.semi-radio-buttonRadioComponent {
    background: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small);
    padding: 4px
}

.semi-radio-buttonRadioGroup {
    border-radius: var(--semi-border-radius-small);
    line-height: 16px;
    padding: 4px
}

.semi-radio-buttonRadioGroup:not(:last-child) {
    padding-right: 0
}

.semi-radio-buttonRadioGroup-small {
    line-height: 16px;
    padding: 2px 4px
}

.semi-radio-buttonRadioGroup-large {
    line-height: 20px;
    padding: 4px
}

.semi-radio-cardRadioGroup {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    flex-wrap: nowrap;
    padding: 12px 16px
}

.semi-radio-cardRadioGroup .semi-radio-inner {
    flex-shrink: 0;
    margin-right: 8px;
    position: relative
}

.semi-radio-cardRadioGroup .semi-radio-inner-display {
    background: var(--semi-color-white)
}

.semi-radio-cardRadioGroup .semi-radio-addon {
    color: var(--semi-color-text-0);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 0;
    padding-left: 0
}

.semi-radio-cardRadioGroup .semi-radio-extra {
    color: var(--semi-color-text-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 0
}

.semi-radio-cardRadioGroup:active {
    background: var(--semi-color-fill-1)
}

.semi-radio-cardRadioGroup_checked {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary)
}

.semi-radio-cardRadioGroup_checked:hover {
    border: 1px solid var(--semi-color-primary-hover)
}

.semi-radio-cardRadioGroup_checked:hover .semi-radio-inner-checked .semi-radio-inner-display {
    border-color: var(--semi-color-primary-hover)
}

.semi-radio-cardRadioGroup_checked:active {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked .semi-radio-inner-display {
    border-color: var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_checked:active .semi-radio-inner-checked:hover .semi-radio-inner-display {
    background: var(--semi-color-primary-active)
}

.semi-radio-cardRadioGroup_hover {
    background: var(--semi-color-fill-0)
}

.semi-radio-cardRadioGroup_disabled:active {
    background: transparent
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary-disabled)
}

.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup .semi-radio-inner-checked .semi-radio-inner-display,.semi-radio-cardRadioGroup_checked_disabled.semi-radio-cardRadioGroup:hover .semi-radio-inner-checked .semi-radio-inner-display {
    border-color: var(--semi-color-primary-disabled)
}

.semi-radio.semi-radio-disabled:active .semi-radio-inner-display,.semi-radio.semi-radio-disabled:hover .semi-radio-inner-display {
    background: var(--semi-color-disabled-fill);
    border: 1px solid var(--semi-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(--semi-color-primary-disabled);
    border-color: var(--semi-color-primary-disabled)
}

.semi-radio-inner {
    display: inline-block;
    top: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: sub
}

.semi-radio-inner,.semi-radio-inner-display {
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px
}

.semi-radio-inner-display {
    background: transparent;
    border: 1px solid var(--semi-color-text-3);
    border-radius: 16px;
    box-sizing: border-box;
    top: 0
}

.semi-radio-inner-display .semi-icon {
    font-size: 14px;
    height: 100%;
    position: absolute;
    width: 100%
}

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

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

.semi-radio-addon {
    align-items: center;
    color: var(--semi-color-text-0);
    display: inline-flex;
    margin-left: 16px;
    padding-left: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-radio-addon-buttonRadio {
    border-radius: var(--semi-border-radius-small);
    color: var(--semi-color-text-1);
    font-size: 12px;
    font-weight: 600;
    margin-left: 0;
    padding: 4px 16px;
    text-align: center
}

.semi-radio-addon-buttonRadio-hover {
    background: var(--semi-color-fill-1);
    font-weight: 600
}

.semi-radio-addon-buttonRadio-checked {
    background: var(--semi-color-bg-3);
    color: var(--semi-color-primary);
    font-weight: 600
}

.semi-radio-addon-buttonRadio-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-radio-addon-buttonRadio-small {
    font-size: 12px;
    padding: 2px 16px
}

.semi-radio-addon-buttonRadio-large {
    font-size: 14px;
    padding: 6px 24px
}

.semi-radio .semi-radio-inner-checked:hover .semi-radio-inner-display {
    background: var(--semi-color-primary-hover)
}

.semi-radio .semi-radio-inner-checked:active .semi-radio-inner-display {
    background: var(--semi-color-primary-active)
}

.semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
    background: var(--semi-color-primary);
    border: 1px solid var(--semi-color-primary);
    border-radius: 16px;
    color: #fff
}

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

.semi-radio .semi-radio-inner-buttonRadio,.semi-radio .semi-radio-inner-pureCardRadio {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

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

.semi-radio-disabled .semi-radio-inner-display {
    background: var(--semi-color-disabled-fill);
    border-color: var(--semi-color-border);
    opacity: .75
}

.semi-radio-disabled .semi-radio-inner-display:hover {
    background: transparent
}

.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display,.semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
    background: var(--semi-color-primary-disabled);
    border-color: var(--semi-color-primary-disabled)
}

.semi-radio-disabled .semi-radio-addon,.semi-radio-disabled .semi-radio-extra {
    color: var(--semi-color-disabled-text)
}

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

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

.semi-radioGroup-vertical .semi-radio:last-of-type {
    margin-bottom: 0
}

.semi-radioGroup-vertical-default .semi-radio {
    display: block;
    margin-bottom: 12px
}

.semi-radioGroup-vertical-card .semi-radio {
    display: flex;
    margin-bottom: 16px
}

.semi-radioGroup-horizontal .semi-radio {
    margin-right: 16px
}

.semi-radioGroup-horizontal .semi-radio:last-of-type {
    margin-right: 0
}

.semi-radioGroup-horizontal-default {
    display: inline-block
}

.semi-radioGroup-buttonRadio {
    background: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small);
    display: inline-block;
    vertical-align: middle
}

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

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

.semi-portal-rtl .semi-radio-buttonRadioGroup:not(:last-child),.semi-rtl .semi-radio-buttonRadioGroup:not(:last-child) {
    padding-left: 0
}

.semi-portal-rtl .semi-radio-inner,.semi-portal-rtl .semi-radio-inner-display,.semi-rtl .semi-radio-inner,.semi-rtl .semi-radio-inner-display {
    left: auto;
    right: 0
}

.semi-portal-rtl .semi-radio-addon,.semi-rtl .semi-radio-addon {
    margin-left: 0;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 8px
}

.semi-portal-rtl .semi-radio-addon-buttonRadio,.semi-rtl .semi-radio-addon-buttonRadio {
    margin-right: 0
}

.semi-portal-rtl .semi-radio-extra,.semi-rtl .semi-radio-extra {
    padding-left: 0;
    padding-right: 24px
}

.semi-portal-rtl-isCardRadioGroup .semi-radio-inner,.semi-rtl-isCardRadioGroup .semi-radio-inner {
    margin-left: 8px;
    margin-right: 0
}

.semi-portal-rtl-isCardRadioGroup .semi-radio-addon,.semi-rtl-isCardRadioGroup .semi-radio-addon {
    margin-right: 0;
    padding-right: 0
}

.semi-portal-rtl-isCardRadioGroup .semi-radio-extra,.semi-rtl-isCardRadioGroup .semi-radio-extra {
    padding-right: 0
}

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

.semi-portal-rtl .semi-radioGroup-horizontal .semi-radio,.semi-rtl .semi-radioGroup-horizontal .semi-radio {
    margin-left: 16px;
    margin-right: 0
}

.semi-portal-rtl .semi-radioGroup-horizontal .semi-radio:last-of-type,.semi-rtl .semi-radioGroup-horizontal .semi-radio:last-of-type {
    margin-left: 0
}

.semi-sidesheet {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 100%;
    left: 0;
    line-height: 20px;
    margin: 0;
    position: fixed;
    top: 0
}

.semi-sidesheet-content:focus,.semi-sidesheet-inner:focus {
    outline: none
}

.semi-sidesheet-inner-wrap {
    position: absolute
}

.semi-sidesheet-left,.semi-sidesheet-right {
    height: 100%;
    top: 0;
    width: 0
}

.semi-sidesheet-left .semi-sidesheet-inner-wrap,.semi-sidesheet-right .semi-sidesheet-inner-wrap {
    height: 100%
}

.semi-sidesheet-left.semi-sidesheet,.semi-sidesheet-right.semi-sidesheet {
    width: 100%
}

.semi-sidesheet-right,.semi-sidesheet-right .semi-sidesheet-inner-wrap {
    right: 0
}

.semi-sidesheet-bottom,.semi-sidesheet-top {
    height: 0%;
    left: 0;
    width: 100%
}

.semi-sidesheet-bottom .semi-sidesheet-inner-wrap,.semi-sidesheet-top .semi-sidesheet-inner-wrap {
    width: 100%
}

.semi-sidesheet-bottom.semi-sidesheet,.semi-sidesheet-top.semi-sidesheet {
    height: 100%
}

.semi-sidesheet-top {
    top: 0
}

.semi-sidesheet-bottom,.semi-sidesheet-bottom .semi-sidesheet-inner-wrap {
    bottom: 0
}

.semi-sidesheet-title {
    color: var(--semi-color-text-0);
    flex: 1 0 auto;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    text-align: left
}

.semi-sidesheet-inner {
    background-color: var(--semi-color-bg-2);
    border: 0;
    overflow: auto;
    z-index: 1
}

.semi-sidesheet-header {
    align-items: flex-start;
    display: flex;
    padding: 24px 24px 20px
}

.semi-sidesheet-body {
    flex: 1 1;
    padding: 0 24px
}

.semi-sidesheet-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.semi-sidesheet-mask {
    background-color: var(--semi-color-overlay-bg);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

.semi-sidesheet-footer {
    padding: 24px
}

.semi-sidesheet-fixed .semi-sidesheet-inner {
    box-shadow: var(--semi-shadow-elevated)
}

.semi-sidesheet-fixed.semi-sidesheet-left,.semi-sidesheet-fixed.semi-sidesheet-left .semi-sidesheet-inner {
    left: 0
}

.semi-sidesheet-fixed.semi-sidesheet-right {
    left: auto
}

.semi-sidesheet-fixed.semi-sidesheet-right .semi-sidesheet-inner {
    right: 0
}

.semi-sidesheet-fixed.semi-sidesheet-bottom,.semi-sidesheet-fixed.semi-sidesheet-top {
    height: auto
}

.semi-sidesheet-fixed.semi-sidesheet-bottom {
    top: auto
}

.semi-sidesheet-fixed.semi-sidesheet-bottom .semi-sidesheet-inner {
    bottom: 0
}

.semi-sidesheet.semi-sidesheet-popup {
    position: absolute
}

.semi-sidesheet-hidden {
    display: none
}

.semi-sidesheet-rtl .semi-sidesheet-inner {
    direction: rtl
}

.semi-sidesheet-rtl .semi-sidesheet-title {
    text-align: right
}

.semi-slider {
    margin: 0;
    padding: 0 13px
}

.semi-slider-wrapper {
    box-sizing: border-box;
    display: inline-block;
    height: 32px;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.semi-slider-rail {
    font-feature-settings: "tnum";
    background-color: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small);
    color: rgba(0,0,0,.65);
    font-size: 14px;
    font-variant: tabular-nums;
    height: 4px;
    line-height: 1.5;
    list-style: none;
    margin: 0;
    padding: 0;
    top: 14px;
    width: 100%
}

.semi-slider-handle,.semi-slider-rail {
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    touch-action: none
}

.semi-slider-handle {
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.3);
    height: 24px;
    margin-top: 4px;
    transition: #fff .3s;
    width: 24px
}

.semi-slider-handle,.semi-slider-handle:hover {
    background-color: var(--semi-color-white)
}

.semi-slider-handle-clicked {
    border: 1px solid var(--semi-color-focus-border);
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.semi-slider-track {
    background: var(--semi-color-primary);
    border-radius: var(--semi-border-radius-small);
    cursor: pointer;
    height: 4px;
    position: absolute;
    top: 14px
}

.semi-slider-tooltip {
    position: absolute;
    top: -40px
}

.semi-slider-dots {
    background: transparent;
    width: 100%
}

.semi-slider-dot {
    border-radius: 50%;
    cursor: pointer;
    height: 4px;
    position: absolute;
    top: 14px;
    width: 4px
}

.semi-slider-dot,.semi-slider-dot-active {
    background-color: var(--semi-color-white)
}

.semi-slider-marks {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 23px;
    width: 100%
}

.semi-slider-mark {
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    transform: translate(-50%)
}

.semi-slider-marks-reverse {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 23px;
    width: 100%
}

.semi-slider-mark-reverse {
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    transform: translate(-50%) rotate(-180deg)
}

.semi-slider-boundary {
    color: var(--semi-color-text-0);
    font-size: 12px;
    position: relative;
    top: 30px;
    visibility: hidden
}

.semi-slider-boundary span {
    display: inline-block;
    position: absolute
}

.semi-slider-boundary-min {
    left: 0
}

.semi-slider-boundary-max {
    right: 0
}

.semi-slider-boundary-show {
    visibility: visible
}

.semi-slider-vertical-wrapper {
    height: 100%;
    width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-track {
    width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-marks {
    height: 100%;
    margin-left: 29px;
    margin-top: -30px
}

.semi-slider-vertical-wrapper .semi-slider-marks-reverse {
    height: 100%;
    margin-left: -26px;
    margin-top: -30px
}

.semi-slider-vertical-wrapper .semi-slider-rail {
    height: 100%;
    top: 0;
    width: 4px
}

.semi-slider-vertical-wrapper .semi-slider-handle {
    margin-left: -10px;
    margin-top: 0
}

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

.semi-slider-disabled .semi-slider-handle {
    border: 1px solid var(--semi-color-border);
    box-shadow: none;
    cursor: not-allowed
}

.semi-slider-disabled .semi-slider-handle:hover {
    background-color: var(--semi-color-white)
}

.semi-slider-disabled .semi-slider-rail {
    cursor: not-allowed
}

.semi-slider-disabled .semi-slider-track {
    background-color: var(--semi-color-primary-disabled);
    cursor: not-allowed
}

.semi-slider-disabled .semi-slider-dot {
    background-color: var(--semi-color-white);
    border-color: var(--semi-color-white);
    box-shadow: none;
    cursor: not-allowed
}

.semi-slider-handle-tooltip {
    text-align: center
}

.semi-slider-reverse {
    transform: rotate(180deg)
}

.semi-table-panel-operation {
    background-color: var(--semi-color-primary);
    color: var(--semi-color-text-2);
    padding: 8px 16px
}

.semi-table-panel-operation,.semi-table-panel-operation-left,.semi-table-panel-operation-right {
    display: flex;
    justify-content: space-between
}

.semi-table-panel-operation-selected {
    color: var(--semi-color-primary-light-active)
}

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

.semi-table-pagination-outer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.semi-table {
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    font-size: inherit;
    text-align: left;
    width: 100%
}

.semi-table-wrapper {
    zoom: 1;
    box-sizing: border-box;
    clear: both;
    color: var(--semi-color-text-0);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.semi-table-wrapper[data-column-fixed=true] {
    z-index: 1
}

.semi-table-middle .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
    padding-bottom: 12px;
    padding-top: 12px
}

.semi-table-small .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
    padding-bottom: 8px;
    padding-top: 8px
}

.semi-table-title {
    padding: 16px 0;
    position: relative
}

.semi-table-container {
    position: relative
}

.semi-table-header {
    scrollbar-base-color: transparent;
    overflow: hidden
}

.semi-table-header::-webkit-scrollbar {
    background-color: transparent;
    border-bottom: 2px solid var(--semi-color-border)
}

.semi-table-body {
    box-sizing: border-box;
    overflow: auto;
    width: 100%
}

.semi-table-colgroup {
    display: table-column-group
}

.semi-table-colgroup .semi-table-col {
    display: table-column
}

.semi-table-colgroup .semi-table-column-expand,.semi-table-colgroup .semi-table-column-selection {
    width: 48px
}

.semi-table-thead>.semi-table-row>.semi-table-row-head {
    word-wrap: break-word;
    background-color: transparent;
    border-bottom: 2px solid var(--semi-color-border);
    color: var(--semi-color-text-2);
    font-weight: 600;
    padding: 8px 16px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    word-break: break-all
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left,.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right {
    background-color: var(--semi-color-bg-2);
    position: -webkit-sticky;
    position: sticky;
    z-index: 101
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left:before,.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last {
    border-right: 1px solid var(--semi-color-border);
    box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
    border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing .react-resizable-handle:hover {
    background-color: transparent;
    background-color: initial
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first {
    border-left: 1px solid var(--semi-color-border);
    box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
    border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing .react-resizable-handle:hover {
    background-color: transparent;
    background-color: initial
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
    border-left: transparent;
    box-shadow: none
}

.semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-column-selection,.semi-table-thead>.semi-table-row>.semi-table-row-head[colspan]:not([colspan="1"]) {
    text-align: center
}

.semi-table-thead>.semi-table-row>.semi-table-row-head .semi-table-header-column {
    align-items: center;
    display: inline-flex
}

.semi-table-thead>.semi-table-row .react-resizable {
    background-clip: padding-box;
    position: relative
}

.semi-table-thead>.semi-table-row .resizing {
    border-right: 2px solid var(--semi-color-primary)
}

.semi-table-thead>.semi-table-row .resizing .react-resizable-handle:hover {
    background-color: transparent;
    background-color: initial
}

.semi-table-thead>.semi-table-row .react-resizable-handle {
    background-color: var(--semi-color-border);
    bottom: 4px;
    cursor: col-resize;
    height: calc(100% - 8px);
    position: absolute;
    right: -1px;
    width: 9px;
    z-index: 0
}

.semi-table-thead>.semi-table-row .react-resizable-handle:hover {
    background-color: var(--semi-color-primary)
}

.semi-table-tbody {
    display: table-row-group
}

.semi-table-tbody>.semi-table-row {
    display: table-row
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell {
    background-color: var(--semi-color-fill-0)
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-left,.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-right {
    background-color: var(--semi-color-bg-2)
}

.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-left:before,.semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell.semi-table-cell-fixed-right:before {
    background-color: var(--semi-color-fill-0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.semi-table-tbody>.semi-table-row>.semi-table-row-cell {
    word-wrap: break-word;
    border-bottom: 1px solid var(--semi-color-border);
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    display: table-cell;
    padding: 16px;
    position: relative;
    vertical-align: middle;
    word-break: break-all
}

.semi-table-tbody>.semi-table-row>.semi-table-row-cell.resizing {
    border-right: 2px solid var(--semi-color-primary)
}

.semi-table-tbody>.semi-table-row.semi-table-row-expand>.semi-table-row-cell {
    background-color: var(--semi-color-fill-0)
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left,.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right {
    background-color: var(--semi-color-bg-2);
    position: -webkit-sticky;
    position: sticky;
    z-index: 101
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last {
    border-right: 1px solid var(--semi-color-border);
    box-shadow: 3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first {
    border-left: 1px solid var(--semi-color-border);
    box-shadow: -3px 0 0 0 var(--semi-color-shadow)
}

.semi-table-tbody>.semi-table-row-section {
    display: table-row
}

.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell {
    background-color: rgba(var(--semi-grey-0),1);
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell:not(.semi-table-column-selection) {
    padding: 10px 16px
}

.semi-table-tbody>.semi-table-row-section .semi-table-section-inner {
    align-items: center;
    display: inline-flex
}

.semi-table-virtualized .semi-table-tbody {
    display: block
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row {
    display: flex
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row>.semi-table-row-cell {
    word-wrap: inherit;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
    white-space: nowrap;
    word-break: inherit
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row-section>.semi-table-row-cell {
    display: flex;
    padding-bottom: 16px;
    padding-top: 16px
}

.semi-table-virtualized .semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell {
    overflow: visible;
    overflow: initial;
    padding: 0
}

.semi-table-footer {
    background-color: var(--semi-color-fill-0);
    margin: 0;
    padding: 16px;
    position: relative
}

.semi-table .semi-table-selection-wrap {
    display: inline-flex;
    vertical-align: bottom
}

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

.semi-table .semi-table-selection-disabled>.semi-checkbox {
    pointer-events: none
}

.semi-table .semi-table-column-hidden {
    display: none
}

.semi-table .semi-table-column-selection {
    text-align: center
}

.semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
    left: 0;
    top: 0
}

.semi-table .semi-table-column-expand .semi-table-expand-icon {
    transform: translateY(2px)
}

.semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
    margin-right: 0
}

.semi-table .semi-table-column-sorter {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    width: 16px
}

.semi-table .semi-table-column-sorter-down,.semi-table .semi-table-column-sorter-up {
    color: var(--semi-color-text-2);
    display: block;
    height: 0
}

.semi-table .semi-table-column-sorter-down:hover .anticon,.semi-table .semi-table-column-sorter-up:hover .anticon {
    color: var(--semi-color-text-2)
}

.semi-table .semi-table-column-sorter-down svg,.semi-table .semi-table-column-sorter-up svg {
    height: 16px;
    width: 16px
}

.semi-table .semi-table-column-sorter-down.on .semi-icon-caretdown,.semi-table .semi-table-column-sorter-down.on .semi-icon-caretup,.semi-table .semi-table-column-sorter-up.on .semi-icon-caretdown,.semi-table .semi-table-column-sorter-up.on .semi-icon-caretup {
    color: var(--semi-color-primary)
}

.semi-table .semi-table-column-filter {
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: inline-flex;
    margin-left: 4px;
    vertical-align: middle
}

.semi-table .semi-table-column-filter svg {
    height: 12px;
    width: 12px
}

.semi-table .semi-table-column-filter.on {
    color: var(--semi-color-primary)
}

.semi-table-bordered .semi-table-title {
    border-left: 1px solid var(--semi-color-border);
    border-right: 1px solid var(--semi-color-border);
    border-top: 1px solid var(--semi-color-border);
    padding-left: 16px;
    padding-right: 16px
}

.semi-table-bordered .semi-table-container {
    border: 1px solid var(--semi-color-border);
    border-bottom: 0;
    border-right: 0
}

.semi-table-bordered .semi-table-header::-webkit-scrollbar {
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-footer {
    border-bottom: 1px solid var(--semi-color-border);
    border-left: 1px solid var(--semi-color-border);
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head .react-resizable-handle {
    background-color: transparent
}

.semi-table-bordered .semi-table-placeholder,.semi-table-bordered .semi-table-tbody>.semi-table-row>.semi-table-row-cell,.semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head {
    border-right: 1px solid var(--semi-color-border)
}

.semi-table-placeholder {
    background: transparent;
    border-bottom: 1px solid var(--semi-color-border);
    border-radius: 0 0 4px 4px;
    color: var(--semi-color-text-2);
    font-size: 14px;
    padding: 16px 12px;
    position: relative;
    text-align: center;
    z-index: 1
}

.semi-table-fixed {
    min-width: 100%;
    table-layout: fixed
}

.semi-table-fixed>.semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell>.semi-table-expand-inner,.semi-table-fixed>.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell>.semi-table-section-inner {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    margin-left: -16px;
    margin-right: -16px;
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px;
    position: -webkit-sticky;
    position: sticky
}

.semi-table-fixed-header table {
    table-layout: fixed
}

.semi-table-scroll-position-left .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last,.semi-table-scroll-position-left .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-left-last,.semi-table-scroll-position-right .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first,.semi-table-scroll-position-right .semi-table-thead>.semi-table-row>.semi-table-cell-fixed-right-first {
    box-shadow: none
}

.semi-table-pagination-outer {
    color: var(--semi-color-text-2);
    min-height: 60px
}

.semi-table-expand-icon {
    align-items: center;
    background: transparent;
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: inline-flex;
    margin-right: 8px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-table-expand-icon-cell {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.semi-portal-rtl .semi-table,.semi-rtl .semi-table {
    direction: rtl;
    text-align: right
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head,.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head {
    text-align: right
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last,.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing,.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-left-last.resizing {
    border-left: 2px solid var(--semi-color-primary)
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first,.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first {
    border-left: 0;
    border-right: 1px solid var(--semi-color-border)
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing,.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first.resizing {
    border-left: 2px solid var(--semi-color-primary)
}

.semi-portal-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar],.semi-rtl .semi-table-thead>.semi-table-row>.semi-table-row-head.semi-table-cell-fixed-right-first[x-type=column-scrollbar] {
    border-right: transparent;
    box-shadow: none
}

.semi-portal-rtl .semi-table-thead>.semi-table-row .resizing,.semi-rtl .semi-table-thead>.semi-table-row .resizing {
    border-left: 2px solid var(--semi-color-primary)
}

.semi-portal-rtl .semi-table-thead>.semi-table-row .react-resizable-handle,.semi-rtl .semi-table-thead>.semi-table-row .react-resizable-handle {
    left: -1px;
    right: auto
}

.semi-portal-rtl .semi-table-tbody,.semi-rtl .semi-table-tbody {
    display: table-row-group
}

.semi-portal-rtl .semi-table-tbody>.semi-table-row>.semi-table-row-cell.resizing,.semi-rtl .semi-table-tbody>.semi-table-row>.semi-table-row-cell.resizing {
    border-left: 2px solid var(--semi-color-primary);
    border-right: 0
}

.semi-portal-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last,.semi-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-left-last {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first,.semi-rtl .semi-table-tbody>.semi-table-row>.semi-table-cell-fixed-right-first {
    border-left: 0;
    border-right: 1px solid var(--semi-color-border)
}

.semi-portal-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon,.semi-rtl .semi-table .semi-table-column-selection .semi-checkbox-inner-display .semi-icon {
    left: auto;
    right: 0
}

.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon,.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon {
    transform: scaleX(-1) translateY(2px)
}

.semi-portal-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child,.semi-rtl .semi-table .semi-table-column-expand .semi-table-expand-icon:last-child {
    margin-left: 0;
    margin-right: auto
}

.semi-portal-rtl .semi-table .semi-table-column-filter,.semi-portal-rtl .semi-table .semi-table-column-sorter,.semi-rtl .semi-table .semi-table-column-filter,.semi-rtl .semi-table .semi-table-column-sorter {
    margin-left: auto;
    margin-right: 4px
}

.semi-portal-rtl .semi-table-bordered .semi-table-container,.semi-rtl .semi-table-bordered .semi-table-container {
    border-left: 0;
    border-right: 1px solid var(--semi-color-border)
}

.semi-portal-rtl .semi-table-bordered .semi-table-placeholder,.semi-portal-rtl .semi-table-bordered .semi-table-tbody>.semi-table-row>.semi-table-row-cell,.semi-portal-rtl .semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head,.semi-rtl .semi-table-bordered .semi-table-placeholder,.semi-rtl .semi-table-bordered .semi-table-tbody>.semi-table-row>.semi-table-row-cell,.semi-rtl .semi-table-bordered .semi-table-thead>.semi-table-row>.semi-table-row-head {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar,.semi-rtl .semi-table-bordered .semi-table-header::-webkit-scrollbar {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell>.semi-table-expand-inner,.semi-portal-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell>.semi-table-section-inner,.semi-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-expand>.semi-table-row-cell>.semi-table-expand-inner,.semi-rtl .semi-table-fixed>.semi-table-tbody>.semi-table-row-section>.semi-table-row-cell>.semi-table-section-inner {
    left: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    right: 0
}

.semi-portal-rtl .semi-table-expand-icon,.semi-rtl .semi-table-expand-icon {
    margin-left: 8px;
    margin-right: auto;
    transform: scaleX(-1) translateY(2px)
}

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

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

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

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

.semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display,.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    box-shadow: none
}

.semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-display,.semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-display {
    background: var(--semi-color-disabled-fill);
    box-shadow: inset 0 0 0 1px var(--semi-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(--semi-color-primary-disabled);
    box-shadow: none
}

.semi-checkbox-inner {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 16px
}

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

.semi-checkbox-inner-display .semi-icon {
    font-size: 16px
}

.semi-checkbox-inner-pureCardType {
    display: none
}

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

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

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

.semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    background: var(--semi-color-primary-hover);
    box-shadow: none;
    color: var(--semi-color-white)
}

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

.semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_unDisabled .semi-checkbox-inner-display {
    background: var(--semi-color-white)
}

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

.semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
    box-shadow: none
}

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

.semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_unDisabled .semi-checkbox-inner-display {
    background: var(--semi-color-white)
}

.semi-checkbox-cardType {
    align-items: flex-start;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
    flex-wrap: nowrap;
    padding: 12px 16px
}

.semi-checkbox-cardType .semi-checkbox-inner {
    flex-shrink: 0;
    margin-right: 8px;
    position: relative
}

.semi-checkbox-cardType .semi-checkbox-inner-display {
    background: var(--semi-color-white)
}

.semi-checkbox-cardType .semi-checkbox-addon {
    color: var(--semi-color-text-0);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 0;
    padding-left: 0
}

.semi-checkbox-cardType .semi-checkbox-extra {
    color: var(--semi-color-text-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 0
}

.semi-checkbox-cardType .semi-checkbox-extra.semi-checkbox-cardType_extra_noChildren {
    margin-top: 0
}

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

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

.semi-checkbox-cardType_checked {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary)
}

.semi-checkbox-cardType_checked:hover {
    background: var(--semi-color-primary-light-default);
    border-color: var(--semi-color-primary-hover)
}

.semi-checkbox-cardType_checked:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    box-shadow: none
}

.semi-checkbox-cardType_checked:active {
    background: var(--semi-color-primary-light-default);
    border-color: var(--semi-color-primary-active)
}

.semi-checkbox-cardType_disabled:active,.semi-checkbox-cardType_disabled:hover {
    background: transparent
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType {
    background: var(--semi-color-primary-light-default);
    border: 1px solid var(--semi-color-primary-disabled)
}

.semi-checkbox-cardType_checked_disabled.semi-checkbox-cardType:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
    box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-checkboxGroup-horizontal .semi-checkbox:last-of-type {
    margin-right: 0
}

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

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

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

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

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

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

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

.semi-portal-rtl .semi-checkbox-cardType .semi-checkbox-inner,.semi-rtl .semi-checkbox-cardType .semi-checkbox-inner {
    margin-left: 8px;
    margin-right: 0
}

.semi-portal-rtl .semi-checkbox-cardType .semi-checkbox-addon,.semi-rtl .semi-checkbox-cardType .semi-checkbox-addon {
    margin-right: 0;
    padding-right: 0
}

.semi-portal-rtl .semi-checkbox-cardType .semi-checkbox-extra,.semi-rtl .semi-checkbox-cardType .semi-checkbox-extra {
    padding-right: 0
}

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

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

.semi-portal-rtl .semi-checkboxGroup-horizontal .semi-checkbox:last-of-type,.semi-rtl .semi-checkboxGroup-horizontal .semi-checkbox:last-of-type {
    margin-left: 0
}

.semi-page {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    align-items: center;
    display: flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    list-style: none;
    margin-block-end: 0;
    margin-block-start: 0;
    padding: 0
}

.semi-page-small {
    color: var(--semi-color-text-2);
    padding: 0
}

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

.semi-page-item {
    align-items: center;
    border: 0 solid transparent;
    border-radius: var(--semi-border-radius-small);
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    min-width: 32px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-page-item:hover {
    border-color: transparent
}

.semi-page-item-rest-opening,.semi-page-item:hover {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-text-0)
}

.semi-page-item:active {
    background-color: var(--semi-color-fill-1);
    border-color: transparent;
    color: var(--semi-color-text-0)
}

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

.semi-page-item-active,.semi-page-item-active:hover {
    background-color: var(--semi-color-primary-light-default);
    border-color: transparent;
    color: var(--semi-color-primary)
}

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

.semi-page-item-disabled,.semi-page-item-disabled:hover {
    background-color: transparent
}

.semi-page-item-small {
    margin: 0;
    min-width: 44px
}

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

.semi-page-next,.semi-page-prev {
    color: var(--semi-color-tertiary);
    cursor: pointer
}

.semi-page-next.semi-page-item-disabled,.semi-page-prev.semi-page-item-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-page-quickjump {
    align-items: center;
    color: var(--semi-color-text-0);
    display: flex;
    flex-shrink: 0;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    justify-content: center;
    line-height: 20px;
    margin-left: 24px
}

.semi-page-quickjump-input-number {
    margin-left: 4px;
    margin-right: 4px;
    max-width: 50px
}

.semi-page-quickjump-disabled {
    color: var(--semi-color-disabled-text)
}

.semi-page .semi-select,.semi-select-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-page-rest-list {
    padding-bottom: 4px;
    padding-top: 4px
}

.semi-page-rest-list>div {
    position: relative
}

.semi-page-rest-item {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 32px
}

.semi-page-rest-item:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-page-rest-item:active {
    background-color: var(--semi-color-fill-1)
}

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

.semi-portal-rtl .semi-page-item,.semi-rtl .semi-page-item {
    margin-left: 4px;
    margin-right: 4px
}

.semi-portal-rtl .semi-page-next,.semi-portal-rtl .semi-page-prev,.semi-rtl .semi-page-next,.semi-rtl .semi-page-prev {
    transform: scaleX(-1)
}

.semi-select {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    height: 32px;
    outline: none;
    position: relative;
    vertical-align: middle
}

.semi-select:hover {
    background-color: var(--semi-color-fill-1);
    border: 1px solid transparent
}

.semi-select:active {
    background-color: var(--semi-color-fill-2)
}

.semi-select:active,.semi-select:focus {
    border: 1px solid var(--semi-color-focus-border)
}

.semi-select:focus {
    outline: 0
}

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

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

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

.semi-select-focus:hover,.semi-select-open:hover {
    background-color: var(--semi-color-fill-0);
    border: 1px solid var(--semi-color-focus-border)
}

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

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

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

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

.semi-select-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

.semi-select-error:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-select-error:focus {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-select-error:active {
    background-color: var(--semi-color-danger-light-active);
    border-color: var(--semi-color-danger-light-active)
}

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

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

.semi-select-disabled:focus {
    border: 1px solid var(--semi-color-focus-border)
}

.semi-select-disabled .semi-select-selection,.semi-select-disabled .semi-select-selection-placeholder {
    color: var(--semi-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(--semi-color-disabled-text)
}

.semi-select-disabled .semi-tag {
    background-color: transparent
}

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

.semi-select-selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.semi-select-selection-text-inactive {
    display: flex;
    opacity: .4
}

.semi-select-selection-text-hide {
    display: none
}

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

.semi-select-selection .semi-tag {
    margin-bottom: 1px;
    margin-right: 4px;
    margin-top: 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-bottom: 1px;
    margin-right: 4px;
    margin-top: 1px
}

.semi-select-content-wrapper {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    white-space: nowrap
}

.semi-select-multiple {
    height: auto
}

.semi-select-multiple .semi-select-selection {
    margin-left: 4px
}

.semi-select-multiple .semi-select-content-wrapper {
    flex-wrap: wrap;
    min-height: 30px;
    width: 100%
}

.semi-select-multiple .semi-select-content-wrapper-empty {
    margin-left: 8px
}

.semi-select-multiple .semi-select-content-wrapper .semi-tag-group {
    align-items: center;
    display: flex
}

.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-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: hidden
}

.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 {
    align-items: center;
    color: var(--semi-color-text-2);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 32px
}

.semi-select-arrow-empty {
    display: flex;
    width: 12px
}

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

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

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

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

.semi-select-clear {
    color: var(--semi-color-text-2);
    flex-shrink: 0;
    width: 32px
}

.semi-select-clear:hover {
    color: var(--semi-color-primary)
}

.semi-select-inset-label-wrapper {
    display: inline
}

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

.semi-select-create-tips {
    color: var(--semi-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 {
    background-color: transparent;
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

.semi-select-single.semi-select-filterable .semi-input {
    height: 100%;
    padding-left: 0;
    padding-right: 0
}

.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 {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.semi-select-multiple.semi-select-filterable .semi-input-wrapper {
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%
}

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

.semi-select-option-list-chosen .semi-select-option-icon {
    display: flex
}

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

.semi-select-group:not(:first-of-type) {
    border-top: 1px solid var(--semi-color-border)
}

.semi-select-loading-wrapper {
    cursor: not-allowed;
    padding: 8px 16px
}

.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-left: 12px
}

.semi-portal-rtl .semi-select-create-tips,.semi-rtl .semi-select-create-tips {
    margin-left: 4px;
    margin-right: 0
}

.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-left: 8px;
    margin-right: 0
}

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

    to {
        transform: rotate(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

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

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

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

.semi-spin-animate {
    -webkit-animation: semi-animation-rotate 1.6s linear infinite;
    animation: semi-animation-rotate 1.6s linear infinite;
    display: inline-flex
}

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

.semi-spin-block {
    display: block
}

.semi-spin-block:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 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;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

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

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

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

.semi-spin-container {
    overflow: hidden
}

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

.semi-tag {
    background-color: transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: bottom;
    white-space: nowrap
}

.semi-tag-default,.semi-tag-small {
    height: 20px;
    padding: 2px 8px
}

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

.semi-tag-large {
    height: 24px;
    padding: 4px 8px
}

.semi-tag-invisible {
    display: none
}

.semi-tag-content {
    height: 100%
}

.semi-tag-close,.semi-tag-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.semi-tag-close {
    color: var(--semi-color-text-2);
    cursor: pointer;
    padding-left: 4px
}

.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(--semi-color-default)
}

.semi-tag-avatar-circle {
    padding: 2px 4px 2px 2px
}

.semi-tag-avatar-square.semi-tag-default .semi-avatar,.semi-tag-avatar-square.semi-tag-small .semi-avatar {
    height: 20px;
    width: 20px
}

.semi-tag-avatar-square.semi-tag-large .semi-avatar {
    height: 24px;
    width: 24px
}

.semi-tag-avatar-circle.semi-tag-default,.semi-tag-avatar-circle.semi-tag-small {
    border-radius: 11px
}

.semi-tag-avatar-circle.semi-tag-default .semi-avatar,.semi-tag-avatar-circle.semi-tag-small .semi-avatar {
    height: 16px;
    width: 16px
}

.semi-tag-avatar-circle.semi-tag-large {
    border-radius: 13px
}

.semi-tag-avatar-circle.semi-tag-large .semi-avatar {
    height: 20px;
    width: 20px
}

.semi-tag-group {
    display: block;
    height: auto
}

.semi-tag-group .semi-tag {
    margin-bottom: 0;
    margin-right: 8px
}

.semi-tag-group-max.semi-tag-group-small {
    height: 22px
}

.semi-tag-group-max.semi-tag-group-large {
    height: 26px
}

.semi-tag-rest-group-popover .semi-tag {
    margin-bottom: 0;
    margin-right: 8px
}

.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(--semi-amber-4),1);
    color: rgba(var(--semi-amber-5),1)
}

.semi-tag-amber-solid {
    background-color: rgba(var(--semi-amber-5),1);
    color: #fff
}

.semi-tag-amber-light {
    background-color: rgba(var(--semi-amber-5),.15);
    color: rgba(var(--semi-amber-8),1)
}

.semi-tag-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-blue-4),1);
    color: rgba(var(--semi-blue-5),1)
}

.semi-tag-blue-solid {
    background-color: rgba(var(--semi-blue-5),1);
    color: #fff
}

.semi-tag-blue-light {
    background-color: rgba(var(--semi-blue-5),.15);
    color: rgba(var(--semi-blue-8),1)
}

.semi-tag-cyan-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-cyan-4),1);
    color: rgba(var(--semi-cyan-5),1)
}

.semi-tag-cyan-solid {
    background-color: rgba(var(--semi-cyan-5),1);
    color: #fff
}

.semi-tag-cyan-light {
    background-color: rgba(var(--semi-cyan-5),.15);
    color: rgba(var(--semi-cyan-8),1)
}

.semi-tag-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-green-4),1);
    color: rgba(var(--semi-green-5),1)
}

.semi-tag-green-solid {
    background-color: rgba(var(--semi-green-5),1);
    color: #fff
}

.semi-tag-green-light {
    background-color: rgba(var(--semi-green-5),.15);
    color: rgba(var(--semi-green-8),1)
}

.semi-tag-grey-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-grey-4),1);
    color: rgba(var(--semi-grey-5),1)
}

.semi-tag-grey-solid {
    background-color: rgba(var(--semi-grey-5),1);
    color: #fff
}

.semi-tag-grey-light {
    background-color: rgba(var(--semi-grey-5),.15);
    color: rgba(var(--semi-grey-8),1)
}

.semi-tag-indigo-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-indigo-4),1);
    color: rgba(var(--semi-indigo-5),1)
}

.semi-tag-indigo-solid {
    background-color: rgba(var(--semi-indigo-5),1);
    color: #fff
}

.semi-tag-indigo-light {
    background-color: rgba(var(--semi-indigo-5),.15);
    color: rgba(var(--semi-indigo-8),1)
}

.semi-tag-light-blue-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-light-blue-4),1);
    color: rgba(var(--semi-light-blue-5),1)
}

.semi-tag-light-blue-solid {
    background-color: rgba(var(--semi-light-blue-5),1);
    color: #fff
}

.semi-tag-light-blue-light {
    background-color: rgba(var(--semi-light-blue-5),.15);
    color: rgba(var(--semi-light-blue-8),1)
}

.semi-tag-light-green-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-light-green-4),1);
    color: rgba(var(--semi-light-green-5),1)
}

.semi-tag-light-green-solid {
    background-color: rgba(var(--semi-light-green-5),1);
    color: #fff
}

.semi-tag-light-green-light {
    background-color: rgba(var(--semi-light-green-5),.15);
    color: rgba(var(--semi-light-green-8),1)
}

.semi-tag-lime-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-lime-4),1);
    color: rgba(var(--semi-lime-5),1)
}

.semi-tag-lime-solid {
    background-color: rgba(var(--semi-lime-5),1);
    color: #fff
}

.semi-tag-lime-light {
    background-color: rgba(var(--semi-lime-5),.15);
    color: rgba(var(--semi-lime-8),1)
}

.semi-tag-orange-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-orange-4),1);
    color: rgba(var(--semi-orange-5),1)
}

.semi-tag-orange-solid {
    background-color: rgba(var(--semi-orange-5),1);
    color: #fff
}

.semi-tag-orange-light {
    background-color: rgba(var(--semi-orange-5),.15);
    color: rgba(var(--semi-orange-8),1)
}

.semi-tag-pink-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-pink-4),1);
    color: rgba(var(--semi-pink-5),1)
}

.semi-tag-pink-solid {
    background-color: rgba(var(--semi-pink-5),1);
    color: #fff
}

.semi-tag-pink-light {
    background-color: rgba(var(--semi-pink-5),.15);
    color: rgba(var(--semi-pink-8),1)
}

.semi-tag-purple-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-purple-4),1);
    color: rgba(var(--semi-purple-5),1)
}

.semi-tag-purple-solid {
    background-color: rgba(var(--semi-purple-5),1);
    color: #fff
}

.semi-tag-purple-light {
    background-color: rgba(var(--semi-purple-5),.15);
    color: rgba(var(--semi-purple-8),1)
}

.semi-tag-red-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-red-4),1);
    color: rgba(var(--semi-red-5),1)
}

.semi-tag-red-solid {
    background-color: rgba(var(--semi-red-5),1);
    color: #fff
}

.semi-tag-red-light {
    background-color: rgba(var(--semi-red-5),.15);
    color: rgba(var(--semi-red-8),1)
}

.semi-tag-teal-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-teal-4),1);
    color: rgba(var(--semi-teal-5),1)
}

.semi-tag-teal-solid {
    background-color: rgba(var(--semi-teal-5),1);
    color: #fff
}

.semi-tag-teal-light {
    background-color: rgba(var(--semi-teal-5),.15);
    color: rgba(var(--semi-teal-8),1)
}

.semi-tag-violet-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-violet-4),1);
    color: rgba(var(--semi-violet-5),1)
}

.semi-tag-violet-solid {
    background-color: rgba(var(--semi-violet-5),1);
    color: #fff
}

.semi-tag-violet-light {
    background-color: rgba(var(--semi-violet-5),.15);
    color: rgba(var(--semi-violet-8),1)
}

.semi-tag-yellow-ghost {
    background-color: transparent;
    border: 1px solid rgba(var(--semi-yellow-4),1);
    color: rgba(var(--semi-yellow-5),1)
}

.semi-tag-yellow-solid {
    background-color: rgba(var(--semi-yellow-5),1);
    color: #fff
}

.semi-tag-yellow-light {
    background-color: rgba(var(--semi-yellow-5),.15);
    color: rgba(var(--semi-yellow-8),1)
}

.semi-tag-white-ghost,.semi-tag-white-light,.semi-tag-white-solid {
    background-color: var(--semi-color-bg-4);
    border: 1px solid rgba(var(--semi-grey-2),.7);
    color: var(--semi-color-text-0)
}

.semi-tag-white-ghost .semi-tag-close,.semi-tag-white-light .semi-tag-close,.semi-tag-white-solid .semi-tag-close {
    color: var(--semi-color-text-2)
}

.semi-tag-avatar-circle,.semi-tag-avatar-square {
    background-color: var(--semi-color-bg-4);
    border: 1px solid var(--semi-color-border);
    color: var(--semi-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-left: 4px;
    margin-right: auto
}

.semi-portal-rtl .semi-tag-avatar-square,.semi-rtl .semi-tag-avatar-square {
    padding-left: 4px;
    padding-right: auto
}

.semi-portal-rtl .semi-tag-avatar-circle,.semi-rtl .semi-tag-avatar-circle {
    padding: 2px 2px 2px 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-left: 8px;
    margin-right: auto
}

.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-left: 8px;
    margin-right: 0
}

.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-left: 0;
    margin-right: auto
}

.semi-input-number {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex
}

.semi-input-number-suffix-btns {
    background-color: var(--semi-color-bg-2);
    border: 1px solid var(--semi-color-border);
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    margin-left: 4px
}

.semi-input-number-suffix-btns>.semi-input-number-button {
    align-items: center;
    border-radius: 0;
    color: var(--semi-color-text-2);
    display: inline-flex;
    height: 50%;
    justify-content: center;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 14px
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):hover,.semi-input-number-suffix-btns>.semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):hover {
    background-color: var(--semi-color-fill-0);
    cursor: pointer
}

.semi-input-number-suffix-btns>.semi-input-number-button-down:not(.semi-input-number-button-down-not-allowed):active,.semi-input-number-suffix-btns>.semi-input-number-button-up:not(.semi-input-number-button-up-not-allowed):active {
    background-color: var(--semi-color-fill-1);
    cursor: pointer
}

.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 {
    background-color: var(--semi-color-disabled-fill);
    color: var(--semi-color-disabled-text)
}

.semi-input-number-suffix-btns>.semi-input-number-button-down.semi-input-number-button-down-not-allowed,.semi-input-number-suffix-btns>.semi-input-number-button-up.semi-input-number-button-up-not-allowed {
    cursor: not-allowed
}

.semi-input-number-suffix-btns-inner-hover {
    border-color: var(--semi-color-fill-2)
}

.semi-input-number-suffix-btns-inner {
    margin-left: 8px
}

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

.semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner {
    margin-left: 0
}

.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-portal-rtl .semi-input-number,.semi-rtl .semi-input-number {
    direction: rtl
}

.semi-portal-rtl .semi-input-number-suffix-btns,.semi-rtl .semi-input-number-suffix-btns {
    margin-left: auto;
    margin-right: 4px
}

.semi-portal-rtl .semi-input-number-suffix-btns-inner,.semi-rtl .semi-input-number-suffix-btns-inner {
    margin-left: auto;
    margin-right: 8px
}

.semi-portal-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix,.semi-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix {
    margin-left: auto;
    margin-right: -4px
}

.semi-portal-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner,.semi-rtl .semi-input-number .semi-input-clearbtn+.semi-input-suffix .semi-input-number-suffix-btns-inner {
    margin-left: auto;
    margin-right: 0
}

.semi-toast {
    pointer-events: none
}

.semi-toast-wrapper {
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1010
}

.semi-toast-content {
    align-items: flex-start;
    background-color: var(--semi-color-bg-3);
    border-radius: var(--semi-border-radius-medium);
    box-shadow: var(--semi-shadow-elevated);
    color: var(--semi-color-text-0);
    display: inline-flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    margin: 12px;
    padding: 12px 8px;
    pointer-events: all
}

.semi-toast-content .semi-toast-close-button {
    height: 20px;
    margin-top: -2px
}

.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(--semi-color-warning-light-default);
    border: 1px solid var(--semi-color-warning)
}

.semi-toast-light.semi-toast-success .semi-toast-content {
    background-color: var(--semi-color-success-light-default);
    border: 1px solid var(--semi-color-success)
}

.semi-toast-light.semi-toast-info .semi-toast-content {
    background-color: var(--semi-color-info-light-default);
    border: 1px solid var(--semi-color-info)
}

.semi-toast-light.semi-toast-error .semi-toast-content {
    background-color: var(--semi-color-danger-light-default);
    border: 1px solid var(--semi-color-danger)
}

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

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

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

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

.semi-toast-rtl {
    direction: rtl
}

.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
    margin-left: 12px;
    margin-right: 12px;
    text-align: right
}

.semi-tree {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    position: relative;
    vertical-align: middle
}

.semi-tree:hover {
    background-color: var(--semi-color-fill-1)
}

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

.semi-tree-search-wrapper {
    padding: 8px 12px
}

.semi-tree-wrapper {
    display: flex;
    flex-direction: column
}

.semi-tree-option-list {
    box-sizing: border-box;
    flex: 1 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0
}

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

.semi-tree-option-list li.semi-tree-option {
    box-sizing: border-box;
    padding-bottom: 4px;
    padding-top: 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;
    color: var(--semi-color-text-2);
    display: flex;
    flex-shrink: 0;
    margin-right: 8px;
    width: 12px
}

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

.semi-tree-option-list .semi-tree-option-label {
    align-items: center;
    display: flex
}

.semi-tree-option-list .semi-tree-option-label .semi-checkbox,.semi-tree-option-list .semi-tree-option-label>.semi-icon {
    margin-right: 8px
}

.semi-tree-option-list .semi-tree-option-label-text {
    display: block;
    flex: 1 1
}

.semi-tree-option-list .semi-tree-option-ellipsis .semi-tree-option-label-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon,.semi-tree-option-list .semi-tree-option-label-text {
    border-radius: var(--semi-border-radius-small)
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:hover,.semi-tree-option-list .semi-tree-option-label-text:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-tree-option-list .semi-tree-option .semi-checkbox-addon:active,.semi-tree-option-list .semi-tree-option-label-text:active {
    background-color: var(--semi-color-fill-1)
}

.semi-tree-option-list .semi-tree-option-item-icon {
    color: var(--semi-color-text-2)
}

.semi-tree-option-list .semi-tree-option-active .semi-tree-option-label-text {
    background-color: var(--semi-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(--semi-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,.semi-tree-option-list .semi-tree-option-highlight,.semi-tree-option-list .semi-tree-option-highlight .semi-checkbox-addon {
    color: var(--semi-color-primary);
    font-weight: 600
}

.semi-tree-option-list .semi-tree-option-hidden {
    display: none
}

.semi-tree-option-list .semi-tree-option-disabled .semi-tree-option-label {
    color: var(--semi-color-disabled-text)
}

.semi-tree-option-list .semi-tree-option-draggable,.semi-tree-option-list .semi-tree-option-fullLabel-draggable {
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-tree-option-list .semi-tree-option-draggable {
    border-left: 2px solid transparent;
    box-sizing: border-box;
    margin-top: -2px
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-top {
    border-top: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
    border-bottom: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
    border-top: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-bottom {
    border-bottom: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable,.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable {
    border: 2px solid var(--semi-color-primary)
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable .semi-tree-option-label,.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable .semi-tree-option-label {
    border-bottom: 0;
    border-top: 0
}

.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-draggable+.semi-tree-option-selected:after,.semi-tree-option-list .semi-tree-option-drag-over.semi-tree-option-fullLabel-draggable+.semi-tree-option-selected:after {
    border-top: 2px solid var(--semi-color-primary);
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    right: -1px;
    top: 0
}

.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
    padding-bottom: 0;
    padding-top: 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-1 {
    padding-left: 8px
}

.semi-tree-option-list .semi-tree-option-level-2 {
    padding-left: 28px
}

.semi-tree-option-list .semi-tree-option-level-3 {
    padding-left: 48px
}

.semi-tree-option-list .semi-tree-option-level-4 {
    padding-left: 68px
}

.semi-tree-option-list .semi-tree-option-level-5 {
    padding-left: 88px
}

.semi-tree-option-list .semi-tree-option-level-6 {
    padding-left: 108px
}

.semi-tree-option-list .semi-tree-option-level-7 {
    padding-left: 128px
}

.semi-tree-option-list .semi-tree-option-level-8 {
    padding-left: 148px
}

.semi-tree-option-list .semi-tree-option-level-9 {
    padding-left: 168px
}

.semi-tree-option-list .semi-tree-option-level-10 {
    padding-left: 188px
}

.semi-tree-option-list .semi-tree-option-level-11 {
    padding-left: 208px
}

.semi-tree-option-list .semi-tree-option-level-12 {
    padding-left: 228px
}

.semi-tree-option-list .semi-tree-option-level-13 {
    padding-left: 248px
}

.semi-tree-option-list .semi-tree-option-level-14 {
    padding-left: 268px
}

.semi-tree-option-list .semi-tree-option-level-15 {
    padding-left: 288px
}

.semi-tree-option-list .semi-tree-option-level-16 {
    padding-left: 308px
}

.semi-tree-option-list .semi-tree-option-level-17 {
    padding-left: 328px
}

.semi-tree-option-list .semi-tree-option-level-18 {
    padding-left: 348px
}

.semi-tree-option-list .semi-tree-option-level-19 {
    padding-left: 368px
}

.semi-tree-option-list .semi-tree-option-level-20 {
    padding-left: 388px
}

.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 {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed;
    justify-content: center;
    padding-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-tree-option-list-block .semi-tree-option:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-tree-option-list-block .semi-tree-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-tree-option-list-block .semi-tree-option-label {
    flex: 1 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(--semi-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 {
    box-sizing: content-box;
    flex-shrink: 0
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:hover {
    color: var(--semi-color-text-0)
}

.semi-tree-option-list-block .semi-tree-option-expand-icon:active {
    color: var(--semi-color-black)
}

.semi-tree-option-list-block .semi-tree-option-spin-icon {
    color: var(--semi-color-primary);
    display: flex
}

.semi-tree-option-list-block .semi-tree-option-spin-icon svg {
    height: 12px;
    width: 12px
}

.semi-tree-option-list-block .semi-tree-option-selected {
    background-color: var(--semi-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(--semi-color-primary-light-default)
}

.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon,.semi-tree-option-list-block .semi-tree-option-label-text {
    border-radius: var(--semi-border-radius-small);
    padding: 0
}

.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:active,.semi-tree-option-list-block .semi-tree-option .semi-checkbox-addon:hover,.semi-tree-option-list-block .semi-tree-option-label-text:active,.semi-tree-option-list-block .semi-tree-option-label-text: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-icon,.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-icon {
    margin-left: 8px;
    margin-right: 0
}

.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-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-level-2,.semi-rtl .semi-tree-option-list .semi-tree-option-level-2 {
    padding-left: 0;
    padding-right: 28px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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(--semi-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 {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-upload-hidden-input,.semi-upload-hidden-input-replace {
    display: none
}

.semi-upload-add {
    align-items: center;
    display: flex
}

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

.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 {
    display: block;
    flex-basis: 100%;
    flex-shrink: 0;
    margin-bottom: 8px;
    margin-top: 8px
}

.semi-upload-file-list-main {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px
}

.semi-upload-file-list-main p {
    align-items: center;
    display: flex
}

.semi-upload-file-list-title {
    color: var(--semi-color-text-2);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px
}

.semi-upload-file-list-title-choosen {
    margin-right: 8px
}

.semi-upload-file-list-title-clear {
    color: var(--semi-color-primary);
    cursor: pointer
}

.semi-upload-file-card {
    align-items: center;
    background-color: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-medium);
    cursor: pointer;
    display: inline-flex;
    height: 52px;
    justify-content: space-between;
    width: 250px
}

.semi-upload-file-card:hover {
    background-color: var(--semi-color-fill-1)
}

.semi-upload-file-card a {
    text-decoration: none
}

.semi-upload-file-card-preview {
    align-items: center;
    border-radius: var(--semi-border-radius-small);
    color: var(--semi-color-text-2);
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    margin: 8px;
    width: 36px
}

.semi-upload-file-card-preview img {
    height: 36px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 36px
}

.semi-upload-file-card-preview-placeholder {
    background-color: rgba(var(--semi-grey-3),1);
    color: rgba(var(--semi-white),1)
}

.semi-upload-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-file-card-info {
    align-items: center;
    display: flex
}

.semi-upload-file-card-info-main {
    display: flex;
    flex: 1 1;
    flex-wrap: wrap
}

.semi-upload-file-card-info-main-text {
    align-items: center;
    display: flex;
    flex-basis: 100%
}

.semi-upload-file-card-info-main-control {
    display: flex
}

.semi-upload-file-card-info-name {
    color: var(--semi-color-text-0);
    display: inline-block;
    flex: 1 1;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 0
}

.semi-upload-file-card-info-size {
    color: var(--semi-color-text-2);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-left: 8px;
    margin-top: 1px
}

.semi-upload-file-card-info-replace {
    color: var(--semi-color-text-2);
    display: inline-flex;
    margin-left: 8px
}

.semi-upload-file-card-info-validate-message {
    align-items: center;
    color: var(--semi-color-text-0);
    display: flex
}

.semi-upload-file-card-info-retry,.semi-upload-file-card-info-validate-message {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px
}

.semi-upload-file-card-info-retry {
    color: var(--semi-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 {
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px
}

.semi-upload-file-card-replace {
    flex-shrink: 0;
    margin-left: 8px;
    width: 24px
}

.semi-upload-file-card-icon-error,.semi-upload-file-card-icon-loading {
    font-size: 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(--semi-color-danger-light-default)
}

.semi-upload-file-card-fail:hover {
    background-color: var(--semi-color-danger-light-hover)
}

.semi-upload-file-card-fail .semi-upload-file-card-info-validate-message {
    color: var(--semi-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,.semi-upload-picture[x-prompt-pos=right] .semi-upload-prompt {
    order: 1
}

.semi-upload-picture-add {
    align-items: center;
    background-color: var(--semi-color-fill-0);
    border: 2px dashed var(--semi-color-border);
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    color: var(--semi-color-tertiary);
    cursor: pointer;
    display: inline-flex;
    height: 96px;
    justify-content: center;
    width: 96px
}

.semi-upload-picture-add:hover {
    background-color: var(--semi-color-fill-1)
}

.semi-upload-picture-add:active {
    background-color: var(--semi-color-fill-2)
}

.semi-upload-picture-add-disabled {
    cursor: not-allowed
}

.semi-upload-picture-add-disabled:active,.semi-upload-picture-add-disabled:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-upload-picture-file-list {
    flex-basis: inherit;
    margin-bottom: 0;
    margin-top: 0
}

.semi-upload-picture-file-card {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.semi-upload-picture-file-card,.semi-upload-picture-file-card img {
    border-radius: var(--semi-border-radius-small);
    height: 96px;
    width: 96px
}

.semi-upload-picture-file-card img {
    -o-object-fit: cover;
    object-fit: cover
}

.semi-upload-picture-file-card-close {
    border-radius: var(--semi-border-radius-circle);
    cursor: pointer;
    display: inline-flex;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all 0s;
    visibility: hidden
}

.semi-upload-picture-file-card-icon-close {
    color: var(--semi-color-white);
    font-size: 16px
}

.semi-upload-picture-file-card:before {
    background-color: var(--semi-color-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.semi-upload-picture-file-card-retry {
    align-items: center;
    background-color: var(--semi-color-white);
    border-radius: var(--semi-border-radius-circle);
    color: var(--semi-color-primary);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    visibility: hidden;
    width: 24px
}

.semi-upload-picture-file-card-icon-retry {
    font-size: 13px;
    transform: scaleX(-1)
}

.semi-upload-picture-file-card-replace {
    color: var(--semi-color-white)
}

.semi-upload-picture-file-card-preview,.semi-upload-picture-file-card-replace {
    cursor: pointer;
    display: inline-flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3D(-50%,-50%,0);
    visibility: hidden
}

.semi-upload-picture-file-card-pic-info {
    align-items: center;
    background: linear-gradient(0deg,rgba(22,22,26,.3),rgba(22,22,26,0) 77.08%);
    bottom: 0;
    box-sizing: border-box;
    color: var(--semi-color-white);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    justify-content: space-between;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

.semi-upload-picture-file-card-icon-error,.semi-upload-picture-file-card-icon-loading {
    bottom: 6px;
    color: var(--semi-color-danger);
    position: absolute;
    right: 6px
}

.semi-upload-picture-file-card-icon-loading {
    font-size: 14px
}

.semi-upload-picture-file-card-show-pointer {
    cursor: pointer
}

.semi-upload-picture-file-card-error {
    outline: 1px solid var(--semi-color-danger)
}

.semi-upload-picture-file-card-uploading:before,.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-close,.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-preview,.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-replace,.semi-upload-picture-file-card:hover .semi-upload-picture-file-card-retry,.semi-upload-picture-file-card:hover:before {
    visibility: visible
}

.semi-upload-picture-file-card .semi-progress-circle {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.semi-upload-drag-area {
    align-items: center;
    background-color: var(--semi-color-tertiary-light-default);
    border: 2px dashed var(--semi-color-border);
    border-radius: var(--semi-border-radius-small);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
    width: 100%
}

.semi-upload-drag-area:hover {
    background-color: var(--semi-color-primary-light-default);
    border-color: var(--semi-color-primary)
}

.semi-upload-drag-area-custom {
    background-color: inherit;
    border: none;
    padding: 0
}

.semi-upload-drag-area-custom:hover {
    background-color: inherit
}

.semi-upload-drag-area-legal {
    background-color: var(--semi-color-primary-light-default);
    border-color: var(--semi-color-primary)
}

.semi-upload-drag-area-legal .semi-upload-drag-area-sub-text {
    display: none
}

.semi-upload-drag-area-icon {
    color: var(--semi-color-primary)
}

.semi-upload-drag-area-text {
    text-align: center
}

.semi-upload-drag-area-main-text {
    cursor: pointer;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px
}

.semi-upload-drag-area-sub-text {
    cursor: pointer
}

.semi-upload-drag-area-sub-text,.semi-upload-drag-area-tips {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px
}

.semi-upload-drag-area-tips {
    font-weight: 600
}

.semi-upload-drag-area-tips-legal {
    color: var(--semi-color-primary)
}

.semi-upload-validate-message {
    color: var(--semi-color-danger);
    display: block;
    flex-basis: 100%;
    flex-shrink: 0
}

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

.semi-portal-rtl .semi-upload-file-list-title-choosen,.semi-rtl .semi-upload-file-list-title-choosen {
    margin-left: 8px;
    margin-right: 0
}

.semi-portal-rtl .semi-upload-file-list-title-choosen,.semi-portal-rtl .semi-upload-file-list-title-clear,.semi-rtl .semi-upload-file-list-title-choosen,.semi-rtl .semi-upload-file-list-title-clear {
    display: inline-block
}

.semi-portal-rtl .semi-upload-file-card-info-retry,.semi-portal-rtl .semi-upload-file-card-info-size,.semi-rtl .semi-upload-file-card-info-retry,.semi-rtl .semi-upload-file-card-info-size {
    margin-left: 0;
    margin-right: 8px
}

.semi-portal-rtl .semi-upload-file-card-icon-error,.semi-portal-rtl .semi-upload-file-card-icon-loading,.semi-rtl .semi-upload-file-card-icon-error,.semi-rtl .semi-upload-file-card-icon-loading {
    margin-left: 2px;
    margin-right: 0
}

.semi-portal-rtl .semi-upload-picture-file-card-close,.semi-rtl .semi-upload-picture-file-card-close {
    left: 8px;
    right: auto
}

.semi-portal-rtl .semi-upload-picture-file-card .semi-progress-circle,.semi-portal-rtl .semi-upload-picture-file-card-retry,.semi-rtl .semi-upload-picture-file-card .semi-progress-circle,.semi-rtl .semi-upload-picture-file-card-retry {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.semi-portal-rtl .semi-upload-picture-file-card-icon-error,.semi-portal-rtl .semi-upload-picture-file-card-icon-loading,.semi-rtl .semi-upload-picture-file-card-icon-error,.semi-rtl .semi-upload-picture-file-card-icon-loading {
    left: 6px;
    right: 0
}

.semi-progress {
    align-items: center;
    display: flex
}

.semi-progress-track {
    background-color: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small)
}

.semi-progress-horizontal {
    height: 4px;
    margin-bottom: 4px;
    margin-top: 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 {
    background-color: var(--semi-color-success);
    border-radius: var(--semi-border-radius-small);
    height: 100%;
    transition: width .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95)
}

.semi-progress-horizontal .semi-progress-line-text {
    color: var(--semi-color-text-0);
    font-weight: 600;
    margin-left: 16px;
    min-width: 45px
}

.semi-progress-vertical {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    margin-left: 4px;
    margin-right: 4px;
    width: 4px
}

.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(--semi-color-success);
    border-radius: var(--semi-border-radius-small);
    transition: height .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95);
    width: 100%
}

.semi-progress-vertical .semi-progress-line-text {
    font-weight: 600;
    margin-top: 8px
}

.semi-progress-circle {
    display: inline-block;
    position: relative
}

.semi-progress-circle-ring {
    display: block
}

.semi-progress-circle-ring-inner {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .3s;
    transition-timing-function: cubic-bezier(.62,.05,.36,.95)
}

.semi-progress-circle-text {
    color: var(--semi-color-mode-minor-text);
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.semi-portal-rtl .semi-progress,.semi-rtl .semi-progress {
    direction: rtl
}

.semi-portal-rtl .semi-progress-horizontal .semi-progress-line-text,.semi-rtl .semi-progress-horizontal .semi-progress-line-text {
    margin-left: 0;
    margin-right: 16px
}

.semi-portal-rtl .semi-progress-circle-ring-inner,.semi-rtl .semi-progress-circle-ring-inner {
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.semi-portal-rtl .semi-progress-circle-text,.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;
    overflow: hidden;
    padding-bottom: 12px;
    padding-top: 12px
}

.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;
    color: var(--semi-color-text-0);
    display: inline-block;
    flex-shrink: 0;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
    padding-right: 16px;
    vertical-align: middle
}

.semi-form-field-label-disabled {
    color: var(--semi-color-disabled-text)
}

.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 {
    align-items: center;
    display: flex;
    margin-left: 4px
}

.semi-form-field-label-required .semi-form-field-label-text:after {
    color: var(--semi-color-danger);
    content: "*";
    font-weight: 600;
    margin-left: 4px
}

.semi-form-field-label-required-disabled {
    color: var(--semi-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 {
    align-items: center;
    display: flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px
}

.semi-form-field-error-message .semi-icon-alert_triangle,.semi-form-field-help-text .semi-icon-alert_triangle {
    color: var(--semi-color-warning)
}

.semi-form-field-error-message {
    color: var(--semi-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-bottom: 4px;
    padding-top: 4px
}

.semi-form-field[x-label-pos=top] .semi-form-field-label-with-extra {
    align-items: center;
    display: flex
}

.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: 0;
    padding-bottom: 6px;
    padding-top: 6px
}

.semi-form-field[x-label-pos=left] .semi-form-field-label-with-extra {
    align-items: center;
    display: flex
}

.semi-form-field[x-label-pos=left] .semi-checkboxGroup,.semi-form-field[x-label-pos=left] .semi-radioGroup {
    padding-bottom: 6px;
    padding-top: 6px
}

.semi-form-field[x-label-pos=left] .semi-radioGroup-buttonRadio {
    padding-bottom: 0;
    padding-top: 0
}

.semi-form-field[x-label-pos=left] .semi-rating,.semi-form-field[x-label-pos=left] .semi-switch {
    margin-bottom: 4px;
    margin-top: 4px;
    vertical-align: middle
}

.semi-form-field[x-extra-pos=middle] .semi-form-field-extra {
    margin-bottom: 4px;
    margin-top: 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 {
    align-self: flex-start;
    flex-shrink: 0;
    margin-right: 4px;
    position: relative;
    top: 2px
}

.semi-form-field-extra,.semi-form-field-extra-string {
    color: var(--semi-color-tertiary)
}

.semi-form-field-extra-string {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px
}

.semi-form-vertical .semi-form-field-group {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 12px;
    padding-top: 12px
}

.semi-form-vertical .semi-form-field-group .semi-form-field {
    margin-bottom: 0;
    margin-top: 0
}

.semi-form-field-group[x-label-pos=left] {
    display: flex
}

.semi-form-field-group[x-label-pos=left] .semi-form-field-label {
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 6px;
    padding-top: 6px
}

.semi-form-section {
    margin-top: 28px;
    width: 100%
}

.semi-form-section-text {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    border-bottom: 1px solid var(--semi-color-border);
    color: var(--semi-color-text-0);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 4px;
    padding-bottom: 8px;
    width: 100%
}

.semi-form-section:first-of-type {
    margin-top: 0
}

.semi-portal-rtl .semi-form,.semi-rtl .semi-form {
    direction: rtl
}

.semi-portal-rtl .semi-form-horizontal .semi-form-field,.semi-rtl .semi-form-horizontal .semi-form-field {
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0
}

.semi-portal-rtl .semi-form-horizontal .semi-form-field:last-child,.semi-rtl .semi-form-horizontal .semi-form-field:last-child {
    margin-left: 16px
}

.semi-portal-rtl .semi-form-field-label,.semi-portal-rtl .semi-form-horizontal .semi-form-field-group,.semi-rtl .semi-form-field-label,.semi-rtl .semi-form-horizontal .semi-form-field-group {
    padding-left: 16px;
    padding-right: 0
}

.semi-portal-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra,.semi-rtl .semi-form-field-label-with-extra .semi-form-field-label-extra {
    margin-left: 0;
    margin-right: 4px
}

.semi-portal-rtl .semi-form-field-label-required .semi-form-field-label-text:after,.semi-rtl .semi-form-field-label-required .semi-form-field-label-text:after {
    content: "*";
    margin-left: 0;
    margin-right: 4px
}

.semi-portal-rtl .semi-form-field-label-left,.semi-rtl .semi-form-field-label-left {
    text-align: right
}

.semi-portal-rtl .semi-form-field-label-right,.semi-rtl .semi-form-field-label-right {
    text-align: left
}

.semi-portal-rtl .semi-form-field,.semi-rtl .semi-form-field {
    direction: rtl
}

.semi-portal-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label,.semi-rtl .semi-form-field[x-label-pos=left] .semi-form-field-label {
    margin-left: 0;
    margin-right: 0
}

.semi-portal-rtl .semi-form-field-validate-status-icon,.semi-rtl .semi-form-field-validate-status-icon {
    margin-left: 4px;
    margin-right: 0
}

.semi-portal-rtl .semi-form-section,.semi-rtl .semi-form-section {
    direction: rtl
}

.semi-input-textarea-wrapper {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.semi-input-textarea-wrapper:hover {
    background-color: var(--semi-color-fill-1)
}

.semi-input-textarea-wrapper-focus {
    border: 1px solid var(--semi-color-focus-border)
}

.semi-input-textarea-wrapper-focus,.semi-input-textarea-wrapper-focus:active,.semi-input-textarea-wrapper-focus:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-input-textarea-wrapper:active {
    background-color: var(--semi-color-fill-2)
}

.semi-input-textarea-wrapper .semi-input-clearbtn {
    color: var(--semi-color-text-2);
    height: 32px;
    min-width: 24px;
    position: absolute;
    right: 4px;
    top: 0
}

.semi-input-textarea-wrapper .semi-input-clearbtn>svg {
    pointer-events: none
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover {
    cursor: pointer
}

.semi-input-textarea-wrapper .semi-input-clearbtn:hover .semi-icon {
    color: var(--semi-color-primary-hover)
}

.semi-input-textarea-wrapper .semi-input-clearbtn-hidden {
    visibility: hidden
}

.semi-input-textarea-wrapper-disabled,.semi-input-textarea-wrapper-readonly {
    background-color: var(--semi-color-disabled-fill);
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-input-textarea-wrapper-disabled:hover,.semi-input-textarea-wrapper-readonly:hover {
    background-color: var(--semi-color-disabled-fill)
}

.semi-input-textarea-wrapper-disabled::-moz-placeholder,.semi-input-textarea-wrapper-readonly::-moz-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-disabled:-ms-input-placeholder,.semi-input-textarea-wrapper-readonly:-ms-input-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-disabled::placeholder,.semi-input-textarea-wrapper-readonly::placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-wrapper-readonly {
    cursor: text
}

.semi-input-textarea-wrapper-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

.semi-input-textarea-wrapper-error:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-input-textarea-wrapper-error:active {
    background-color: var(--semi-color-danger-light-active);
    border-color: var(--semi-color-danger-light-active)
}

.semi-input-textarea-wrapper-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

.semi-input-textarea-wrapper-warning:hover {
    background-color: var(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning-light-hover)
}

.semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning)
}

.semi-input-textarea-wrapper-warning:active {
    background-color: var(--semi-color-warning-light-active);
    border-color: var(--semi-color-warning-light-active)
}

.semi-input-textarea {
    background-color: transparent;
    border: 0 solid transparent;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    cursor: text;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    outline: none;
    padding: 5px 12px;
    position: relative;
    resize: none;
    vertical-align: bottom;
    width: 100%
}

.semi-input-textarea:hover {
    border-color: transparent
}

.semi-input-textarea::-moz-placeholder {
    color: var(--semi-color-text-2)
}

.semi-input-textarea:-ms-input-placeholder {
    color: var(--semi-color-text-2)
}

.semi-input-textarea::placeholder {
    color: var(--semi-color-text-2)
}

.semi-input-textarea-showClear {
    padding-right: 36px
}

.semi-input-textarea-disabled,.semi-input-textarea-readonly {
    background-color: transparent;
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-input-textarea-disabled:hover,.semi-input-textarea-readonly:hover {
    background-color: transparent
}

.semi-input-textarea-disabled::-moz-placeholder,.semi-input-textarea-readonly::-moz-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-disabled:-ms-input-placeholder,.semi-input-textarea-readonly:-ms-input-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-disabled::placeholder,.semi-input-textarea-readonly::placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-input-textarea-readonly {
    cursor: text
}

.semi-input-textarea-autosize {
    overflow: hidden
}

.semi-input-textarea-counter {
    color: var(--semi-color-text-2);
    display: flex;
    flex-direction: column;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    min-height: 24px;
    padding: 3px 12px 5px;
    text-align: right
}

.semi-input-textarea-counter-exceed {
    color: var(--semi-color-danger)
}

.semi-portal-rtl .semi-input-wrapper,.semi-rtl .semi-input-wrapper {
    direction: rtl
}

.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input,.semi-rtl .semi-input-wrapper__with-prefix .semi-input {
    padding-left: auto;
    padding-right: 0
}

.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input,.semi-rtl .semi-input-wrapper__with-suffix .semi-input {
    padding-left: 0;
    padding-right: auto
}

.semi-portal-rtl .semi-input,.semi-rtl .semi-input {
    padding-left: 12px;
    padding-right: 12px
}

.semi-portal-rtl .semi-input-inset-label,.semi-rtl .semi-input-inset-label {
    margin-left: 12px;
    margin-right: auto
}

.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,.semi-portal-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,.semi-portal-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text,.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-icon,.semi-rtl .semi-input-clearbtn+.semi-portal-rtl .semi-input-suffix+.semi-input-suffix-text,.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-icon,.semi-rtl .semi-input-clearbtn+.semi-rtl .semi-input-suffix+.semi-input-suffix-text {
    margin-left: auto;
    margin-right: 0
}

.semi-portal-rtl .semi-input-append,.semi-rtl .semi-input-append {
    border-left: 0;
    border-right: 1px solid transparent
}

.semi-portal-rtl .semi-input-prepend,.semi-rtl .semi-input-prepend {
    border-left: 1px solid transparent;
    border-right: 0
}

.semi-portal-rtl .semi-input-group .semi-cascader:not(:last-child):after,.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child):after,.semi-portal-rtl .semi-input-group .semi-select:not(:last-child):after,.semi-portal-rtl .semi-input-group .semi-tree-select:not(:last-child):after,.semi-portal-rtl .semi-input-group>.semi-input-wrapper:not(:last-child):after,.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 {
    left: -1px;
    right: auto
}

.semi-portal-rtl .semi-input-textarea-wrapper,.semi-rtl .semi-input-textarea-wrapper {
    direction: rtl
}

.semi-portal-rtl .semi-input-textarea-counter,.semi-rtl .semi-input-textarea-counter {
    text-align: left
}

.semi-portal-rtl .semi-input-textarea-showClear,.semi-rtl .semi-input-textarea-showClear {
    padding-left: 36px;
    padding-right: 0
}

.semi-datepicker {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top
}

.semi-datepicker-month-grid {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-datepicker-month-grid-left,.semi-datepicker-month-grid-right {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    position: relative
}

.semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-yam,.semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam,.semi-datepicker-month-grid[x-type=dateTime] .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[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year],.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year] {
    min-height: 312px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time],.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time] {
    min-height: 314px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-navigation {
    padding-bottom: 8px;
    padding-top: 8px
}

.semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
    min-height: 100%
}

.semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam,.semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
    align-items: center;
    background: var(--semi-color-bg-3);
    border-bottom: 1px solid var(--semi-color-border);
    border-radius: var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0 0;
    display: flex;
    padding: 12px 16px
}

.semi-datepicker-month-grid .semi-scrolllist {
    background: var(--semi-color-bg-3);
    box-shadow: none;
    flex: 1 1;
    height: auto;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-body,.semi-datepicker-month-grid .semi-scrolllist-header {
    box-sizing: border-box;
    width: 100%
}

.semi-datepicker-month-grid .semi-scrolllist-header {
    border-bottom: 1px solid var(--semi-color-border);
    padding: 16px
}

.semi-datepicker-month-grid .semi-scrolllist-body {
    flex: 1 1;
    height: 100%;
    overflow: hidden;
    padding: 0
}

.semi-datepicker-month-grid .semi-scrolllist-line {
    display: none
}

.semi-datepicker-month-grid .semi-scrolllist-header-title {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    line-height: 24px;
    min-height: 24px;
    padding: 0
}

.semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks,.semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
    min-height: 216px
}

.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 {
    overflow: hidden;
    padding: 0
}

.semi-datepicker-panel-yam .semi-scrolllist-body .semi-scrolllist-item-wheel {
    border: none
}

.semi-datepicker-footer {
    background-color: var(--semi-color-fill-0);
    padding-bottom: 10px;
    padding-right: 8px;
    padding-top: 10px;
    text-align: right
}

.semi-datepicker-footer .semi-button:first-of-type {
    margin-right: 12px
}

.semi-datepicker-footer .semi-button:nth-of-type(2) {
    margin-right: 8px
}

.semi-datepicker-yam {
    box-sizing: border-box
}

.semi-datepicker-tpk,.semi-datepicker-yam {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    width: 100%
}

.semi-datepicker-tpk {
    height: calc(100% - 54px)
}

.semi-datepicker-tpk .semi-datepicker-time {
    height: 100%
}

.semi-datepicker-navigation {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    height: 32px;
    padding: 12px 16px
}

.semi-datepicker-navigation-left,.semi-datepicker-navigation-right {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.semi-datepicker-navigation .semi-button {
    color: var(--semi-color-text-2);
    min-width: 32px
}

.semi-datepicker-navigation-month {
    color: var(--semi-color-text-0);
    flex-grow: 1;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center
}

.semi-datepicker-navigation-month .semi-button {
    color: var(--semi-color-text-0)
}

.semi-datepicker-month {
    box-sizing: content-box;
    padding: 0 16px 16px;
    width: 252px
}

.semi-datepicker-weekday {
    border-bottom: 1px solid var(--semi-color-border);
    color: var(--semi-color-text-2);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.semi-datepicker-weekday-item {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}

.semi-datepicker-weeks {
    color: var(--semi-color-text-0)
}

.semi-datepicker-week {
    align-items: center;
    display: flex
}

.semi-datepicker-day {
    cursor: pointer;
    display: inline-block;
    height: 36px;
    width: 36px
}

.semi-datepicker-day,.semi-datepicker-day-main {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center
}

.semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small);
    height: 32px;
    margin: 0 auto;
    width: 32px
}

.semi-datepicker-day-main:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-datepicker-day-main:active {
    background-color: var(--semi-color-fill-1)
}

.semi-datepicker-day-today .semi-datepicker-day-main {
    background-color: var(--semi-color-fill-0);
    color: var(--semi-color-primary);
    font-weight: 600
}

.semi-datepicker-day-today.semi-datepicker-day-disabled .semi-datepicker-day-main {
    color: var(--semi-color-primary-disabled)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main,.semi-datepicker-day-hoverday-around-singleselected .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-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-day-selected .semi-datepicker-day-main,.semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-datepicker-day-selected-start .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
    margin-left: 2px;
    margin-right: 0;
    width: 34px
}

.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
    margin-left: 0;
    margin-right: 2px;
    width: 34px
}

.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
    border-radius: 0
}

.semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    background-color: var(--semi-color-fill-0)
}

.semi-datepicker-day-hoverday .semi-datepicker-day-main,.semi-datepicker-day-hoverday-offset .semi-datepicker-day-main {
    background-color: var(--semi-color-fill-1)
}

.semi-datepicker-day-inhover .semi-datepicker-day-main,.semi-datepicker-day-inrange .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-default)
}

.semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main,.semi-datepicker-day-hoverday-around-singleselected .semi-datepicker-day-main,.semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main,.semi-datepicker-day-hoverday-inrange .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-active)
}

.semi-datepicker-day-selected .semi-datepicker-day-main,.semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-datepicker-day-selected-start .semi-datepicker-day-main {
    background-color: var(--semi-color-primary);
    color: var(--semi-color-white)
}

.semi-datepicker-day-selected .semi-datepicker-day-main:hover,.semi-datepicker-day-selected-end .semi-datepicker-day-main:hover,.semi-datepicker-day-selected-start .semi-datepicker-day-main:hover {
    background-color: var(--semi-color-primary)
}

.semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    background-color: var(--semi-color-primary-light-hover)
}

.semi-datepicker-day-selected-end-beforehover .semi-datepicker-day-main,.semi-datepicker-day-selected-start-afterhover .semi-datepicker-day-main {
    border: 1px solid var(--semi-color-primary-active)
}

.semi-datepicker-day-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.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-hoverday-offset .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 .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-selectedrange-hover .semi-datepicker-day-main {
    background-color: var(--semi-color-disabled-fill);
    color: var(--semi-color-disabled-text)
}

.semi-datepicker-switch {
    border-top: 1px solid var(--semi-color-border);
    display: flex;
    margin-top: auto;
    text-align: center
}

.semi-datepicker-switch-date,.semi-datepicker-switch-time {
    align-items: center;
    color: var(--semi-color-text-2);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    padding-top: 16px;
    width: 50%
}

.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(--semi-color-fill-0)
}

.semi-datepicker-switch-date-active,.semi-datepicker-switch-time-active {
    color: var(--semi-color-text-0);
    cursor: auto;
    font-weight: 600
}

.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 {
    border-radius: 0;
    box-shadow: none
}

.semi-datepicker-quick-control {
    align-items: center;
    background-color: transparent;
    border-radius: 0 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium);
    border-top: 1px solid var(--semi-color-border);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 16px
}

.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-topSlot {
    border-bottom: 1px solid var(--semi-color-border)
}

.semi-datepicker-bottomSlot {
    border-top: 1px solid var(--semi-color-border)
}

.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(--semi-color-primary)
}

.semi-datepicker .semi-datepicker-input-readonly {
    cursor: pointer
}

.semi-datepicker-inset-input-wrapper {
    box-sizing: border-box;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 12px 16px 0;
    width: 284px
}

.semi-datepicker-inset-input-wrapper[x-type=dateRange],.semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
    width: 568px
}

.semi-datepicker-inset-input-wrapper[x-type=month] {
    width: 204px
}

.semi-datepicker-inset-input-wrapper .semi-input-wrapper {
    flex: 1 1;
    flex-shrink: 0
}

.semi-datepicker-inset-input-separator {
    color: var(--semi-color-text-3);
    flex-grow: 0;
    flex-shrink: 0;
    height: 32px;
    line-height: 32px;
    padding: 0 4px
}

.semi-datepicker-range-input {
    align-items: center;
    background-color: var(--semi-color-fill-0);
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    color: var(--semi-color-text-2);
    display: flex;
    height: 32px
}

.semi-datepicker-range-input-wrapper {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    display: flex;
    height: 100%;
    padding: 0 8px;
    width: 100%
}

.semi-datepicker-range-input-wrapper .semi-input-wrapper {
    background-color: transparent;
    border: none
}

.semi-datepicker-range-input-wrapper-focus {
    background-color: var(--semi-color-fill-1);
    border-color: transparent;
    border-radius: var(--semi-border-radius-small);
    transition: background-color .16s ease-in-out
}

.semi-datepicker-range-input-wrapper-focus~.semi-datepicker-range-input-clearbtn {
    display: flex
}

.semi-datepicker-range-input-wrapper-focus~.semi-datepicker-range-input-clearbtn~.semi-datepicker-range-input-suffix {
    display: none
}

.semi-datepicker-range-input-wrapper .semi-input {
    padding: 2px 4px
}

.semi-datepicker-range-input-wrapper-icon {
    flex-shrink: 0
}

.semi-datepicker-range-input-wrapper:hover {
    background-color: var(--semi-color-fill-1)
}

.semi-datepicker-range-input-wrapper-start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.semi-datepicker-range-input-wrapper-end,.semi-datepicker-range-input-wrapper-start-with-prefix {
    border-radius: 0
}

.semi-datepicker-range-input-wrapper-active {
    background-color: var(--semi-color-fill-1);
    border-color: var(--semi-color-focus-border)
}

.semi-datepicker-range-input-separator {
    align-items: center;
    display: flex
}

.semi-datepicker-range-input-separator-active {
    color: var(--semi-color-text-0)
}

.semi-datepicker-range-input-small {
    height: 24px
}

.semi-datepicker-range-input-large {
    height: 40px
}

.semi-datepicker-range-input-large .semi-input-default {
    font-size: 16px
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn {
    color: var(--semi-color-primary-hover);
    cursor: pointer;
    display: flex
}

.semi-datepicker-range-input:hover .semi-datepicker-range-input-clearbtn~.semi-datepicker-range-input-suffix {
    display: none
}

.semi-datepicker-range-input-disabled {
    background-color: var(--semi-color-disabled-fill);
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-wrapper:hover {
    background-color: transparent
}

.semi-datepicker-range-input-disabled:hover {
    background-color: var(--semi-color-disabled-fill)
}

.semi-datepicker-range-input-disabled .semi-datepicker-range-input-clearbtn,.semi-datepicker-range-input-disabled .semi-datepicker-range-input-prefix,.semi-datepicker-range-input-disabled .semi-datepicker-range-input-suffix {
    color: var(--semi-color-disabled-text)
}

.semi-datepicker-range-input-warning {
    background-color: var(--semi-color-warning-light-default)
}

.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper:hover {
    background-color: var(--semi-color-warning-light-hover)
}

.semi-datepicker-range-input-warning .semi-datepicker-range-input-wrapper-active {
    background-color: var(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning)
}

.semi-datepicker-range-input-error {
    background-color: var(--semi-color-danger-light-default)
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper:hover {
    background-color: var(--semi-color-danger-light-hover)
}

.semi-datepicker-range-input-error .semi-datepicker-range-input-wrapper-active {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger)
}

.semi-datepicker-range-input .semi-datepicker-range-input-clearbtn {
    display: none
}

.semi-datepicker-range-input-clearbtn,.semi-datepicker-range-input-prefix,.semi-datepicker-range-input-suffix {
    align-items: center;
    color: var(--semi-color-text-2);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    line-height: 20px;
    white-space: nowrap
}

.semi-datepicker-range-input-prefix {
    padding-left: 12px;
    padding-right: 8px
}

.semi-datepicker-range-input-suffix {
    padding-left: 8px;
    padding-right: 12px
}

.semi-datepicker-range-input-suffix-hidden {
    display: none
}

.semi-datepicker-range-input-clearbtn {
    padding-left: 8px;
    padding-right: 12px
}

.semi-datepicker-compact {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-yam,.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTime] .semi-datepicker-yam {
    height: calc(100% - 32px)
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,.semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
    border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yam-showing {
    min-height: 268px;
    min-width: 216px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-type=date] .semi-datepicker-yam-showing {
    min-height: 284px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-datepicker-yearmonth-header {
    box-sizing: border-box;
    height: 48px;
    padding: 12px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-header {
    display: none
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-list-outer>ul>li {
    height: 32px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
    border-right: 0
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-selector {
    height: 32px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
    margin-top: -17px
}

.semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
    margin-top: 17px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=left] .semi-datepicker-weeks,.semi-datepicker-compact .semi-datepicker-month-grid[x-panel-yearandmonth-open-type=right] .semi-datepicker-weeks {
    min-height: 168px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=time],.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-left[x-open-type=year],.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=time],.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-month-grid-right[x-open-type=year],.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-yam-showing {
    min-height: 236px
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true] .semi-datepicker-tpk {
    min-height: 100%
}

.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTimeRange] .semi-datepicker-yam,.semi-datepicker-compact .semi-datepicker-month-grid[x-insetinput=true][x-type=dateTime] .semi-datepicker-yam {
    height: 100%
}

.semi-datepicker-compact.semi-datepicker-panel-yam .semi-scrolllist {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-tpk {
    height: calc(100% - 32px)
}

.semi-datepicker-compact .semi-datepicker-navigation {
    height: 24px;
    padding: 12px 12px 0
}

.semi-datepicker-compact .semi-datepicker-navigation-left,.semi-datepicker-compact .semi-datepicker-navigation-right {
    height: 24px;
    width: 24px
}

.semi-datepicker-compact .semi-datepicker-navigation .semi-button {
    min-height: 24px;
    min-width: 24px
}

.semi-datepicker-compact .semi-datepicker-navigation-month .semi-button {
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    line-height: 20px
}

.semi-datepicker-compact .semi-datepicker-month {
    padding: 0;
    width: 216px
}

.semi-datepicker-compact .semi-datepicker-weeks {
    padding: 6px 10px 10px
}

.semi-datepicker-compact .semi-datepicker-weekday {
    border-bottom: 1px solid var(--semi-color-border);
    box-sizing: border-box;
    height: 36px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px
}

.semi-datepicker-compact .semi-datepicker-weekday-item {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.semi-datepicker-compact .semi-datepicker-day {
    height: 28px;
    width: 28px
}

.semi-datepicker-compact .semi-datepicker-day-main {
    height: 24px;
    width: 24px
}

.semi-datepicker-compact .semi-datepicker-day-hoverday .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-inhover .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-inoffsetrange .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-inrange .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-selectedrange-hover .semi-datepicker-day-main {
    width: 28px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start.semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-selected-start.semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: 4px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-beforerange .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px
}

.semi-datepicker-compact .semi-datepicker-day-hoverday-afterrange .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px;
    margin-left: 2px;
    margin-right: 0;
    width: 34px
}

.semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0;
    margin-left: 0;
    margin-right: 2px;
    width: 34px
}

.semi-datepicker-compact .semi-datepicker-switch {
    box-sizing: border-box;
    height: 32px
}

.semi-datepicker-compact .semi-datepicker-switch-date,.semi-datepicker-compact .semi-datepicker-switch-time {
    padding-bottom: 6px;
    padding-top: 6px
}

.semi-datepicker-compact .semi-datepicker-switch-date {
    border-right: 1px solid var(--semi-color-border)
}

.semi-datepicker-compact .semi-datepicker-switch-text {
    padding-left: 0
}

.semi-datepicker-compact .semi-datepicker-quick-control {
    padding: 12px
}

.semi-datepicker-compact .semi-datepicker-quick-control-date,.semi-datepicker-compact .semi-datepicker-quick-control-dateTime,.semi-datepicker-compact .semi-datepicker-quick-control-month {
    max-width: 216px
}

.semi-datepicker-compact .semi-datepicker-quick-control-dateRange,.semi-datepicker-compact .semi-datepicker-quick-control-dateTimeRange {
    max-width: 432px
}

.semi-datepicker-compact .semi-datepicker-footer {
    padding-bottom: 10px;
    padding-right: 8px;
    padding-top: 10px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper {
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding: 8px 8px 0;
    width: 216px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange],.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] {
    padding-top: 0;
    width: 432px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateRange] .semi-input-wrapper,.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=dateTimeRange] .semi-input-wrapper {
    margin-top: 8px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper[x-type=month] {
    width: 195px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper {
    box-sizing: border-box;
    height: 28px
}

.semi-datepicker-compact .semi-datepicker-inset-input-wrapper .semi-input-wrapper .semi-input {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    vertical-align: top
}

.semi-datepicker-compact .semi-datepicker-inset-input-separator {
    border-left: 1px solid var(--semi-color-border);
    height: auto;
    transform: translateX(50%)
}

.semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker .semi-datepicker-weeks,.semi-popover-wrapper[x-placement=leftTop] .semi-datepicker .semi-datepicker-weeks,.semi-popover-wrapper[x-placement=rightTop] .semi-datepicker .semi-datepicker-weeks,.semi-popover-wrapper[x-placement^=top] .semi-datepicker .semi-datepicker-weeks {
    min-height: 216px
}

.semi-popover-wrapper[x-placement*=BottomOver] .semi-datepicker-compact .semi-datepicker-weeks,.semi-popover-wrapper[x-placement=leftTop] .semi-datepicker-compact .semi-datepicker-weeks,.semi-popover-wrapper[x-placement=rightTop] .semi-datepicker-compact .semi-datepicker-weeks,.semi-popover-wrapper[x-placement^=top] .semi-datepicker-compact .semi-datepicker-weeks {
    min-height: 168px
}

.semi-portal-rtl .semi-datepicker,.semi-rtl .semi-datepicker {
    direction: rtl
}

.semi-portal-rtl .semi-datepicker-footer,.semi-rtl .semi-datepicker-footer {
    padding-left: 8px;
    padding-right: 0;
    text-align: left
}

.semi-portal-rtl .semi-datepicker-footer .semi-button:first-of-type,.semi-rtl .semi-datepicker-footer .semi-button:first-of-type {
    margin-left: 0;
    margin-right: 0
}

.semi-portal-rtl .semi-datepicker-footer .semi-button:nth-of-type(2),.semi-rtl .semi-datepicker-footer .semi-button:nth-of-type(2) {
    margin-left: 0;
    margin-right: 12px
}

.semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0
}

.semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small)
}

.semi-portal-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main,.semi-portal-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-portal-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-hoverday-before-selectedrange .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-selected-start .semi-datepicker-day-main {
    border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
    margin-left: auto;
    margin-right: 2px
}

.semi-portal-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main,.semi-portal-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-portal-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-hoverday-after-selectedrange .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
    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-icon-chevron_left,.semi-portal-rtl .semi-datepicker-navigation .semi-icon-chevron_right,.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,.semi-portal-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right,.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_left,.semi-portal-rtl .semi-datepicker-yam .semi-icon-chevron_right,.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,.semi-portal-rtl .semi-datepicker-yam .semi-icon-double_chevron_right,.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_left,.semi-rtl .semi-datepicker-navigation .semi-icon-chevron_right,.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_left,.semi-rtl .semi-datepicker-navigation .semi-icon-double_chevron_right,.semi-rtl .semi-datepicker-yam .semi-icon-chevron_left,.semi-rtl .semi-datepicker-yam .semi-icon-chevron_right,.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_left,.semi-rtl .semi-datepicker-yam .semi-icon-double_chevron_right {
    transform: scaleX(-1)
}

.semi-portal-rtl .semi-datepicker-range-input-prefix,.semi-rtl .semi-datepicker-range-input-prefix {
    padding-left: 8px;
    padding-right: 12px
}

.semi-portal-rtl .semi-datepicker-range-input-suffix,.semi-rtl .semi-datepicker-range-input-suffix {
    padding-left: 12px;
    padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-range-input-suffix-hidden,.semi-rtl .semi-datepicker-range-input-suffix-hidden {
    display: none
}

.semi-portal-rtl .semi-datepicker-range-input-clearbtn,.semi-rtl .semi-datepicker-range-input-clearbtn {
    padding-left: 12px;
    padding-right: 8px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left,.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateRange] .semi-datepicker-month-grid-left,.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid[x-type=dateTimeRange] .semi-datepicker-month-grid-left {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel,.semi-rtl .semi-datepicker-compact .semi-datepicker-month-grid .semi-scrolllist-item-wheel {
    border-left: 0;
    border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-start .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-compact .semi-datepicker-day-offsetrange-end .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main,.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-start .semi-datepicker-day-main {
    border-radius: 0 4px 4px 0;
    margin-left: 0;
    margin-right: 2px
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main,.semi-rtl .semi-datepicker-compact .semi-datepicker-day-selected-end .semi-datepicker-day-main {
    border-radius: 4px 0 0 4px;
    margin-left: 2px;
    margin-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-date,.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-date {
    border-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-switch-text,.semi-rtl .semi-datepicker-compact .semi-datepicker-switch-text {
    padding-left: auto;
    padding-right: 0
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-footer,.semi-rtl .semi-datepicker-compact .semi-datepicker-footer {
    padding-left: 8px;
    padding-right: auto
}

.semi-portal-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator,.semi-rtl .semi-datepicker-compact .semi-datepicker-inset-input-separator {
    border-left: 0;
    border-right: 1px solid var(--semi-color-border);
    transform: translateX(-50%)
}

.semi-scrolllist {
    background: var(--semi-color-bg-3);
    border-radius: var(--semi-border-radius-medium);
    box-shadow: 0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.semi-scrolllist-header {
    padding: 0 16px;
    text-align: center
}

.semi-scrolllist-header-title {
    color: var(--semi-color-text-0);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 16px 0
}

.semi-scrolllist-body {
    display: flex;
    height: 300px;
    overflow: hidden;
    padding: 0 16px
}

.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;
    height: 132px;
    width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item {
    flex: 1 1;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
    border-right: 1px solid var(--semi-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;
    list-style: none;
    margin: 0;
    padding: 0 0 132px;
    width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer>ul>li,.semi-scrolllist-body .semi-scrolllist-item>ul>li {
    align-items: center;
    background-color: transparent;
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    list-style: none;
    text-align: center
}

.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(--semi-color-primary-light-default);
    color: var(--semi-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(--semi-color-text-2);
    height: 16px;
    margin-right: 12px;
    width: 16px
}

.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(--semi-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(--semi-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(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-scrolllist-body .semi-scrolllist-item-wheel {
    flex: 1 1;
    overflow: hidden;
    position: relative
}

.semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
    border-right: 1px solid var(--semi-color-border)
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
    font-weight: 600
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 18px;
    width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
    height: 50%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
    background: var(--semi-color-bg-3);
    margin-top: -19px;
    opacity: .5;
    top: 0
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
    background: var(--semi-color-bg-3);
    margin-top: 19px;
    opacity: .5;
    top: 50%
}

.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
    border-bottom: 1px solid var(--semi-color-border);
    border-top: 1px solid var(--semi-color-border);
    height: 36px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.semi-scrolllist .semi-scrolllist-footer {
    border-top: 1px solid var(--semi-color-border);
    padding: 10px
}

.semi-scrolllist .semi-scrolllist-line {
    background: var(--semi-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-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.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-left: 12px;
    margin-right: 0
}

.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-left: 1px solid var(--semi-color-border);
    border-right: 0
}

.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-left: 18px;
    padding-right: 0
}

.semi-switch {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    transition: background-color .2s ease-in-out;
    width: 40px
}

.semi-switch:hover {
    background-color: var(--semi-color-fill-1)
}

.semi-switch:active {
    border: 1px solid var(--semi-color-fill-2)
}

.semi-switch:active .semi-switch-knob {
    width: 24px
}

.semi-switch-focus {
    outline: 2px solid var(--semi-color-primary-light-active)
}

.semi-switch-checked {
    background-color: var(--semi-color-success)
}

.semi-switch-checked:hover {
    background-color: var(--semi-color-success-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(--semi-color-success-active)
}

.semi-switch-disabled {
    border: 1px solid var(--semi-color-border);
    cursor: not-allowed
}

.semi-switch-disabled,.semi-switch-disabled:active,.semi-switch-disabled:hover {
    background-color: transparent
}

.semi-switch-disabled .semi-switch-knob {
    border: 1px solid var(--semi-color-border);
    box-shadow: none;
    cursor: not-allowed
}

.semi-switch-disabled.semi-switch-checked {
    border-color: transparent
}

.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
    border: none;
    box-shadow: none
}

.semi-switch-knob {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 4px 6px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.3);
    box-sizing: border-box;
    cursor: pointer;
    height: 18px;
    left: 0;
    position: absolute;
    right: auto;
    top: 2px;
    transform: translateX(2px);
    transition: transform .2s ease-in-out,width .2s ease-in-out;
    width: 18px
}

.semi-switch-native-control {
    cursor: inherit;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.semi-switch-native-control[type=checkbox] {
    height: 100%;
    width: 100%
}

.semi-switch-checked-text,.semi-switch-unchecked-text {
    align-items: center;
    display: flex;
    font-size: 12px;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 20px
}

.semi-switch-checked-text {
    color: var(--semi-color-white)
}

.semi-switch-unchecked-text {
    color: var(--semi-color-text-2);
    right: 0
}

.semi-switch-loading {
    align-items: center;
    background-color: var(--semi-color-fill-1);
    display: inline-flex
}

.semi-switch-loading-spin .semi-spin-wrapper {
    align-items: center;
    color: var(--semi-color-white);
    display: inline-flex
}

.semi-switch-loading .semi-switch-loading-spin {
    transform: translateX(2px)
}

.semi-switch-loading .semi-switch-loading-spin>.semi-spin-wrapper>svg {
    height: 18px;
    width: 18px
}

.semi-switch-loading.semi-switch-checked {
    background-color: var(--semi-color-success-hover)
}

.semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(16px)
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
    transform: translateX(2px)
}

.semi-switch-loading.semi-switch-small .semi-switch-loading-spin>.semi-spin-wrapper>svg {
    height: 10px;
    width: 10px
}

.semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(10px)
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
    transform: translateX(2px)
}

.semi-switch-loading.semi-switch-large .semi-switch-loading-spin>.semi-spin-wrapper>svg {
    height: 28px;
    width: 28px
}

.semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(22px)
}

.semi-switch-disabled.semi-switch-checked {
    background-color: var(--semi-color-success-disabled)
}

.semi-switch-large {
    border-radius: 16px;
    height: 32px;
    width: 54px
}

.semi-switch-large .semi-switch-knob {
    border-radius: 12px;
    height: 24px;
    top: 3px;
    transform: translateX(3px);
    width: 24px
}

.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 {
    font-size: 14px;
    width: 26px
}

.semi-switch-small {
    border-radius: 8px;
    height: 16px;
    width: 26px
}

.semi-switch-small .semi-switch-knob {
    border-radius: 6px;
    height: 12px;
    top: 1px;
    transform: translateX(1px);
    width: 12px
}

.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 {
    height: 100%;
    width: 100%
}

.semi-portal-rtl .semi-switch,.semi-rtl .semi-switch {
    direction: rtl
}

.semi-portal-rtl .semi-switch-checked .semi-switch-knob,.semi-rtl .semi-switch-checked .semi-switch-knob {
    transform: translateX(-18px)
}

.semi-portal-rtl .semi-switch-checked:active .semi-switch-knob,.semi-rtl .semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-12px)
}

.semi-portal-rtl .semi-switch-knob,.semi-rtl .semi-switch-knob {
    left: auto;
    right: 0;
    transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-native-control,.semi-rtl .semi-switch-native-control {
    right: 0
}

.semi-portal-rtl .semi-switch-unchecked-text,.semi-rtl .semi-switch-unchecked-text {
    left: 0
}

.semi-portal-rtl .semi-switch-loading .semi-switch-loading-spin,.semi-rtl .semi-switch-loading .semi-switch-loading-spin {
    transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin,.semi-rtl .semi-switch-loading.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(-16px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin,.semi-rtl .semi-switch-loading.semi-switch-small .semi-switch-loading-spin {
    transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin,.semi-rtl .semi-switch-loading.semi-switch-small.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(-10px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin,.semi-rtl .semi-switch-loading.semi-switch-large .semi-switch-loading-spin {
    transform: translateX(-2px)
}

.semi-portal-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin,.semi-rtl .semi-switch-loading.semi-switch-large.semi-switch-checked .semi-switch-loading-spin {
    transform: translateX(-22px)
}

.semi-portal-rtl .semi-switch-large .semi-switch-knob,.semi-rtl .semi-switch-large .semi-switch-knob {
    transform: translateX(-3px)
}

.semi-portal-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob,.semi-rtl .semi-switch-large.semi-switch-checked .semi-switch-knob {
    transform: translateX(-26px)
}

.semi-portal-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob,.semi-rtl .semi-switch-large.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-16px)
}

.semi-portal-rtl .semi-switch-small .semi-switch-knob,.semi-rtl .semi-switch-small .semi-switch-knob {
    transform: translateX(-1px)
}

.semi-portal-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob,.semi-rtl .semi-switch-small.semi-switch-checked .semi-switch-knob {
    transform: translateX(-11px)
}

.semi-portal-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob,.semi-rtl .semi-switch-small.semi-switch-checked:active .semi-switch-knob {
    transform: translateX(-9px)
}

.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 {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: var(--semi-border-radius-medium);
    box-shadow: 0 4px 14px rgba(0,0,0,.1);
    display: flex
}

.semi-timepicker-range-panel .semi-timepicker-lists>.semi-scrolllist:not(:last-child) .semi-scrolllist-body {
    border-right: 2px solid var(--semi-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 {
    align-items: center;
    border-radius: var(--semi-border-radius-small);
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px
}

.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-left: 2px solid var(--semi-color-border);
    border-right: 0
}

.semi-tree-select {
    align-items: center;
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    line-height: 32px;
    min-height: 32px;
    min-width: 80px;
    position: relative
}

.semi-tree-select:hover {
    background-color: var(--semi-color-fill-1);
    border: 1px solid;
    border-color: inherit
}

.semi-tree-select-focus {
    border: 1px solid var(--semi-color-focus-border);
    outline: 0
}

.semi-tree-select-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

.semi-tree-select-warning:hover {
    background-color: var(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning-light-hover)
}

.semi-tree-select-warning.semi-tree-select-focus {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning)
}

.semi-tree-select-warning:active {
    background-color: var(--semi-color-warning-light-active);
    border-color: var(--semi-color-warning-light-active)
}

.semi-tree-select-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

.semi-tree-select-error:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-tree-select-error.semi-tree-select-focus {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-tree-select-error:active {
    background-color: var(--semi-color-danger-light-active);
    border-color: var(--semi-color-danger-light-active)
}

.semi-tree-select-disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-tree-select-disabled,.semi-tree-select-disabled:hover {
    background-color: var(--semi-color-disabled-fill)
}

.semi-tree-select-disabled .semi-tree-select-selection,.semi-tree-select-disabled .semi-tree-select-selection-placeholder {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-tree-select-disabled .semi-tag,.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(--semi-color-disabled-text)
}

.semi-tree-select-disabled .semi-tag {
    background-color: transparent
}

.semi-tree-select-selection {
    align-items: center;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: inline-flex;
    flex-grow: 1;
    flex-wrap: wrap;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 0
}

.semi-tree-select-selection-placeholder {
    color: var(--semi-color-text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-tree-select-selection .semi-tag-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    height: inherit
}

.semi-tree-select-selection .semi-tag {
    margin: 1px 2px
}

.semi-tree-select-selection-TriggerSearchItem {
    position: absolute
}

.semi-tree-select-selection-TriggerSearchItem-placeholder {
    opacity: .6
}

.semi-tree-select-selection-TriggerSearchItem-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper {
    width: 100%
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-tree-select-inputTrigger .semi-input-wrapper {
    background: transparent
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper {
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input-wrapper-focus {
    border: none
}

.semi-tree-select-selection .semi-tree-select-triggerSingleSearch-wrapper .semi-input {
    padding-left: 0;
    padding-right: 0
}

.semi-tree-select-selection .semi-tagInput {
    background: transparent;
    border: hidden
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper {
    padding-left: 4px;
    padding-right: 4px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper {
    height: 30px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper .semi-input {
    padding-left: 0
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-small {
    height: 22px
}

.semi-tree-select-selection .semi-tagInput .semi-tagInput-wrapper .semi-input-wrapper-large {
    height: 38px
}

.semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
    margin-left: -4px
}

.semi-tree-select-multiple-tagInput-empty .semi-tagInput {
    margin-left: 4px
}

.semi-tree-select-multiple {
    display: inline-flex
}

.semi-tree-select-multiple .semi-tree-select-selection {
    padding-left: 4px;
    padding-right: 0
}

.semi-tree-select-multiple .semi-tree-select-selection-placeholder {
    padding-left: 8px
}

.semi-tree-select-small {
    line-height: 24px;
    min-height: 24px
}

.semi-tree-select-large {
    line-height: 40px;
    min-height: 40px
}

.semi-tree-select-arrow {
    align-items: center;
    color: var(--semi-color-text-2);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 32px
}

.semi-tree-select-inset-label {
    color: var(--semi-color-text-2);
    display: inline;
    flex-shrink: 0;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 12px;
    white-space: nowrap
}

.semi-tree-select.semi-tree-select-with-prefix {
    align-items: center;
    display: inline-flex
}

.semi-tree-select-arrow,.semi-tree-select-clearbtn {
    align-items: center;
    color: var(--semi-color-text-2);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 32px
}

.semi-tree-select-clearbtn:hover {
    color: var(--semi-color-primary-hover)
}

.semi-tree-select-clearbtn:active {
    color: var(--semi-color-primary-active)
}

.semi-tree-select-prefix,.semi-tree-select-suffix {
    align-items: center;
    display: inline;
    display: flex;
    justify-content: center
}

.semi-tree-select-prefix-text,.semi-tree-select-suffix-text {
    margin: 0 12px
}

.semi-tree-select-prefix-icon,.semi-tree-select-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.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 {
    border-bottom: 1px solid var(--semi-color-fill-0);
    padding: 8px 12px
}

.semi-tree-select-prefix-maxTagCount,.semi-tree-select-suffix-maxTagCount {
    color: var(--semi-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 {
    display: flex;
    flex-direction: column;
    height: 100%
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-option-list {
    flex: 1 1;
    min-width: 230px
}

.semi-tree-select-popover .semi-tree-wrapper .semi-tree-search-wrapper {
    border-bottom: 1px solid var(--semi-color-fill-0)
}

.semi-portal-rtl .semi-tree-select,.semi-rtl .semi-tree-select {
    direction: rtl
}

.semi-portal-rtl .semi-tree-select .semi-tagInput .semi-input,.semi-rtl .semi-tree-select .semi-tagInput .semi-input {
    padding-right: 0
}

.semi-portal-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput,.semi-rtl .semi-tree-select-multiple-tagInput-notEmpty .semi-tagInput {
    margin-left: 0;
    margin-right: -4px
}

.semi-portal-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput,.semi-rtl .semi-tree-select-multiple-tagInput-empty .semi-tagInput {
    margin-left: 0;
    margin-right: 4px
}

.semi-portal-rtl .semi-tree-select-selection,.semi-rtl .semi-tree-select-selection {
    padding-left: 0;
    padding-right: 12px
}

.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-left: 12px;
    margin-right: 0
}

.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-left: 0;
    padding-right: auto
}

.semi-portal-rtl .semi-tree-select-popover,.semi-rtl .semi-tree-select-popover {
    direction: rtl
}

.semi-tagInput {
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    display: inline-flex;
    font-weight: 400;
    width: 100%
}

.semi-tagInput-hover {
    background-color: var(--semi-color-fill-1);
    border: 1px solid transparent
}

.semi-tagInput-focus {
    background-color: var(--semi-color-fill-0);
    border: 1px solid var(--semi-color-focus-border)
}

.semi-tagInput-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

.semi-tagInput-warning:hover {
    background-color: var(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning-light-hover)
}

.semi-tagInput-warning.semi-tagInput-focus {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning)
}

.semi-tagInput-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

.semi-tagInput-error:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-tagInput-error.semi-tagInput-focus {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-tagInput-disabled {
    cursor: not-allowed
}

.semi-tagInput-disabled .semi-tagInput-clearBtn,.semi-tagInput-disabled .semi-tagInput-prefix,.semi-tagInput-disabled .semi-tagInput-suffix {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper {
    cursor: not-allowed
}

.semi-tagInput-disabled .semi-tagInput-wrapper-tag {
    background-color: transparent;
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input {
    cursor: not-allowed
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input::-moz-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input:-ms-input-placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-disabled .semi-tagInput-wrapper-input::placeholder {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px
}

.semi-tagInput-wrapper-tag {
    margin-right: 4px;
    white-space: pre
}

.semi-tagInput-wrapper-tag-size-small {
    margin-bottom: 1px;
    margin-top: 1px
}

.semi-tagInput-wrapper-tag-size-default {
    margin-bottom: 2px;
    margin-top: 2px
}

.semi-tagInput-wrapper-tag-size-large {
    margin-bottom: 3px;
    margin-top: 3px
}

.semi-tagInput-wrapper-typo {
    font-size: 12px
}

.semi-tagInput-wrapper-typo-disabled {
    color: var(--semi-color-disabled-text)
}

.semi-tagInput-wrapper-n {
    color: var(--semi-color-text-0);
    cursor: pointer;
    font-size: 12px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px
}

.semi-tagInput-wrapper-n-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input {
    background-color: transparent;
    border: none;
    flex-grow: 1;
    font-size: 14px;
    min-width: 38px;
    outline: none;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:hover {
    background-color: transparent
}

.semi-tagInput-wrapper .semi-tagInput-wrapper-input:not(:first-child)>input {
    padding-left: 0
}

.semi-tagInput-clearBtn {
    align-items: center;
    color: var(--semi-color-text-2);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    width: 32px
}

.semi-tagInput-clearBtn:hover {
    color: var(--semi-color-primary-hover);
    cursor: pointer
}

.semi-tagInput-clearBtn-invisible {
    visibility: hidden
}

.semi-tagInput-prefix,.semi-tagInput-suffix {
    align-items: center;
    display: flex;
    justify-content: center
}

.semi-tagInput-prefix-text,.semi-tagInput-suffix-text {
    font-weight: 600;
    margin: 0 12px;
    white-space: nowrap
}

.semi-tagInput-prefix-icon,.semi-tagInput-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-tagInput-prefix-text {
    color: var(--semi-color-text-2)
}

.semi-tagInput-suffix-text {
    color: var(--semi-color-text-1)
}

.semi-portal-rtl .semi-tagInput,.semi-rtl .semi-tagInput {
    direction: rtl
}

.semi-portal-rtl .semi-tagInput-wrapper-tag,.semi-rtl .semi-tagInput-wrapper-tag {
    margin-left: 4px;
    margin-right: 0
}

.semi-portal-rtl .semi-tagInput-wrapper-input:not(:first-child)>input,.semi-rtl .semi-tagInput-wrapper-input:not(:first-child)>input {
    padding-right: 0
}

.semi-cascader {
    align-items: center;
    background-color: var(--semi-color-fill-0);
    border: 1px solid transparent;
    border-radius: var(--semi-border-radius-small);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-weight: 400;
    height: auto;
    line-height: 32px;
    min-height: 32px;
    min-width: 80px;
    position: relative;
    vertical-align: middle
}

.semi-cascader:hover {
    background-color: var(--semi-color-fill-1);
    border: 1px solid transparent
}

.semi-cascader-small {
    line-height: 24px;
    min-height: 24px
}

.semi-cascader-large {
    line-height: 40px;
    min-height: 40px
}

.semi-cascader-focus {
    border: 1px solid var(--semi-color-focus-border);
    outline: 0
}

.semi-cascader-focus:active,.semi-cascader-focus:hover {
    background-color: var(--semi-color-fill-0);
    border: 1px solid var(--semi-color-focus-border)
}

.semi-cascader-warning {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning-light-default)
}

.semi-cascader-warning:hover {
    background-color: var(--semi-color-warning-light-hover);
    border-color: var(--semi-color-warning-light-hover)
}

.semi-cascader-warning.semi-cascader-focus {
    background-color: var(--semi-color-warning-light-default);
    border-color: var(--semi-color-warning)
}

.semi-cascader-warning:active {
    background-color: var(--semi-color-warning-light-active);
    border-color: var(--semi-color-warning-light-active)
}

.semi-cascader-error {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger-light-default)
}

.semi-cascader-error:hover {
    background-color: var(--semi-color-danger-light-hover);
    border-color: var(--semi-color-danger-light-hover)
}

.semi-cascader-error.semi-cascader-focus {
    background-color: var(--semi-color-danger-light-default);
    border-color: var(--semi-color-danger)
}

.semi-cascader-error:active {
    background-color: var(--semi-color-danger-light-active);
    border-color: var(--semi-color-danger-light-active)
}

.semi-cascader-selection {
    align-items: center;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: inline-flex;
    flex-grow: 1;
    flex-wrap: wrap;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 100%;
    line-height: 20px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px
}

.semi-cascader-selection-multiple {
    padding-left: 4px;
    padding-right: 4px
}

.semi-cascader-selection-placeholder {
    color: var(--semi-color-text-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-cascader-selection-tag {
    margin: 1px 2px 1px 0
}

.semi-cascader-selection-tag:first-child {
    margin-left: 0
}

.semi-cascader-selection-tag-disabled.semi-tag {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-cascader-selection-tag-disabled.semi-tag .semi-tag-close {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed;
    pointer-events: none
}

.semi-cascader-selection-n {
    color: var(--semi-color-text-0);
    cursor: pointer;
    font-size: 12px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px
}

.semi-cascader-selection-n-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-cascader-selection span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.semi-cascader-selection .semi-cascader-tagInput-wrapper {
    background: transparent;
    border: hidden;
    margin-left: -4px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper {
    height: 30px;
    margin-left: 4px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
    padding-left: 0
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper-small {
    height: 22px
}

.semi-cascader-selection .semi-tagInput .semi-input-wrapper-large {
    height: 38px
}

.semi-cascader-arrow,.semi-cascader-clearbtn {
    align-items: center;
    color: var(--semi-color-text-2);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    margin-right: 12px;
    width: 16px
}

.semi-cascader-clearbtn:hover {
    color: var(--semi-color-primary-hover)
}

.semi-cascader-clearbtn:active {
    color: var(--semi-color-primary-active)
}

.semi-cascader-prefix,.semi-cascader-suffix {
    align-items: center;
    display: inline;
    display: flex;
    justify-content: center
}

.semi-cascader-prefix-text,.semi-cascader-suffix-text {
    margin: 0 12px
}

.semi-cascader-prefix-icon,.semi-cascader-suffix-icon {
    color: var(--semi-color-text-2);
    margin: 0 8px
}

.semi-cascader-inset-label {
    color: var(--semi-color-text-2);
    display: inline;
    flex-shrink: 0;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 12px;
    white-space: nowrap
}

.semi-cascader.semi-cascader-with-prefix {
    align-items: center;
    display: inline-flex
}

.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 {
    background-color: var(--semi-color-disabled-fill);
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-cascader-disabled .semi-cascader-selection {
    cursor: not-allowed
}

.semi-cascader-disabled:hover {
    background-color: var(--semi-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(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-cascader-disabled .semi-cascader-arrow {
    color: var(--semi-color-disabled-text)
}

.semi-cascader-popover .semi-cascader-search-wrapper {
    border-bottom: 1px solid var(--semi-color-fill-0);
    padding: 8px 12px
}

.semi-cascader-popover .semi-cascader-option-empty {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.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-cascader-search-wrapper .semi-input-wrapper {
    background-color: transparent;
    border: none;
    height: 100%;
    width: 100%
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input-wrapper-focus {
    border: none
}

.semi-cascader-single.semi-cascader-filterable .semi-cascader-selection .semi-cascader-search-wrapper .semi-input {
    padding-left: 0;
    padding-right: 0
}

.semi-cascader-option-lists {
    display: flex;
    height: 180px;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.semi-cascader-option-lists-empty {
    height: auto
}

.semi-cascader-option-lists li,.semi-cascader-option-lists ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.semi-cascader-option-lists ul>li {
    padding: 8px 16px 8px 12px
}

.semi-cascader-option-lists .semi-cascader-option-list {
    border-left: 1px solid var(--semi-color-fill-0);
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    list-style: none;
    margin: 0;
    min-width: 150px;
    overflow: auto;
    padding: 4px 0
}

.semi-cascader-option-lists .semi-cascader-option-list:first-child {
    border-left: none
}

.semi-cascader-option-lists .semi-cascader-option {
    align-items: center;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: flex;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    justify-content: space-between;
    line-height: 20px;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    position: relative;
    word-break: break-all
}

.semi-cascader-option-lists .semi-cascader-option:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-cascader-option-lists .semi-cascader-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-cascader-option-lists .semi-cascader-option-icon {
    color: var(--semi-color-text-2);
    display: inline-flex;
    flex-shrink: 0;
    width: 16px
}

.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 {
    align-items: center;
    display: flex;
    white-space: pre
}

.semi-cascader-option-lists .semi-cascader-option-label-checkbox {
    margin-right: 8px
}

.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(--semi-color-primary-light-default)
}

.semi-cascader-option-lists .semi-cascader-option-label-highlight,.semi-cascader-option-lists .semi-cascader-option-select {
    color: var(--semi-color-primary);
    font-weight: 600
}

.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(--semi-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-rtl .semi-cascader-arrow,.semi-rtl .semi-cascader-clearbtn {
    margin-left: 12px;
    margin-right: 0
}

.semi-portal-rtl .semi-cascader-inset-label,.semi-rtl .semi-cascader-inset-label {
    margin-left: 12px;
    margin-right: 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-left: 0;
    padding-right: auto
}

.semi-portal-rtl .semi-cascader-selection-multiple,.semi-rtl .semi-cascader-selection-multiple {
    padding-left: 4px;
    padding-right: 4px
}

.semi-portal-rtl .semi-cascader-selection-tag:first-child,.semi-rtl .semi-cascader-selection-tag:first-child {
    margin-right: 0
}

.semi-portal-rtl .semi-cascader-selection-n,.semi-rtl .semi-cascader-selection-n {
    margin-left: 4px;
    margin-right: 0
}

.semi-portal-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper,.semi-rtl .semi-cascader-selection .semi-cascader-tagInput-wrapper {
    margin-left: 0;
    margin-right: -4px
}

.semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper,.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper {
    margin-left: 0;
    margin-right: 4px
}

.semi-portal-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input,.semi-rtl .semi-cascader-selection .semi-tagInput .semi-input-wrapper .semi-input {
    padding-right: 0
}

.semi-cascader-option-label-checkbox {
    margin-left: 8px;
    margin-right: 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(--semi-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-left: 8px;
    margin-right: 0
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option-flatten {
    padding-left: 64px;
    padding-right: 0
}

.semi-cascader-option-lists .semi-cascader-option-lists-rtl .semi-cascader-option .semi-icon-chevron_right {
    transform: scaleX(-1)
}

.semi-rating {
    color: rgba(var(--semi-yellow-5),1);
    display: inline-block;
    font-size: 20px;
    line-height: inherit;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0
}

.semi-rating-disabled .semi-rating-star {
    cursor: default
}

.semi-rating-disabled .semi-rating-star:hover {
    transform: scale(1)
}

.semi-rating-star {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    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 {
    font-size: 16px;
    height: 16px;
    width: 16px
}

.semi-rating-star-default {
    font-size: 24px;
    height: 24px;
    width: 24px
}

.semi-rating-star-wrapper {
    position: relative
}

.semi-rating-star-first,.semi-rating-star-second {
    color: var(--semi-color-fill-0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.semi-rating-star-first {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

.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-portal-rtl .semi-rating,.semi-rtl .semi-rating {
    direction: rtl
}

.semi-portal-rtl .semi-rating-star:not(:last-child),.semi-rtl .semi-rating-star:not(:last-child) {
    margin-left: 6px;
    margin-right: 0
}

.semi-portal-rtl .semi-rating-star-first,.semi-rtl .semi-rating-star-first {
    left: auto;
    right: 0
}

.semi-select-option {
    align-items: center;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--semi-color-text-0);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    position: relative;
    word-break: break-all
}

.semi-select-option-icon {
    align-content: center;
    color: transparent;
    display: flex;
    justify-content: center;
    margin-right: 8px;
    visibility: hidden;
    width: 12px
}

.semi-select-option-text {
    display: flex;
    flex-wrap: wrap;
    white-space: pre
}

.semi-select-option-keyword {
    background-color: inherit;
    color: var(--semi-color-primary);
    font-weight: 600
}

.semi-select-option:active {
    background-color: var(--semi-color-fill-1)
}

.semi-select-option-empty {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed;
    justify-content: center
}

.semi-select-option-empty:active,.semi-select-option-empty:hover {
    background-color: inherit
}

.semi-select-option-disabled {
    color: var(--semi-color-disabled-text);
    cursor: not-allowed
}

.semi-select-option-disabled:hover {
    background-color: var(--semi-color-fill-0)
}

.semi-select-option-selected {
    font-weight: 600
}

.semi-select-option-selected .semi-select-option-icon {
    color: var(--semi-color-text-2);
    visibility: visible
}

.semi-select-option-focused {
    background-color: var(--semi-color-fill-0)
}

.semi-select-option:first-of-type {
    margin-top: 4px
}

.semi-select-option:last-of-type {
    margin-bottom: 4px
}

.semi-autocomplete {
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    vertical-align: middle
}

.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 {
    cursor: not-allowed;
    padding-bottom: 8px;
    padding-top: 8px
}

.semi-autocomplete-loading-wrapper .semi-spin {
    width: 100%
}

.semi-portal-rtl .semi-autocomplete,.semi-rtl .semi-autocomplete {
    direction: rtl
}

.float-btn {
    align-items: center;
    background: #ff416c;
    background: linear-gradient(90deg,#ff416c,#ff4b2b);
    border-radius: 999px;
    box-shadow: 4px 4px 20px rgba(255,65,108,.2);
    color: var(--light);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 56px;
    justify-content: center;
    position: absolute;
    width: 56px;
    z-index: 99
}

.contextMenu {
    background: #fff;
    border: .5px solid #ccc;
    border-radius: 6px;
    box-shadow: 1px 1px 10px rgba(0,0,0,.1);
    font-size: .9rem;
    line-height: 1.8;
    padding: 4px 0;
    position: absolute
}

.contextMenuModal {
    background-color: rgba(0,0,0,.06);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.contextMenuItem {
    cursor: pointer;
    padding: 4px 16px
}

.contextMenuItem:hover {
    background-color: rgba(0,0,0,.05)
}

.contextMenuDivider {
    border-bottom: .5px solid #e1e1e1;
    height: 1px;
    margin: 4px 0
}

#Container {
    font-family: Arial,微软雅黑,宋体;
    font-size: 16px;
    min-height: 100%;
    width: 100%;
position: relative;
}

#Container .wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
    min-width: 1200px;
    width: 1220px
}

.gly .top {
    background: url(../images/banner-bg.056201c27a825241f256.svg) no-repeat top;
  position: relative;
    z-index: 33;
    margin-bottom: 36px;
    padding-bottom: 20px;
    padding-top: 20px
}
.gly .banner a{display: contents;}
.gly .top .wrap {
    align-items: center
}

.gly .top .navi {
    background-color: #fff;
    border: 4px solid #b9cf84;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
 
}

.gly .top .navi a {
    border-right: 1px dashed rgba(0,0,0,.2);
    padding: 2px 24px
}

.gly .top .navi li a:last-child {
   /* border-right: none*/
}

.gly .top .navi a:hover {
    color: #5e936c
}

.gly .banner {
    background: url(../images/banner-bg.befdfb87c3f1f1e9eb16.png) no-repeat top;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 22
}

.gly .banner .semi-carousel-indicator-center {
    bottom: 64px
}

 

.gly .column {
    background: url(../images/leaf-bg.343b69fca63696a87c89.png) no-repeat 0;
    height: 412px;
    padding: 102px 76px 0 16px;
    width: 425px
}

.gly .column0 {
    margin-left: -20px;
    padding: 102px 64px 0 16px
}

.gly .column1 {
    background-image: url(../images/leaf-bg-2.d0333fe5f8c1d12209d1.png)
}

.gly .column2 {
    background-image: url(../images/leaf-bg-3.fb320ad915c840d54797.png);
    font-size: 11pt;
    height: 317px;
    line-height: 210%;
    padding: 24px 20px 0 16px;
    width: 380px
}

.gly .column3 {
    background-image: url(../images/leaf-bg-1.c3e8d695246ea09fbc8c.png);
    height: 433px;
    padding: 102px 36px 0 16px;
    width: 100%
}

.gly .column-head {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    font-size: 15pt;
    justify-content: space-between;
    margin-bottom: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 8px
}

.gly .column-head,.gly .column-head-more,.gly .column-head-title {
    align-items: center;
    display: flex;
    flex-direction: row
}

.gly .column-head-title {
    color: rgba(0,0,0,.9)
}

.gly .column-head-more {
    color: #5e936c;
    font-size: 12pt;
    font-weight: 700
}

.gly .column-slide {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    width: 100%
}

.gly .column-slide-inner {
    left: 0;
    overflow: hidden;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.gly .column-slide-item {
    display: inline-block;
    margin-right: 16px
}

.gly .column-slide-item-thumb {
    background-size: cover;
    height: 200px;
    position: relative;
    width: 200px
}

.gly .column-slide-item-thumb:hover .column-slide-item-title {
    display: block
}

.gly .column-slide-item-title {
    background-color: rgba(0,0,0,.4);
    bottom: 0;
    color: #fff;
    display: none;
    left: 0;
    overflow: hidden;
    padding: 8px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis
}

.gly .column-list.list {
    padding: 16px 0
}

.gly .column-list.list .column-list-item {
    background-position: 0;
    padding-left: 20px
}

.gly .column-list-item {
    align-items: center;
    background: url(../images/dot.b7e164566dc26d9634c7.svg) no-repeat 12px;
    color: rgba(0,0,0,.9);
    display: flex;
    flex-direction: row;
    font-size: 11pt;
    justify-content: space-between;
    line-height: 225%;
    padding: 4px 12px 4px 32px;
    width: 100%
}

.gly .column-list-item-date,.gly .column-list-item-title {
    white-space: nowrap
}

.gly .column-list-item:hover .column-list-item-title {
    color: #5e936c
}

.gly .column-list-item-title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.gly .column-list-item-date {
    color: rgba(0,0,0,.4);
    flex-grow: 0;
    flex-shrink: 1;
    font-size: 10pt;
    margin-left: 16px;
    white-space: nowrap
}

.gly .column-content h1 {
    color: rgba(0,0,0,.9);
    font-size: 18pt;
    line-height: 210%;
    text-align: center
}

.gly .column-content .extra {
    color: rgba(0,0,0,.5);
    margin-bottom: 32px;
    text-align: center
}

.gly .slide-wrap {
    margin-bottom: 16px;
    margin-top: 16px
}

.gly .footer {
    border-top: 1px dashed rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
    margin-top: 64px;
    padding: 42px 0
}

.gly .footer-map a {
    border-right: 1px solid rgba(0,0,0,.2);
    color: rgba(0,0,0,.5);
    padding: 0 12px
}

.gly .footer-map a:last-child {
    border-right: none
}

.gly .footer .wrap {
    flex-direction: column
}

.gly .crumb {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    color: rgba(0,0,0,.4);
    font-size: 16pt;
    padding: 12px 0;
    width: 100%
}

.paragraph,.unstyled {
    line-height: 175%
}

.blockquote {
    border-left: 3px solid rgba(0,0,0,.05);
    color: rgba(0,0,0,.5);
    margin-block: .5em;
    margin-inline: 0;
    padding-left: 1em
}

.header-five,.header-four,.header-one,.header-three,.header-two {
    line-height: 175%;
    margin-block: 0
}

.header-five .span,.header-four .span,.header-one .span,.header-three .span,.header-two .span {
    text-align: right
}

.header-one {
    font-size: 1.8em
}

.pi__wallpaper {
    background-size: cover auto;
    display: flex;
    height: 100%;
    width: 100%
}

.box-wrap {
    display: flex;
    flex-direction: column
}

.box {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: hsla(0,0%,100%,.95);
    border-radius: var(--semi-border-radius-medium);
    box-shadow: 4px 4px 8px rgba(0,0,0,.1);
    padding: 24px
}

.card {
    width: 100%
}

.switch {
    align-items: center;
    background-color: hsla(0,0%,100%,.9);
    border-bottom-left-radius: var(--semi-border-radius-medium);
    border-bottom-right-radius: var(--semi-border-radius-medium);
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    margin: 0 16px;
    padding: 12px
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;;
    height: 100%;
    object-fit: cover;
}


.append-buttons {
    text-align: center;
    margin-top: 20px;
}
.gly .top .navi li{    position: relative;}
.gly .top .navi li ul{display:none;position: absolute;
    overflow: hidden;
    background: #fff;top:110%;left:0;    border-radius: 10px;
    box-shadow: 1px 1px 6px 2px #a2a2a2;}
.gly .top .navi li ul li{line-height:40px;height:40px;}

.gly .top .navi li ul li a{border:none;}
.gly .top .navi li ul li:hover{background:#f2f2f2;}
.gly .top .navi li:hover> ul{display:block}
.append-buttons button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;}
.wrapmySwiper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    height: 600px;
}
.swiper-pagination-bullet:focus {
    outline: none;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    z-index:24 !important;
bottom: -1px !important;
}
.cloud{

    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 23;
width:100%;
    bottom: -5px;
}