/* shadow */
/* sizing */
/* spacing */
body, :host {
  --semi-transition_duration-slowest:0ms;
  --semi-transition_duration-slower:0ms;
  --semi-transition_duration-slow:0ms;
  --semi-transition_duration-normal:0ms;
  --semi-transition_duration-fast:0ms;
  --semi-transition_duration-faster:0ms;
  --semi-transition_duration-fastest:0ms;
  --semi-transition_duration-none:0ms;
  --semi-transition_function-linear:linear;
  --semi-transition_function-ease:ease;
  --semi-transition_function-easeIn:ease-in;
  --semi-transition_function-easeOut:ease-out;
  --semi-transition_function-easeInIOut:ease-in-out;
  --semi-transition_delay-none: 0ms;
  --semi-transition_delay-slowest:0ms;
  --semi-transition_delay-slower:0ms;
  --semi-transition_delay-slow:0ms;
  --semi-transition_delay-normal:0ms;
  --semi-transition_delay-fast:0ms;
  --semi-transition_delay-faster:0ms;
  --semi-transition_delay-fastest:0ms;
  --semi-transform_scale-none:scale(1,1);
  --semi-transform_scale-small:scale(1,1);
  --semi-transform_scale-medium:scale(1,1);
  --semi-transform_scale-large:scale(1,1);
  --semi-transform-rotate-none:rotate(0deg);
  --semi-transform_rotate-clockwise90deg:rotate(90deg);
  --semi-transform_rotate-clockwise180deg:rotate(180deg);
  --semi-transform_rotate-clockwise270deg:rotate(270deg);
  --semi-transform_rotate-clockwise360deg:rotate(360deg);
  --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
  --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
  --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
  --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
}

body, body .semi-always-light, :host, :host .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;
  --semi-ai-purple-0: 248,237,255;
  --semi-ai-purple-1: 242,218,255;
  --semi-ai-purple-2: 227,181,255;
  --semi-ai-purple-3: 209,145,255;
  --semi-ai-purple-4: 189,108,255;
  --semi-ai-purple-5: 166,71,255;
  --semi-ai-purple-6: 134,54,219;
  --semi-ai-purple-7: 105,40,184;
  --semi-ai-purple-8: 78,28,148;
  --semi-ai-purple-9: 54,18,112;
  --semi-ai-general-0-3: 239,247,255;
  --semi-ai-general-0-2: 244,244,255;
  --semi-ai-general-0-1: 248,237,255;
  --semi-ai-general-0-0: 255,242,255;
  --semi-ai-general-1-3: 213,235,255;
  --semi-ai-general-1-2: 223,224,255;
  --semi-ai-general-1-1: 242,218,255;
  --semi-ai-general-1-0: 255,218,254;
  --semi-ai-general-2-3: 171,213,255;
  --semi-ai-general-2-2: 193,192,255;
  --semi-ai-general-2-1: 227,181,255;
  --semi-ai-general-2-0: 254,181,255;
  --semi-ai-general-3-3: 130,190,255;
  --semi-ai-general-3-2: 163,160,255;
  --semi-ai-general-3-1: 209,145,255;
  --semi-ai-general-3-0: 249,143,255;
  --semi-ai-general-4-3: 88,166,255;
  --semi-ai-general-4-2: 134,129,255;
  --semi-ai-general-4-1: 189,108,255;
  --semi-ai-general-4-0: 242,106,255;
  --semi-ai-general-5-3: 46,140,255;
  --semi-ai-general-5-2: 107,97,255;
  --semi-ai-general-5-1: 166,71,255;
  --semi-ai-general-5-0: 233,69,255;
  --semi-ai-general-6-3: 33,114,219;
  --semi-ai-general-6-2: 88,77,219;
  --semi-ai-general-6-1: 134,54,219;
  --semi-ai-general-6-0: 194,53,219;
  --semi-ai-general-7-3: 22,89,184;
  --semi-ai-general-7-2: 71,59,184;
  --semi-ai-general-7-1: 105,40,184;
  --semi-ai-general-7-0: 157,39,184;
  --semi-ai-general-8-3: 13,67,148;
  --semi-ai-general-8-2: 55,43,148;
  --semi-ai-general-8-1: 78,28,148;
  --semi-ai-general-8-0: 121,27,148;
  --semi-ai-general-9-3: 7,47,112;
  --semi-ai-general-9-2: 40,29,112;
  --semi-ai-general-9-1: 54,18,112;
  --semi-ai-general-9-0: 88,17,112;
  --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
  --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
  --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
  --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
  --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
  --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
  --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
  --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
  --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
  --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
}

body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-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;
  --semi-ai-purple-0: 58,23,112;
  --semi-ai-purple-1: 83,35,148;
  --semi-ai-purple-2: 111,49,184;
  --semi-ai-purple-3: 141,65,219;
  --semi-ai-purple-4: 167,68,255;
  --semi-ai-purple-5: 195,117,255;
  --semi-ai-purple-6: 213,152,255;
  --semi-ai-purple-7: 229,186,255;
  --semi-ai-purple-8: 243,221,255;
  --semi-ai-purple-9: 251,243,255;
  --semi-ai-general-0-0: 9,44,100;
  --semi-ai-general-0-1: 39,29,108;
  --semi-ai-general-0-2: 58,23,112;
  --semi-ai-general-0-3: 80,18,101;
  --semi-ai-general-1-0: 17,64,136;
  --semi-ai-general-1-1: 54,43,144;
  --semi-ai-general-1-2: 83,35,148;
  --semi-ai-general-1-3: 113,28,137;
  --semi-ai-general-2-0: 26,86,172;
  --semi-ai-general-2-1: 70,59,180;
  --semi-ai-general-2-2: 111,49,184;
  --semi-ai-general-2-3: 148,41,173;
  --semi-ai-general-3-0: 38,111,207;
  --semi-ai-general-3-1: 88,78,215;
  --semi-ai-general-3-2: 141,65,219;
  --semi-ai-general-3-3: 185,55,208;
  --semi-ai-general-4-0: 35,127,240;
  --semi-ai-general-4-1: 94,84,248;
  --semi-ai-general-4-2: 167,68,255;
  --semi-ai-general-4-3: 219,56,241;
  --semi-ai-general-5-0: 91,162,245;
  --semi-ai-general-5-1: 134,129,252;
  --semi-ai-general-5-2: 195,117,255;
  --semi-ai-general-5-3: 234,107,246;
  --semi-ai-general-6-0: 131,187,248;
  --semi-ai-general-6-1: 163,160,253;
  --semi-ai-general-6-2: 213,152,255;
  --semi-ai-general-6-3: 243,143,248;
  --semi-ai-general-7-0: 172,210,250;
  --semi-ai-general-7-1: 192,192,253;
  --semi-ai-general-7-2: 229,186,255;
  --semi-ai-general-7-3: 249,180,251;
  --semi-ai-general-8-0: 213,233,253;
  --semi-ai-general-8-1: 223,223,254;
  --semi-ai-general-8-2: 243,221,255;
  --semi-ai-general-8-3: 253,217,252;
  --semi-ai-general-9-0: 239,247,254;
  --semi-ai-general-9-1: 244,244,255;
  --semi-ai-general-9-2: 251,243,255;
  --semi-ai-general-9-3: 254,241,254;
  --semi-ai-general-0: linear-gradient(278deg, rgba(var(--semi-ai-general-0-0)) 0%, rgba(var(--semi-ai-general-0-1)) 30%, rgba(var(--semi-ai-general-0-2)) 60%, rgba(var(--semi-ai-general-0-3)) 100%);
  --semi-ai-general-1: linear-gradient(278deg, rgba(var(--semi-ai-general-1-0)) 0%, rgba(var(--semi-ai-general-1-1)) 30%, rgba(var(--semi-ai-general-1-2)) 60%, rgba(var(--semi-ai-general-1-3)) 100%);
  --semi-ai-general-2: linear-gradient(278deg, rgba(var(--semi-ai-general-2-0)) 0%, rgba(var(--semi-ai-general-2-1)) 30%, rgba(var(--semi-ai-general-2-2)) 60%, rgba(var(--semi-ai-general-2-3)) 100%);
  --semi-ai-general-3: linear-gradient(278deg, rgba(var(--semi-ai-general-3-0)) 0%, rgba(var(--semi-ai-general-3-1)) 30%, rgba(var(--semi-ai-general-3-2)) 60%, rgba(var(--semi-ai-general-3-3)) 100%);
  --semi-ai-general-4: linear-gradient(278deg, rgba(var(--semi-ai-general-4-0)) 0%, rgba(var(--semi-ai-general-4-1)) 30%, rgba(var(--semi-ai-general-4-2)) 60%, rgba(var(--semi-ai-general-4-3)) 100%);
  --semi-ai-general-5: linear-gradient(278deg, rgba(var(--semi-ai-general-5-0)) 0%, rgba(var(--semi-ai-general-5-1)) 30%, rgba(var(--semi-ai-general-5-2)) 60%, rgba(var(--semi-ai-general-5-3)) 100%);
  --semi-ai-general-6: linear-gradient(278deg, rgba(var(--semi-ai-general-6-0)) 0%, rgba(var(--semi-ai-general-6-1)) 30%, rgba(var(--semi-ai-general-6-2)) 60%, rgba(var(--semi-ai-general-6-3)) 100%);
  --semi-ai-general-7: linear-gradient(278deg, rgba(var(--semi-ai-general-7-0)) 0%, rgba(var(--semi-ai-general-7-1)) 30%, rgba(var(--semi-ai-general-7-2)) 60%, rgba(var(--semi-ai-general-7-3)) 100%);
  --semi-ai-general-8: linear-gradient(278deg, rgba(var(--semi-ai-general-8-0)) 0%, rgba(var(--semi-ai-general-8-1)) 30%, rgba(var(--semi-ai-general-8-2)) 60%, rgba(var(--semi-ai-general-8-3)) 100%);
  --semi-ai-general-9: linear-gradient(278deg, rgba(var(--semi-ai-general-9-0)) 0%, rgba(var(--semi-ai-general-9-1)) 30%, rgba(var(--semi-ai-general-9-2)) 60%, rgba(var(--semi-ai-general-9-3)) 100%);
}

body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  --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-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
  --semi-color-secondary-light-active: rgba(var(--semi-light-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;
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
  --semi-color-highlight: rgba(var(--semi-black), 1);
  --semi-color-data-0: rgba(87, 105, 255, 1);
  --semi-color-data-1: rgba(142, 212, 231, 1);
  --semi-color-data-2: rgba(245, 135, 0, 1);
  --semi-color-data-3: rgba(220, 183, 252, 1);
  --semi-color-data-4: rgba(74, 156, 247, 1);
  --semi-color-data-5: rgba(243, 204, 53, 1);
  --semi-color-data-6: rgba(254, 128, 144, 1);
  --semi-color-data-7: rgba(139, 215, 210, 1);
  --semi-color-data-8: rgba(131, 176, 35, 1);
  --semi-color-data-9: rgba(233, 165, 229, 1);
  --semi-color-data-10: rgba(48, 167, 206, 1);
  --semi-color-data-11: rgba(249, 192, 100, 1);
  --semi-color-data-12: rgba(177, 113, 249, 1);
  --semi-color-data-13: rgba(119, 182, 249, 1);
  --semi-color-data-14: rgba(200, 143, 2, 1);
  --semi-color-data-15: rgba(255, 170, 178, 1);
  --semi-color-data-16: rgba(51, 176, 171, 1);
  --semi-color-data-17: rgba(182, 215, 129, 1);
  --semi-color-data-18: rgba(212, 88, 212, 1);
  --semi-color-data-19: rgba(188, 198, 255, 1);
  --semi-color-ai-general: var(--semi-ai-general-5);
  --semi-color-ai-general-hover: var(--semi-ai-general-6);
  --semi-color-ai-general-active: var(--semi-ai-general-7);
  --semi-color-ai-general-disabled: var(--semi-ai-general-2);
  --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
  --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
  --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
  --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
  --semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 255, 255, 0.04) 6.58%, rgba(255, 226, 138, 0.04) 32.88%, rgba(231, 45, 255, 0.04) 67.93%, rgba(0, 115, 255, 0.04) 94.23%);
  --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 255, 255, 0.08) 6.58%, rgba(255, 226, 138, 0.08) 32.88%, rgba(231, 45, 255, 0.08) 67.93%, rgba(0, 115, 255, 0.08) 94.23%);
  --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 255, 255, 0.12) 6.58%, rgba(255, 226, 138, 0.12) 32.88%, rgba(231, 45, 255, 0.12) 67.93%, rgba(0, 115, 255, 0.12) 94.23%);
  --semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, 0.16) 6.58%, rgba(176, 48, 240, 0.096) 32.88%, rgba(231, 45, 255, 0.048) 59.17%, rgba(255, 255, 255, 0) 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.24) 6.58%, rgba(176, 48, 240, 0.144) 32.88%, rgba(231, 45, 255, 0.072) 59.17%, rgba(255, 255, 255, 0) 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.32) 6.58%, rgba(176, 48, 240, 0.192) 32.88%, rgba(231, 45, 255, 0.096) 59.17%, rgba(255, 255, 255, 0) 94.23%);
}

body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  --semi-color-white: rgba(228, 231, 245, 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-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-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);
  --semi-color-secondary-light-active: rgba(var(--semi-light-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: rgba(35, 36, 41, 1);
  --semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .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: rgba(22, 22, 26, 1);
  --semi-color-bg-1: rgba(35, 36, 41, 1);
  --semi-color-bg-2: rgba(53, 54, 60, 1);
  --semi-color-bg-3: rgba(67, 68, 74, 1);
  --semi-color-bg-4: rgba(79, 81, 89, 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), .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-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
  --semi-color-highlight: rgba(var(--semi-white), 1);
  --semi-color-data-0: rgba(94, 109, 194, 1);
  --semi-color-data-1: rgba(8, 104, 120, 1);
  --semi-color-data-2: rgba(250, 173, 63, 1);
  --semi-color-data-3: rgba(76, 43, 156, 1);
  --semi-color-data-4: rgba(16, 125, 248, 1);
  --semi-color-data-5: rgba(248, 202, 16, 1);
  --semi-color-data-6: rgba(195, 30, 87, 1);
  --semi-color-data-7: rgba(5, 119, 115, 1);
  --semi-color-data-8: rgba(154, 207, 13, 1);
  --semi-color-data-9: rgba(117, 29, 138, 1);
  --semi-color-data-10: rgba(16, 162, 180, 1);
  --semi-color-data-11: rgba(208, 110, 11, 1);
  --semi-color-data-12: rgba(113, 66, 197, 1);
  --semi-color-data-13: rgba(7, 100, 212, 1);
  --semi-color-data-14: rgba(251, 232, 110, 1);
  --semi-color-data-15: rgba(160, 19, 73, 1);
  --semi-color-data-16: rgba(11, 179, 167, 1);
  --semi-color-data-17: rgba(98, 138, 6, 1);
  --semi-color-data-18: rgba(162, 48, 179, 1);
  --semi-color-data-19: rgba(40, 51, 138, 1);
  --semi-color-ai-general: var(--semi-ai-general-5);
  --semi-color-ai-general-hover: var(--semi-ai-general-6);
  --semi-color-ai-general-active: var(--semi-ai-general-7);
  --semi-color-ai-general-disabled: var(--semi-ai-general-2);
  --semi-color-ai-purple: rgba(var(--semi-ai-purple-5));
  --semi-color-ai-purple-hover: rgba(var(--semi-ai-purple-6));
  --semi-color-ai-purple-active: rgba(var(--semi-ai-purple-7));
  --semi-color-ai-purple-disabled: rgba(var(--semi-ai-purple-2));
  --semi-color-ai-background-bottom: linear-gradient(201.15deg, rgba(255, 226, 138, 0.2) 6.58%, rgba(231, 45, 255, 0.2) 50.4%, rgba(0, 115, 255, 0.2) 94.23%);
  --semi-color-ai-background-bottom-hover: linear-gradient(201.15deg, rgba(255, 226, 138, 0.3) 6.58%, rgba(231, 45, 255, 0.3) 50.4%, rgba(0, 115, 255, 0.3) 94.23%);
  --semi-color-ai-background-bottom-active: linear-gradient(201.15deg, rgba(255, 226, 138, 0.4) 6.58%, rgba(231, 45, 255, 0.4) 50.4%, rgba(0, 115, 255, 0.4) 94.23%);
  --semi-color-ai-background-top: linear-gradient(201.15deg, rgba(83, 56, 255, 0.36) 6.58%, rgba(176, 48, 240, 0.216) 32.88%, rgba(154, 0, 174, 0.108) 59.17%, rgba(0, 0, 0, 0) 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.54) 6.58%, rgba(176, 48, 240, 0.324) 32.88%, rgba(154, 0, 174, 0.162) 59.17%, rgba(0, 0, 0, 0) 94.23%);
  --semi-color-ai-background-top-hover: linear-gradient(201.15deg, rgba(83, 56, 255, 0.72) 6.58%, rgba(176, 48, 240, 0.432) 32.88%, rgba(154, 0, 174, 0.216) 59.17%, rgba(0, 0, 0, 0) 94.23%);
}

.semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.semi-light-scrollbar::-webkit-scrollbar-track, .semi-light-scrollbar *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.semi-light-scrollbar::-webkit-scrollbar-corner, .semi-light-scrollbar *::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}
.semi-light-scrollbar::-webkit-scrollbar-thumb, .semi-light-scrollbar *::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: transparent;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.semi-light-scrollbar:hover::-webkit-scrollbar-thumb, .semi-light-scrollbar *:hover::-webkit-scrollbar-thumb {
  background: var(--semi-color-fill-2);
}
.semi-light-scrollbar::-webkit-scrollbar-thumb:hover, .semi-light-scrollbar *::-webkit-scrollbar-thumb:hover {
  background: var(--semi-color-fill-1);
}
/* shadow */
/* sizing */
/* spacing */
.semi-avatar {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
.semi-avatar:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}
.semi-avatar-focus {
  outline: 2px solid var(--semi-color-primary-light-active);
}
.semi-avatar-no-focus-visible:focus-visible {
  outline: none;
}
.semi-avatar .semi-avatar-label {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.semi-avatar-content {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.semi-avatar-extra-extra-small {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
.semi-avatar-extra-extra-small .semi-avatar-content {
  transform-origin: center;
  transform: scale(0.8);
}
.semi-avatar-extra-extra-small .semi-avatar-label {
  font-size: 10px;
  line-height: 15px;
}
.semi-avatar-extra-small {
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.semi-avatar-extra-small .semi-avatar-content {
  transform-origin: center;
  transform: scale(0.8);
}
.semi-avatar-extra-small .semi-avatar-label {
  font-size: 10px;
  line-height: 15px;
}
.semi-avatar-small {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}
.semi-avatar-small .semi-avatar-label {
  font-size: 12px;
  line-height: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.semi-avatar-default {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
.semi-avatar-default .semi-avatar-label {
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.semi-avatar-medium {
  width: 48px;
  height: 48px;
  border-radius: 3px;
}
.semi-avatar-medium .semi-avatar-label {
  font-size: 20px;
  line-height: 28px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.semi-avatar-large {
  width: 72px;
  height: 72px;
  border-radius: 6px;
}
.semi-avatar-large .semi-avatar-label {
  font-size: 32px;
  line-height: 44px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.semi-avatar-extra-large {
  width: 128px;
  height: 128px;
  border-radius: 12px;
}
.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;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.semi-avatar-hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.semi-avatar:hover {
  cursor: pointer;
}

.semi-avatar-wrapper {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg {
  position: absolute;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-small {
  width: 32px;
  height: 32px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-default {
  width: 40px;
  height: 40px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-medium {
  width: 48px;
  height: 48px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-large {
  width: 72px;
  height: 72px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-extra-large {
  width: 128px;
  height: 128px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg {
  position: absolute;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-small {
  top: -28px;
  scale: 0.4;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-default {
  top: -32px;
  scale: 0.7;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-medium {
  top: -30px;
  scale: 0.8;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-large {
  top: -30px;
  scale: 1.1;
}
.semi-avatar-wrapper .semi-avatar-top_slot-bg-svg-extra-large {
  top: -32px;
  scale: 1.4;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot {
  color: var(--semi-color-bg-0);
  font-weight: 600;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  line-height: normal;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-small {
  font-size: 5px;
  margin-top: 0px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-default {
  font-size: 6px;
  margin-top: -2px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-medium {
  font-size: 8px;
  margin-top: 0px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-large {
  font-size: 14px;
  margin-top: 0px;
}
.semi-avatar-wrapper .semi-avatar-top_slot-wrapper .semi-avatar-top_slot-content-extra-large {
  font-size: 16px;
  margin-top: 0px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot {
  color: var(--semi-color-bg-0);
  position: absolute;
  cursor: pointer;
  bottom: 3.5px;
  transform: translateY(50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--semi-color-primary);
  border-radius: var(--semi-border-radius-circle);
  line-height: normal;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-small {
  width: 12px;
  height: 12px;
  font-size: 5px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-small {
  width: 12px;
  height: 12px;
  font-size: 5px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-default {
  width: 16px;
  height: 16px;
  font-size: 12px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-medium {
  width: 18px;
  height: 18px;
  font-size: 12px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-large {
  width: 28px;
  height: 28px;
  font-size: 12px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_circle-extra-large {
  width: 28px;
  height: 28px;
  font-size: 14px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--semi-color-primary);
  border-radius: 4px;
  padding: 1px 4px;
  font-weight: 600;
  border-style: solid;
  border-color: var(--semi-color-bg-0);
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra_small {
  font-size: 5px;
  border-width: 2px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-small {
  font-size: 5px;
  border-width: 2px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-default {
  font-size: 12px;
  border-width: 2px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-medium {
  font-size: 12px;
  border-width: 2px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-large {
  font-size: 12px;
  border-width: 2px;
}
.semi-avatar-wrapper .semi-avatar-bottom_slot-shape_square-extra-large {
  font-size: 14px;
  border-width: 2px;
}

.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 var(--semi-color-bg-1) solid;
  margin-left: -32px;
}
.semi-avatar-group .semi-avatar-large {
  border: 3px var(--semi-color-bg-1) solid;
  margin-left: -18px;
}
.semi-avatar-group .semi-avatar-medium {
  border: 2px var(--semi-color-bg-1) solid;
  margin-left: -12px;
}
.semi-avatar-group .semi-avatar-default {
  border: 2px var(--semi-color-bg-1) solid;
  margin-left: -12px;
}
.semi-avatar-group .semi-avatar-small {
  border: 2px var(--semi-color-bg-1) solid;
  margin-left: -12px;
}
.semi-avatar-group .semi-avatar-extra-small {
  border: 1px var(--semi-color-bg-1) solid;
  margin-left: -10px;
}
.semi-avatar-group .semi-avatar-extra-extra-small {
  border: 1px var(--semi-color-bg-1) solid;
  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-start-10 {
  z-index: 90;
}
.semi-avatar-group .semi-avatar-item-end-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: rgba(var(--semi-white), 1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-avatar-additionalBorder {
  border-style: solid;
  border-color: var(--semi-color-primary);
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  border-width: 1.5px;
  top: -3.5px;
  left: -3.5px;
}
.semi-avatar-additionalBorder-extra-extra-small {
  width: 27px;
  height: 27px;
}
.semi-avatar-additionalBorder-extra-small {
  width: 31px;
  height: 31px;
}
.semi-avatar-additionalBorder-small {
  width: 39px;
  height: 39px;
}
.semi-avatar-additionalBorder-default {
  width: 47px;
  height: 47px;
}
.semi-avatar-additionalBorder-medium {
  width: 55px;
  height: 55px;
}
.semi-avatar-additionalBorder-large {
  width: 79px;
  height: 79px;
}
.semi-avatar-additionalBorder-extra-large {
  width: 135px;
  height: 135px;
}

.semi-avatar-square.semi-avatar-additionalBorder-extra_extra_small {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-extra_small {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-small {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-default {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-medium {
  border-radius: 3px;
}

.semi-avatar-square.semi-avatar-additionalBorder-large {
  border-radius: 6px;
}

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

.semi-avatar-additionalBorder-animated {
  animation: 800ms linear infinite semi-avatar-additionalBorder;
}

.semi-avatar-animated {
  animation: 1000ms linear infinite semi-avatar-content;
}

@keyframes semi-avatar-additionalBorder {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    border-width: 0;
    opacity: 0;
    transform: scale(1.15);
  }
}
@keyframes semi-avatar-content {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
.semi-rtl .semi-avatar,
.semi-portal-rtl .semi-avatar {
  direction: rtl;
}
.semi-rtl .semi-avatar-extra-extra-small .semi-avatar-content,
.semi-portal-rtl .semi-avatar-extra-extra-small .semi-avatar-content {
  transform: scale(0.8);
}
.semi-rtl .semi-avatar-extra-small .semi-avatar-content,
.semi-portal-rtl .semi-avatar-extra-small .semi-avatar-content {
  transform: scale(0.8);
}
.semi-rtl .semi-avatar-hover,
.semi-portal-rtl .semi-avatar-hover {
  left: auto;
  right: 0;
}
.semi-rtl .semi-avatar-group,
.semi-portal-rtl .semi-avatar-group {
  direction: rtl;
}
.semi-rtl .semi-avatar-group .semi-avatar:first-child,
.semi-portal-rtl .semi-avatar-group .semi-avatar:first-child {
  margin-left: auto;
  margin-right: 0;
}
.semi-rtl .semi-avatar-group .semi-avatar-extra-large,
.semi-portal-rtl .semi-avatar-group .semi-avatar-extra-large {
  margin-left: auto;
  margin-right: -32px;
}
.semi-rtl .semi-avatar-group .semi-avatar-large,
.semi-portal-rtl .semi-avatar-group .semi-avatar-large {
  margin-left: auto;
  margin-right: -18px;
}
.semi-rtl .semi-avatar-group .semi-avatar-medium,
.semi-rtl .semi-avatar-group .semi-avatar-small,
.semi-portal-rtl .semi-avatar-group .semi-avatar-medium,
.semi-portal-rtl .semi-avatar-group .semi-avatar-small {
  margin-left: auto;
  margin-right: -12px;
}
.semi-rtl .semi-avatar-group .semi-avatar-extra-small,
.semi-portal-rtl .semi-avatar-group .semi-avatar-extra-small {
  margin-left: auto;
  margin-right: -10px;
}
.semi-rtl .semi-avatar-group .semi-avatar-extra-extra-small,
.semi-portal-rtl .semi-avatar-group .semi-avatar-extra-extra-small {
  margin-left: auto;
  margin-right: -4px;
}
/* shadow */
/* sizing */
/* spacing */
.semi-button-split {
  display: inline-block;
}
.semi-button-split .semi-button {
  border-radius: 0;
  margin-right: 1px;
}
.semi-button-split .semi-button-first {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-button-split .semi-button-last {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
  margin-right: unset;
}
.semi-button-split:hover .semi-button-borderless:active {
  background-color: var(--semi-color-fill-1);
}

.semi-button {
  --semi-button-colorful-multiple-fill-0: rgba(var(--semi-ai-general-5-3));
  --semi-button-colorful-multiple-fill-1: rgba(var(--semi-ai-general-5-2));
  --semi-button-colorful-multiple-fill-2: rgba(var(--semi-ai-general-5-1));
  --semi-button-colorful-multiple-fill-3: rgba(var(--semi-ai-general-5-0));
  --semi-button-colorful-disabled-fill: var(--semi-color-disabled-text);
  --semi-button-colorful-fill-primary: var(--semi-color-ai-purple);
  --semi-button-colorful-fill-secondary: var(--semi-color-text-0);
  box-shadow: none;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0 transparent solid;
  border-radius: var(--semi-border-radius-small);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  outline: none;
  vertical-align: middle;
  white-space: nowrap;
}
.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, .semi-button.semi-button-danger:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}
.semi-button-content {
  display: flex;
  align-items: center;
}
.semi-button-danger {
  background-color: var(--semi-color-danger);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-danger-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-danger-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-danger-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.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-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-danger);
}
.semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
  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: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-warning-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-warning-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-warning-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.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-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-warning);
}
.semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
  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: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-tertiary.semi-button-colorful.semi-button-solid {
  background: var(--semi-ai-general-0);
}
.semi-button-tertiary.semi-button-colorful.semi-button-solid:hover {
  background: var(--semi-ai-general-1);
}
.semi-button-tertiary.semi-button-colorful.semi-button-solid:active {
  background: var(--semi-ai-general-2);
}
.semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content-right, .semi-button-tertiary.semi-button-colorful.semi-button-solid .semi-button-content:not(:has(> .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.semi-button-tertiary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-tertiary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-tertiary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.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-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
  color: var(--semi-color-text-1);
}
.semi-button-primary {
  background-color: var(--semi-color-primary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-primary.semi-button-colorful.semi-button-solid {
  background: var(--semi-color-ai-general);
}
.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  background: var(--semi-color-ai-general-hover);
}
.semi-button-primary.semi-button-colorful.semi-button-solid:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
  background: var(--semi-color-ai-general-active);
}
.semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-light .semi-button-content:not(:has(> .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.semi-button-primary.semi-button-colorful.semi-button-outline {
  color: var(--semi-color-ai-purple);
  border-color: var(--semi-color-ai-purple);
}
.semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content-right, .semi-button-primary.semi-button-colorful.semi-button-borderless .semi-button-content:not(:has(> .semi-button-content-right)) {
  background: var(--semi-color-ai-general);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.semi-button-primary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-primary-disabled.semi-button-light {
  background: var(--semi-color-fill-0);
}
.semi-button-primary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  background-color: var(--semi-color-primary-hover);
}
.semi-button-primary.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
  background-color: var(--semi-color-primary-active);
}
.semi-button-primary.semi-button-light, .semi-button-primary.semi-button-outline, .semi-button-primary.semi-button-borderless {
  color: var(--semi-color-primary);
}
.semi-button-secondary {
  background-color: var(--semi-color-secondary);
  outline-color: var(--semi-color-secondary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-secondary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-secondary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-secondary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-secondary.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.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-light, .semi-button-secondary.semi-button-outline, .semi-button-secondary.semi-button-borderless {
  color: var(--semi-color-secondary);
}
.semi-button-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}
.semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  color: var(--semi-color-disabled-text);
}
.semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
  color: var(--semi-color-disabled-text);
}
.semi-button-disabled.semi-button-outline {
  color: var(--semi-color-disabled-text);
}
.semi-button-borderless {
  background-color: transparent;
  border: 0 transparent solid;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-borderless:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
  border: 0 transparent solid;
}
.semi-button-borderless:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
  border: 0 transparent solid;
}
.semi-button-outline {
  background-color: transparent;
}
.semi-button-outline:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
}
.semi-button-outline:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
}
.semi-button-light {
  background-color: var(--semi-color-fill-0);
  border: 0 transparent solid;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-light:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-1);
  border: 0 transparent solid;
}
.semi-button-light:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-2);
  border: 0 transparent solid;
}
.semi-button-size-small {
  height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.semi-button-size-large {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.semi-button-block {
  width: 100%;
}
.semi-button-group {
  display: flex;
  flex-wrap: wrap;
}
.semi-button-group > .semi-button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button:first-child {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-button-group > .semi-button:last-child {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-button-group > .semi-button-outline:not(:last-child) {
  border-right-color: transparent;
  margin-right: -1px;
}
.semi-button-group-line {
  display: inline-flex;
  align-items: center;
  background-color: var(--semi-color-border);
}
.semi-button-group-line-primary {
  background-color: var(--semi-color-primary);
}
.semi-button-group-line-secondary {
  background-color: var(--semi-color-secondary);
}
.semi-button-group-line-tertiary {
  background-color: var(--semi-color-tertiary);
}
.semi-button-group-line-warning {
  background-color: var(--semi-color-warning);
}
.semi-button-group-line-danger {
  background-color: var(--semi-color-danger);
}
.semi-button-group-line-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-group-line-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-group-line-borderless {
  background-color: transparent;
}
.semi-button-group-line::before {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--semi-color-border);
}

.semi-rtl .semi-button,
.semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-small,
.semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-large,
.semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group,
.semi-portal-rtl .semi-button-group {
  direction: rtl;
}
.semi-rtl .semi-button-group > .semi-button,
.semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button:first-child,
.semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}
.semi-rtl .semi-button-group > .semi-button:last-child,
.semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-content-left,
.semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}
.semi-rtl .semi-button-content-right,
.semi-portal-rtl .semi-button-content-right {
  margin-right: 8px;
  margin-left: 0;
}
/* shadow */
/* sizing */
/* spacing */
.semi-icon {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
}

.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 {
  animation: 0.6s linear infinite semi-icon-animation-rotate;
  animation-fill-mode: forwards;
}

@keyframes semi-icon-animation-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
/* shadow */
/* sizing */
/* spacing */
@keyframes semi-animation-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.semi-button.semi-button-with-icon {
  display: inline-flex;
  align-items: center;
}
.semi-button.semi-button-with-icon .semi-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.semi-button.semi-button-loading {
  pointer-events: none;
  cursor: not-allowed;
}
.semi-button.semi-button-loading .semi-button-content > svg, .semi-button.semi-button-loading .semi-button-content-loading-icon {
  width: 16px;
  height: 16px;
  animation: 600ms linear infinite semi-animation-rotate;
  animation-fill-mode: forwards;
}
.semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
}
.semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: 24px;
  width: 24px;
}
.semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  height: 40px;
  width: 40px;
}
.semi-button-content-left {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.semi-button-content-right {
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.semi-rtl .semi-button,
.semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-small,
.semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-large,
.semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group,
.semi-portal-rtl .semi-button-group {
  direction: rtl;
}
.semi-rtl .semi-button-group > .semi-button,
.semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button:first-child,
.semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}
.semi-rtl .semi-button-group > .semi-button:last-child,
.semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-content-left,
.semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}
.semi-rtl .semi-button-content-right,
.semi-portal-rtl .semi-button-content-right {
  margin-right: 8px;
  margin-left: 0;
}
/* shadow */
/* sizing */
/* spacing */
.semi-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: var(--semi-border-radius-medium);
  overflow: hidden;
  background-color: var(--semi-color-bg-0);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.semi-card-shadows {
  cursor: pointer;
  transition: box-shadow 300ms;
}
.semi-card-shadows-hover:hover {
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1;
}
.semi-card-shadows-always {
  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 {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.semi-card-header-wrapper-spacing {
  margin-right: 20px;
}
.semi-card-header-wrapper-title {
  width: 100%;
  overflow: hidden;
}
.semi-card-header-wrapper-extra {
  flex-shrink: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0em;
  color: var(--semi-color-text-0);
}
.semi-card-cover > * {
  display: block;
  width: 100%;
}
.semi-card-body {
  padding: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: var(--semi-color-text-1);
}
.semi-card-body-actions {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--semi-color-border);
}
.semi-card-footer {
  padding: 20px;
}
.semi-card-footer-bordered {
  border-top: 1px solid var(--semi-color-border);
}
.semi-card-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.semi-card-meta-avatar {
  margin-right: 12px;
}
.semi-card-meta-wrapper-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  color: var(--semi-color-text-0);
}
.semi-card-meta-wrapper-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  color: var(--semi-color-text-2);
}

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

.semi-rtl .semi-card,
.semi-portal-rtl .semi-card {
  direction: rtl;
}
.semi-rtl .semi-card-header-wrapper,
.semi-portal-rtl .semi-card-header-wrapper {
  align-items: flex-end;
}
.semi-rtl .semi-card-header-wrapper-title,
.semi-portal-rtl .semi-card-header-wrapper-title {
  display: flex;
  align-items: flex-end;
}
.semi-rtl .semi-card-header-wrapper-spacing,
.semi-portal-rtl .semi-card-header-wrapper-spacing {
  margin-left: 20px;
  margin-right: 0;
}
.semi-rtl .semi-card-meta-avatar,
.semi-portal-rtl .semi-card-meta-avatar {
  margin-left: 12px;
  margin-right: 0;
}
.semi-rtl .semi-card-group,
.semi-portal-rtl .semi-card-group {
  direction: rtl;
}
.semi-rtl .semi-card-group-grid .semi-card,
.semi-portal-rtl .semi-card-group-grid .semi-card {
  margin-left: 0;
  margin-top: 0;
  margin-right: -1px;
  margin-bottom: -1px;
}
/* shadow */
/* sizing */
/* spacing */
.semi-skeleton-avatar, .semi-skeleton-image, .semi-skeleton-title, .semi-skeleton-button {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
}
.semi-skeleton-avatar-circle {
  border-radius: 50%;
}
.semi-skeleton-avatar-extra-extra-small {
  width: 20px;
  height: 20px;
}
.semi-skeleton-avatar-extra-small {
  width: 24px;
  height: 24px;
}
.semi-skeleton-avatar-medium {
  width: 48px;
  height: 48px;
}
.semi-skeleton-avatar-small {
  width: 32px;
  height: 32px;
}
.semi-skeleton-avatar-large {
  width: 72px;
  height: 72px;
}
.semi-skeleton-avatar-extra-large {
  width: 128px;
  height: 128px;
}
.semi-skeleton-paragraph {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.semi-skeleton-paragraph li {
  background: var(--semi-color-fill-0);
  border-radius: var(--semi-border-radius-small);
  width: 100%;
  height: 16px;
  margin-bottom: 10px;
}
.semi-skeleton-paragraph li:last-child {
  width: 60%;
  margin-bottom: 0;
}
.semi-skeleton-paragraph li:first-child {
  width: 100%;
}
.semi-skeleton-title {
  width: 100%;
  height: 24px;
}
.semi-skeleton-button {
  width: 115px;
  height: 32px;
}
.semi-skeleton-image {
  width: 100%;
  height: 100%;
}
.semi-skeleton-active .semi-skeleton-avatar,
.semi-skeleton-active .semi-skeleton-image,
.semi-skeleton-active .semi-skeleton-title,
.semi-skeleton-active .semi-skeleton-button,
.semi-skeleton-active .semi-skeleton-paragraph li {
  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%;
  animation: 1400ms skeleton-loading ease infinite;
  animation-fill-mode: forwards;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.semi-rtl .semi-skeleton,
.semi-portal-rtl .semi-skeleton {
  direction: rtl;
}
/* shadow */
/* sizing */
/* spacing */
.semi-typography {
  color: var(--semi-color-text-0);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.semi-typography.semi-typography-secondary {
  color: var(--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;
          user-select: none;
}
.semi-typography.semi-typography-disabled.semi-typography-link {
  color: var(--semi-color-link);
}
.semi-typography-icon {
  margin-right: 4px;
  vertical-align: middle;
  color: inherit;
}
.semi-typography-small {
  font-size: 12px;
  line-height: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.semi-typography-small.semi-typography-paragraph {
  font-weight: 400;
}
.semi-typography code {
  border: 1px solid var(--semi-color-border);
  border-radius: 2px;
  color: var(--semi-color-text-2);
  background-color: var(--semi-color-fill-1);
  padding: 2px 4px;
}
.semi-typography mark {
  background-color: var(--semi-color-primary-light-default);
}
.semi-typography u {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.semi-typography del {
  text-decoration: line-through;
}
.semi-typography strong {
  font-weight: 600;
}
.semi-typography a {
  display: inline;
  color: var(--semi-color-link);
  cursor: pointer;
  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 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.semi-typography-ellipsis-multiple-line.semi-typography-ellipsis-multiple-line-text {
  display: -webkit-inline-box;
}
.semi-typography-ellipsis-overflow-ellipsis {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.semi-typography-ellipsis-overflow-ellipsis.semi-typography-ellipsis-overflow-ellipsis-text {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.semi-typography-ellipsis-expand {
  display: inline;
  margin-left: 8px;
}
.semi-typography-action-copy {
  display: inline-flex;
  vertical-align: middle;
  padding: 0;
  margin-left: 4px;
}
.semi-typography a.semi-typography-action-copy-icon {
  display: inline-flex;
}
.semi-typography-action-copied {
  display: inline-flex;
  padding: 0;
  margin-left: 4px;
  color: var(--semi-color-text-2);
}
.semi-typography-action-copied .semi-icon {
  vertical-align: middle;
  color: var(--semi-color-success);
}
.semi-typography-paragraph {
  margin: 0;
}

h1.semi-typography,
.semi-typography-h1.semi-typography {
  font-size: 32px;
  line-height: 44px;
  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;
}
h1.semi-typography.semi-typography-h1-weight-light,
.semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
  font-weight: 200;
}
h1.semi-typography.semi-typography-h1-weight-regular,
.semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
  font-weight: 400;
}
h1.semi-typography.semi-typography-h1-weight-medium,
.semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
  font-weight: 500;
}
h1.semi-typography.semi-typography-h1-weight-semibold,
.semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
  font-weight: 600;
}
h1.semi-typography.semi-typography-h1-weight-bold,
.semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
  font-weight: 700;
}

h2.semi-typography,
.semi-typography-h2.semi-typography {
  font-size: 28px;
  line-height: 40px;
  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;
}
h2.semi-typography.semi-typography-h2-weight-light,
.semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
  font-weight: 200;
}
h2.semi-typography.semi-typography-h2-weight-regular,
.semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
  font-weight: 400;
}
h2.semi-typography.semi-typography-h2-weight-medium,
.semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
  font-weight: 500;
}
h2.semi-typography.semi-typography-h2-weight-semibold,
.semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
  font-weight: 600;
}
h2.semi-typography.semi-typography-h2-weight-bold,
.semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
  font-weight: 700;
}

h3.semi-typography,
.semi-typography-h3.semi-typography {
  font-size: 24px;
  line-height: 32px;
  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;
}
h3.semi-typography.semi-typography-h3-weight-light,
.semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
  font-weight: 200;
}
h3.semi-typography.semi-typography-h3-weight-regular,
.semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
  font-weight: 400;
}
h3.semi-typography.semi-typography-h3-weight-medium,
.semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
  font-weight: 500;
}
h3.semi-typography.semi-typography-h3-weight-semibold,
.semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
  font-weight: 600;
}
h3.semi-typography.semi-typography-h3-weight-bold,
.semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
  font-weight: 700;
}

h4.semi-typography,
.semi-typography-h4.semi-typography {
  font-size: 20px;
  line-height: 28px;
  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;
}
h4.semi-typography.semi-typography-h4-weight-light,
.semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
  font-weight: 200;
}
h4.semi-typography.semi-typography-h4-weight-regular,
.semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
  font-weight: 400;
}
h4.semi-typography.semi-typography-h4-weight-medium,
.semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
  font-weight: 500;
}
h4.semi-typography.semi-typography-h4-weight-semibold,
.semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
  font-weight: 600;
}
h4.semi-typography.semi-typography-h4-weight-bold,
.semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
  font-weight: 700;
}

h5.semi-typography,
.semi-typography-h5.semi-typography {
  font-size: 18px;
  line-height: 24px;
  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;
}
h5.semi-typography.semi-typography-h5-weight-light,
.semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
  font-weight: 200;
}
h5.semi-typography.semi-typography-h5-weight-regular,
.semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
  font-weight: 400;
}
h5.semi-typography.semi-typography-h5-weight-medium,
.semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
  font-weight: 500;
}
h5.semi-typography.semi-typography-h5-weight-semibold,
.semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
  font-weight: 600;
}
h5.semi-typography.semi-typography-h5-weight-bold,
.semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
  font-weight: 700;
}

h6.semi-typography,
.semi-typography-h6.semi-typography {
  font-size: 16px;
  line-height: 22px;
  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;
}
h6.semi-typography.semi-typography-h6-weight-light,
.semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
  font-weight: 200;
}
h6.semi-typography.semi-typography-h6-weight-regular,
.semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
  font-weight: 400;
}
h6.semi-typography.semi-typography-h6-weight-medium,
.semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
  font-weight: 500;
}
h6.semi-typography.semi-typography-h6-weight-semibold,
.semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
  font-weight: 600;
}
h6.semi-typography.semi-typography-h6-weight-bold,
.semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
  font-weight: 700;
}

p.semi-typography-extended,
.semi-typography-paragraph.semi-typography-extended {
  line-height: 24px;
  font-weight: 400;
}

.semi-rtl .semi-typography,
.semi-portal-rtl .semi-typography {
  direction: rtl;
}
.semi-rtl .semi-typography-link a,
.semi-rtl .semi-typography a,
.semi-portal-rtl .semi-typography-link a,
.semi-portal-rtl .semi-typography a {
  display: inline-block;
}
.semi-rtl .semi-typography-icon,
.semi-portal-rtl .semi-typography-icon {
  margin-right: auto;
  margin-left: 4px;
}
.semi-rtl .semi-typography-ellipsis-expand,
.semi-portal-rtl .semi-typography-ellipsis-expand {
  margin-left: auto;
}
.semi-rtl .semi-typography-action-copy,
.semi-portal-rtl .semi-typography-action-copy {
  margin-left: auto;
  margin-right: 4px;
}
.semi-rtl .semi-typography-action-copied,
.semi-portal-rtl .semi-typography-action-copied {
  margin-left: auto;
  margin-right: 4px;
}
/* shadow */
/* sizing */
/* spacing */
@keyframes semi-tooltip-zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes semi-tooltip-bounceIn {
  from {
    opacity: 0;
    transform: scale(0.6, 0.6);
  }
  70% {
    opacity: 1;
    transform: scale(1.01, 1.01);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@keyframes semi-tooltip-zoomOut {
  from {
    opacity: 1;
  }
  60% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
  }
}
.semi-tooltip-wrapper {
  position: relative;
  background-color: rgba(var(--semi-grey-7), 1);
  backdrop-filter: none;
  color: var(--semi-color-bg-0);
  border-radius: var(--semi-border-radius-medium);
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  left: 0;
  top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 0;
  max-width: 240px;
}
.semi-tooltip-wrapper-show {
  opacity: 1;
}
.semi-tooltip-content {
  min-width: 0;
}
.semi-tooltip-trigger {
  display: inline-block;
  width: auto;
  height: auto;
}
.semi-tooltip-with-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.semi-tooltip-animation-show {
  animation: semi-tooltip-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}
.semi-tooltip-animation-hide {
  animation: semi-tooltip-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
  height: 7px;
  width: 24px;
  position: absolute;
  color: rgba(var(--semi-grey-7), 1);
}
.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}
.semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
  bottom: -6px;
  left: 6px;
}
.semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
  bottom: -6px;
  right: 6px;
}
.semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  top: 5px;
}
.semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  bottom: 5px;
}
.semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  top: 5px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  bottom: 5px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 6px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
  right: 6px;
  top: -6px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-rtl .semi-tooltip-wrapper,
.semi-portal-rtl .semi-tooltip-wrapper {
  direction: rtl;
  padding-right: 12px;
  padding-left: 12px;
  left: auto;
  right: 0;
}
/* shadow */
/* sizing */
/* spacing */
.semi-portal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.semi-portal-inner {
  position: absolute;
  background-color: transparent;
  min-width: -moz-max-content;
  min-width: max-content;
}
/* shadow */
/* sizing */
/* spacing */
@keyframes semi-popover-zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes semi-popover-zoomOut {
  from {
    opacity: 1;
  }
  60% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
  }
}
.semi-popover-wrapper {
  position: relative;
  background-color: var(--semi-color-bg-3);
  backdrop-filter: none;
  box-shadow: var(--semi-shadow-elevated);
  z-index: 1030;
  border-radius: var(--semi-border-radius-medium);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 0;
}
.semi-popover-wrapper-show {
  opacity: 1;
}
.semi-popover-trigger {
  display: inline-block;
  width: auto;
  height: auto;
}
.semi-popover-title {
  padding: 8px;
  border-bottom: 1px solid var(--semi-color-border);
}
.semi-popover-confirm {
  position: absolute;
}
.semi-popover-with-arrow {
  padding: 12px;
  box-sizing: border-box;
}
.semi-popover-animation-show {
  animation: semi-popover-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}
.semi-popover-animation-hide {
  animation: semi-popover-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}

.semi-popover-icon-arrow path:nth-child(1) {
  fill: var(--semi-color-border);
}
.semi-popover-icon-arrow path:nth-child(2) {
  fill: var(--semi-color-bg-3);
}

.semi-popover-wrapper .semi-popover-icon-arrow {
  height: 8px;
  width: 24px;
  position: absolute;
  color: unset;
}
.semi-popover-wrapper[x-placement=top] .semi-popover-icon-arrow {
  left: 50%;
  transform: translateX(-50%);
  bottom: -7px;
}
.semi-popover-wrapper[x-placement=top].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=top] .semi-popover-with-arrow {
  min-width: 36px;
}
.semi-popover-wrapper[x-placement=topLeft] .semi-popover-icon-arrow {
  bottom: -7px;
  left: 6px;
}
.semi-popover-wrapper[x-placement=topLeft].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=topLeft] .semi-popover-with-arrow {
  min-width: 36px;
}
.semi-popover-wrapper[x-placement=topRight] .semi-popover-icon-arrow {
  bottom: -7px;
  right: 6px;
}
.semi-popover-wrapper[x-placement=topRight].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=topRight] .semi-popover-with-arrow {
  min-width: 36px;
}
.semi-popover-wrapper[x-placement=leftTop] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  right: -7px;
  top: 6px;
}
.semi-popover-wrapper[x-placement=leftTop].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=leftTop] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=left] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  right: -7px;
  top: 50%;
  transform: translateY(-50%);
}
.semi-popover-wrapper[x-placement=left].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=left] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=leftBottom] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  right: -7px;
  bottom: 6px;
}
.semi-popover-wrapper[x-placement=leftBottom].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=leftBottom] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=rightTop] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  left: -7px;
  top: 6px;
  transform: rotate(180deg);
}
.semi-popover-wrapper[x-placement=rightTop].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=rightTop] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=right] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  left: -7px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.semi-popover-wrapper[x-placement=right].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=right] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-icon-arrow {
  width: 8px;
  height: 24px;
  left: -7px;
  bottom: 6px;
  transform: rotate(180deg);
}
.semi-popover-wrapper[x-placement=rightBottom].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=rightBottom] .semi-popover-with-arrow {
  min-height: 36px;
}
.semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-icon-arrow {
  top: -7px;
  left: 6px;
  transform: rotate(180deg);
}
.semi-popover-wrapper[x-placement=bottomLeft].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=bottomLeft] .semi-popover-with-arrow {
  min-width: 36px;
}
.semi-popover-wrapper[x-placement=bottom] .semi-popover-icon-arrow {
  top: -7px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.semi-popover-wrapper[x-placement=bottom].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=bottom] .semi-popover-with-arrow {
  min-width: 36px;
}
.semi-popover-wrapper[x-placement=bottomRight] .semi-popover-icon-arrow {
  right: 6px;
  top: -7px;
  transform: rotate(180deg);
}
.semi-popover-wrapper[x-placement=bottomRight].semi-popover-with-arrow,
.semi-popover-wrapper[x-placement=bottomRight] .semi-popover-with-arrow {
  min-width: 36px;
}

.semi-popover.semi-popover-rtl {
  direction: rtl;
}
/* shadow */
/* sizing */
/* spacing */
.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-rtl .semi-space,
.semi-portal-rtl .semi-space {
  direction: rtl;
}
/* shadow */
/* sizing */
/* spacing */
.semi-row {
  display: block;
  box-sizing: border-box;
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
}
.semi-row::before, .semi-row::after {
  display: table;
  content: "";
}
.semi-row::after {
  clear: both;
}

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

.semi-col-0, .semi-col-xs-0, .semi-col-sm-0, .semi-col-md-0, .semi-col-lg-0, .semi-col-xl-0, .semi-col-xxl-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-xs-1, .semi-col-sm-1, .semi-col-md-1, .semi-col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-2, .semi-col-xs-2, .semi-col-sm-2, .semi-col-md-2, .semi-col-lg-2 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-3, .semi-col-xs-3, .semi-col-sm-3, .semi-col-md-3, .semi-col-lg-3 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-4, .semi-col-xs-4, .semi-col-sm-4, .semi-col-md-4, .semi-col-lg-4 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-5, .semi-col-xs-5, .semi-col-sm-5, .semi-col-md-5, .semi-col-lg-5 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-6, .semi-col-xs-6, .semi-col-sm-6, .semi-col-md-6, .semi-col-lg-6 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-7, .semi-col-xs-7, .semi-col-sm-7, .semi-col-md-7, .semi-col-lg-7 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-8, .semi-col-xs-8, .semi-col-sm-8, .semi-col-md-8, .semi-col-lg-8 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-9, .semi-col-xs-9, .semi-col-sm-9, .semi-col-md-9, .semi-col-lg-9 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-10, .semi-col-xs-10, .semi-col-sm-10, .semi-col-md-10, .semi-col-lg-10 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-11, .semi-col-xs-11, .semi-col-sm-11, .semi-col-md-11, .semi-col-lg-11 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-12, .semi-col-xs-12, .semi-col-sm-12, .semi-col-md-12, .semi-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-13, .semi-col-xs-13, .semi-col-sm-13, .semi-col-md-13, .semi-col-lg-13 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-14, .semi-col-xs-14, .semi-col-sm-14, .semi-col-md-14, .semi-col-lg-14 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-15, .semi-col-xs-15, .semi-col-sm-15, .semi-col-md-15, .semi-col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-16, .semi-col-xs-16, .semi-col-sm-16, .semi-col-md-16, .semi-col-lg-16 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-17, .semi-col-xs-17, .semi-col-sm-17, .semi-col-md-17, .semi-col-lg-17 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-18, .semi-col-xs-18, .semi-col-sm-18, .semi-col-md-18, .semi-col-lg-18 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-19, .semi-col-xs-19, .semi-col-sm-19, .semi-col-md-19, .semi-col-lg-19 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-20, .semi-col-xs-20, .semi-col-sm-20, .semi-col-md-20, .semi-col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-21, .semi-col-xs-21, .semi-col-sm-21, .semi-col-md-21, .semi-col-lg-21 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-22, .semi-col-xs-22, .semi-col-sm-22, .semi-col-md-22, .semi-col-lg-22 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-23, .semi-col-xs-23, .semi-col-sm-23, .semi-col-md-23, .semi-col-lg-23 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-24, .semi-col-xs-24, .semi-col-sm-24, .semi-col-md-24, .semi-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}

.semi-col-1 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-2 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-3 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-4 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-5 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-6 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-7 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-8 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-9 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-10 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-11 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-12 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-13 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-14 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-15 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-16 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-17 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-18 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-19 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-20 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-21 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-22 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-23 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-24 {
  flex: 0 0 auto;
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-rtl .semi-col-1 {
  float: right;
}

.semi-rtl .semi-col-2 {
  float: right;
}

.semi-rtl .semi-col-3 {
  float: right;
}

.semi-rtl .semi-col-4 {
  float: right;
}

.semi-rtl .semi-col-5 {
  float: right;
}

.semi-rtl .semi-col-6 {
  float: right;
}

.semi-rtl .semi-col-7 {
  float: right;
}

.semi-rtl .semi-col-8 {
  float: right;
}

.semi-rtl .semi-col-9 {
  float: right;
}

.semi-rtl .semi-col-10 {
  float: right;
}

.semi-rtl .semi-col-11 {
  float: right;
}

.semi-rtl .semi-col-12 {
  float: right;
}

.semi-rtl .semi-col-13 {
  float: right;
}

.semi-rtl .semi-col-14 {
  float: right;
}

.semi-rtl .semi-col-15 {
  float: right;
}

.semi-rtl .semi-col-16 {
  float: right;
}

.semi-rtl .semi-col-17 {
  float: right;
}

.semi-rtl .semi-col-18 {
  float: right;
}

.semi-rtl .semi-col-19 {
  float: right;
}

.semi-rtl .semi-col-20 {
  float: right;
}

.semi-rtl .semi-col-21 {
  float: right;
}

.semi-rtl .semi-col-22 {
  float: right;
}

.semi-rtl .semi-col-23 {
  float: right;
}

.semi-rtl .semi-col-24 {
  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 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-2 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-3 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-4 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-5 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-6 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-7 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-8 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-9 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-10 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-11 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-12 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-13 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-14 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-15 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-16 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-17 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-18 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-19 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-20 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-21 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-22 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-23 {
  flex: 0 0 auto;
  float: left;
}

.semi-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.semi-rtl .semi-col-xs-1 {
  float: right;
}

.semi-rtl .semi-col-xs-2 {
  float: right;
}

.semi-rtl .semi-col-xs-3 {
  float: right;
}

.semi-rtl .semi-col-xs-4 {
  float: right;
}

.semi-rtl .semi-col-xs-5 {
  float: right;
}

.semi-rtl .semi-col-xs-6 {
  float: right;
}

.semi-rtl .semi-col-xs-7 {
  float: right;
}

.semi-rtl .semi-col-xs-8 {
  float: right;
}

.semi-rtl .semi-col-xs-9 {
  float: right;
}

.semi-rtl .semi-col-xs-10 {
  float: right;
}

.semi-rtl .semi-col-xs-11 {
  float: right;
}

.semi-rtl .semi-col-xs-12 {
  float: right;
}

.semi-rtl .semi-col-xs-13 {
  float: right;
}

.semi-rtl .semi-col-xs-14 {
  float: right;
}

.semi-rtl .semi-col-xs-15 {
  float: right;
}

.semi-rtl .semi-col-xs-16 {
  float: right;
}

.semi-rtl .semi-col-xs-17 {
  float: right;
}

.semi-rtl .semi-col-xs-18 {
  float: right;
}

.semi-rtl .semi-col-xs-19 {
  float: right;
}

.semi-rtl .semi-col-xs-20 {
  float: right;
}

.semi-rtl .semi-col-xs-21 {
  float: right;
}

.semi-rtl .semi-col-xs-22 {
  float: right;
}

.semi-rtl .semi-col-xs-23 {
  float: right;
}

.semi-rtl .semi-col-xs-24 {
  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 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-2 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-3 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-4 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-5 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-6 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-7 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-8 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-9 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-10 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-11 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-12 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-13 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-14 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-15 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-16 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-17 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-18 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-19 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-20 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-21 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-22 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-23 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-sm-1 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .semi-col-sm-push-3 {
    left: 12.5%;
  }
  .semi-col-sm-pull-3 {
    right: 12.5%;
  }
  .semi-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .semi-col-sm-order-3 {
    order: 3;
  }
  .semi-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .semi-col-sm-push-6 {
    left: 25%;
  }
  .semi-col-sm-pull-6 {
    right: 25%;
  }
  .semi-col-sm-offset-6 {
    margin-left: 25%;
  }
  .semi-col-sm-order-6 {
    order: 6;
  }
  .semi-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .semi-col-sm-push-9 {
    left: 37.5%;
  }
  .semi-col-sm-pull-9 {
    right: 37.5%;
  }
  .semi-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .semi-col-sm-order-9 {
    order: 9;
  }
  .semi-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .semi-col-sm-push-12 {
    left: 50%;
  }
  .semi-col-sm-pull-12 {
    right: 50%;
  }
  .semi-col-sm-offset-12 {
    margin-left: 50%;
  }
  .semi-col-sm-order-12 {
    order: 12;
  }
  .semi-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .semi-col-sm-push-15 {
    left: 62.5%;
  }
  .semi-col-sm-pull-15 {
    right: 62.5%;
  }
  .semi-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .semi-col-sm-order-15 {
    order: 15;
  }
  .semi-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .semi-col-sm-push-18 {
    left: 75%;
  }
  .semi-col-sm-pull-18 {
    right: 75%;
  }
  .semi-col-sm-offset-18 {
    margin-left: 75%;
  }
  .semi-col-sm-order-18 {
    order: 18;
  }
  .semi-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .semi-col-sm-push-21 {
    left: 87.5%;
  }
  .semi-col-sm-pull-21 {
    right: 87.5%;
  }
  .semi-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .semi-col-sm-order-21 {
    order: 21;
  }
  .semi-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .semi-col-sm-push-24 {
    left: 100%;
  }
  .semi-col-sm-pull-24 {
    right: 100%;
  }
  .semi-col-sm-offset-24 {
    margin-left: 100%;
  }
  .semi-col-sm-order-24 {
    order: 24;
  }
  .semi-rtl .semi-col-sm-1 {
    float: right;
  }
  .semi-rtl .semi-col-sm-2 {
    float: right;
  }
  .semi-rtl .semi-col-sm-3 {
    float: right;
  }
  .semi-rtl .semi-col-sm-4 {
    float: right;
  }
  .semi-rtl .semi-col-sm-5 {
    float: right;
  }
  .semi-rtl .semi-col-sm-6 {
    float: right;
  }
  .semi-rtl .semi-col-sm-7 {
    float: right;
  }
  .semi-rtl .semi-col-sm-8 {
    float: right;
  }
  .semi-rtl .semi-col-sm-9 {
    float: right;
  }
  .semi-rtl .semi-col-sm-10 {
    float: right;
  }
  .semi-rtl .semi-col-sm-11 {
    float: right;
  }
  .semi-rtl .semi-col-sm-12 {
    float: right;
  }
  .semi-rtl .semi-col-sm-13 {
    float: right;
  }
  .semi-rtl .semi-col-sm-14 {
    float: right;
  }
  .semi-rtl .semi-col-sm-15 {
    float: right;
  }
  .semi-rtl .semi-col-sm-16 {
    float: right;
  }
  .semi-rtl .semi-col-sm-17 {
    float: right;
  }
  .semi-rtl .semi-col-sm-18 {
    float: right;
  }
  .semi-rtl .semi-col-sm-19 {
    float: right;
  }
  .semi-rtl .semi-col-sm-20 {
    float: right;
  }
  .semi-rtl .semi-col-sm-21 {
    float: right;
  }
  .semi-rtl .semi-col-sm-22 {
    float: right;
  }
  .semi-rtl .semi-col-sm-23 {
    float: right;
  }
  .semi-rtl .semi-col-sm-24 {
    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 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-2 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-3 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-4 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-5 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-6 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-7 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-8 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-9 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-10 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-11 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-12 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-13 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-14 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-15 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-16 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-17 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-18 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-19 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-20 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-21 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-22 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-23 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-md-1 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .semi-col-md-push-3 {
    left: 12.5%;
  }
  .semi-col-md-pull-3 {
    right: 12.5%;
  }
  .semi-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .semi-col-md-order-3 {
    order: 3;
  }
  .semi-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .semi-col-md-push-6 {
    left: 25%;
  }
  .semi-col-md-pull-6 {
    right: 25%;
  }
  .semi-col-md-offset-6 {
    margin-left: 25%;
  }
  .semi-col-md-order-6 {
    order: 6;
  }
  .semi-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .semi-col-md-push-9 {
    left: 37.5%;
  }
  .semi-col-md-pull-9 {
    right: 37.5%;
  }
  .semi-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .semi-col-md-order-9 {
    order: 9;
  }
  .semi-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .semi-col-md-push-12 {
    left: 50%;
  }
  .semi-col-md-pull-12 {
    right: 50%;
  }
  .semi-col-md-offset-12 {
    margin-left: 50%;
  }
  .semi-col-md-order-12 {
    order: 12;
  }
  .semi-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .semi-col-md-push-15 {
    left: 62.5%;
  }
  .semi-col-md-pull-15 {
    right: 62.5%;
  }
  .semi-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .semi-col-md-order-15 {
    order: 15;
  }
  .semi-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .semi-col-md-push-18 {
    left: 75%;
  }
  .semi-col-md-pull-18 {
    right: 75%;
  }
  .semi-col-md-offset-18 {
    margin-left: 75%;
  }
  .semi-col-md-order-18 {
    order: 18;
  }
  .semi-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .semi-col-md-push-21 {
    left: 87.5%;
  }
  .semi-col-md-pull-21 {
    right: 87.5%;
  }
  .semi-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .semi-col-md-order-21 {
    order: 21;
  }
  .semi-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .semi-col-md-push-24 {
    left: 100%;
  }
  .semi-col-md-pull-24 {
    right: 100%;
  }
  .semi-col-md-offset-24 {
    margin-left: 100%;
  }
  .semi-col-md-order-24 {
    order: 24;
  }
  .semi-rtl .semi-col-md-1 {
    float: right;
  }
  .semi-rtl .semi-col-md-2 {
    float: right;
  }
  .semi-rtl .semi-col-md-3 {
    float: right;
  }
  .semi-rtl .semi-col-md-4 {
    float: right;
  }
  .semi-rtl .semi-col-md-5 {
    float: right;
  }
  .semi-rtl .semi-col-md-6 {
    float: right;
  }
  .semi-rtl .semi-col-md-7 {
    float: right;
  }
  .semi-rtl .semi-col-md-8 {
    float: right;
  }
  .semi-rtl .semi-col-md-9 {
    float: right;
  }
  .semi-rtl .semi-col-md-10 {
    float: right;
  }
  .semi-rtl .semi-col-md-11 {
    float: right;
  }
  .semi-rtl .semi-col-md-12 {
    float: right;
  }
  .semi-rtl .semi-col-md-13 {
    float: right;
  }
  .semi-rtl .semi-col-md-14 {
    float: right;
  }
  .semi-rtl .semi-col-md-15 {
    float: right;
  }
  .semi-rtl .semi-col-md-16 {
    float: right;
  }
  .semi-rtl .semi-col-md-17 {
    float: right;
  }
  .semi-rtl .semi-col-md-18 {
    float: right;
  }
  .semi-rtl .semi-col-md-19 {
    float: right;
  }
  .semi-rtl .semi-col-md-20 {
    float: right;
  }
  .semi-rtl .semi-col-md-21 {
    float: right;
  }
  .semi-rtl .semi-col-md-22 {
    float: right;
  }
  .semi-rtl .semi-col-md-23 {
    float: right;
  }
  .semi-rtl .semi-col-md-24 {
    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 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-2 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-3 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-4 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-5 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-6 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-7 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-8 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-9 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-10 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-11 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-12 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-13 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-14 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-15 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-16 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-17 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-18 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-19 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-20 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-21 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-22 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-23 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-lg-1 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .semi-col-lg-push-3 {
    left: 12.5%;
  }
  .semi-col-lg-pull-3 {
    right: 12.5%;
  }
  .semi-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .semi-col-lg-order-3 {
    order: 3;
  }
  .semi-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .semi-col-lg-push-6 {
    left: 25%;
  }
  .semi-col-lg-pull-6 {
    right: 25%;
  }
  .semi-col-lg-offset-6 {
    margin-left: 25%;
  }
  .semi-col-lg-order-6 {
    order: 6;
  }
  .semi-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .semi-col-lg-push-9 {
    left: 37.5%;
  }
  .semi-col-lg-pull-9 {
    right: 37.5%;
  }
  .semi-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .semi-col-lg-order-9 {
    order: 9;
  }
  .semi-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .semi-col-lg-push-12 {
    left: 50%;
  }
  .semi-col-lg-pull-12 {
    right: 50%;
  }
  .semi-col-lg-offset-12 {
    margin-left: 50%;
  }
  .semi-col-lg-order-12 {
    order: 12;
  }
  .semi-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .semi-col-lg-push-15 {
    left: 62.5%;
  }
  .semi-col-lg-pull-15 {
    right: 62.5%;
  }
  .semi-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .semi-col-lg-order-15 {
    order: 15;
  }
  .semi-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .semi-col-lg-push-18 {
    left: 75%;
  }
  .semi-col-lg-pull-18 {
    right: 75%;
  }
  .semi-col-lg-offset-18 {
    margin-left: 75%;
  }
  .semi-col-lg-order-18 {
    order: 18;
  }
  .semi-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .semi-col-lg-push-21 {
    left: 87.5%;
  }
  .semi-col-lg-pull-21 {
    right: 87.5%;
  }
  .semi-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .semi-col-lg-order-21 {
    order: 21;
  }
  .semi-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .semi-col-lg-push-24 {
    left: 100%;
  }
  .semi-col-lg-pull-24 {
    right: 100%;
  }
  .semi-col-lg-offset-24 {
    margin-left: 100%;
  }
  .semi-col-lg-order-24 {
    order: 24;
  }
  .semi-rtl .semi-col-lg-1 {
    float: right;
  }
  .semi-rtl .semi-col-lg-2 {
    float: right;
  }
  .semi-rtl .semi-col-lg-3 {
    float: right;
  }
  .semi-rtl .semi-col-lg-4 {
    float: right;
  }
  .semi-rtl .semi-col-lg-5 {
    float: right;
  }
  .semi-rtl .semi-col-lg-6 {
    float: right;
  }
  .semi-rtl .semi-col-lg-7 {
    float: right;
  }
  .semi-rtl .semi-col-lg-8 {
    float: right;
  }
  .semi-rtl .semi-col-lg-9 {
    float: right;
  }
  .semi-rtl .semi-col-lg-10 {
    float: right;
  }
  .semi-rtl .semi-col-lg-11 {
    float: right;
  }
  .semi-rtl .semi-col-lg-12 {
    float: right;
  }
  .semi-rtl .semi-col-lg-13 {
    float: right;
  }
  .semi-rtl .semi-col-lg-14 {
    float: right;
  }
  .semi-rtl .semi-col-lg-15 {
    float: right;
  }
  .semi-rtl .semi-col-lg-16 {
    float: right;
  }
  .semi-rtl .semi-col-lg-17 {
    float: right;
  }
  .semi-rtl .semi-col-lg-18 {
    float: right;
  }
  .semi-rtl .semi-col-lg-19 {
    float: right;
  }
  .semi-rtl .semi-col-lg-20 {
    float: right;
  }
  .semi-rtl .semi-col-lg-21 {
    float: right;
  }
  .semi-rtl .semi-col-lg-22 {
    float: right;
  }
  .semi-rtl .semi-col-lg-23 {
    float: right;
  }
  .semi-rtl .semi-col-lg-24 {
    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 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-2 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-3 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-4 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-5 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-6 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-7 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-8 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-9 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-10 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-11 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-12 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-13 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-14 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-15 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-16 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-17 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-18 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-19 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-20 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-21 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-22 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-23 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xl-1 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .semi-col-xl-push-3 {
    left: 12.5%;
  }
  .semi-col-xl-pull-3 {
    right: 12.5%;
  }
  .semi-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .semi-col-xl-order-3 {
    order: 3;
  }
  .semi-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .semi-col-xl-push-6 {
    left: 25%;
  }
  .semi-col-xl-pull-6 {
    right: 25%;
  }
  .semi-col-xl-offset-6 {
    margin-left: 25%;
  }
  .semi-col-xl-order-6 {
    order: 6;
  }
  .semi-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .semi-col-xl-push-9 {
    left: 37.5%;
  }
  .semi-col-xl-pull-9 {
    right: 37.5%;
  }
  .semi-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .semi-col-xl-order-9 {
    order: 9;
  }
  .semi-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .semi-col-xl-push-12 {
    left: 50%;
  }
  .semi-col-xl-pull-12 {
    right: 50%;
  }
  .semi-col-xl-offset-12 {
    margin-left: 50%;
  }
  .semi-col-xl-order-12 {
    order: 12;
  }
  .semi-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .semi-col-xl-push-15 {
    left: 62.5%;
  }
  .semi-col-xl-pull-15 {
    right: 62.5%;
  }
  .semi-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .semi-col-xl-order-15 {
    order: 15;
  }
  .semi-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .semi-col-xl-push-18 {
    left: 75%;
  }
  .semi-col-xl-pull-18 {
    right: 75%;
  }
  .semi-col-xl-offset-18 {
    margin-left: 75%;
  }
  .semi-col-xl-order-18 {
    order: 18;
  }
  .semi-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .semi-col-xl-push-21 {
    left: 87.5%;
  }
  .semi-col-xl-pull-21 {
    right: 87.5%;
  }
  .semi-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .semi-col-xl-order-21 {
    order: 21;
  }
  .semi-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .semi-col-xl-push-24 {
    left: 100%;
  }
  .semi-col-xl-pull-24 {
    right: 100%;
  }
  .semi-col-xl-offset-24 {
    margin-left: 100%;
  }
  .semi-col-xl-order-24 {
    order: 24;
  }
  .semi-rtl .semi-col-xl-1 {
    float: right;
  }
  .semi-rtl .semi-col-xl-2 {
    float: right;
  }
  .semi-rtl .semi-col-xl-3 {
    float: right;
  }
  .semi-rtl .semi-col-xl-4 {
    float: right;
  }
  .semi-rtl .semi-col-xl-5 {
    float: right;
  }
  .semi-rtl .semi-col-xl-6 {
    float: right;
  }
  .semi-rtl .semi-col-xl-7 {
    float: right;
  }
  .semi-rtl .semi-col-xl-8 {
    float: right;
  }
  .semi-rtl .semi-col-xl-9 {
    float: right;
  }
  .semi-rtl .semi-col-xl-10 {
    float: right;
  }
  .semi-rtl .semi-col-xl-11 {
    float: right;
  }
  .semi-rtl .semi-col-xl-12 {
    float: right;
  }
  .semi-rtl .semi-col-xl-13 {
    float: right;
  }
  .semi-rtl .semi-col-xl-14 {
    float: right;
  }
  .semi-rtl .semi-col-xl-15 {
    float: right;
  }
  .semi-rtl .semi-col-xl-16 {
    float: right;
  }
  .semi-rtl .semi-col-xl-17 {
    float: right;
  }
  .semi-rtl .semi-col-xl-18 {
    float: right;
  }
  .semi-rtl .semi-col-xl-19 {
    float: right;
  }
  .semi-rtl .semi-col-xl-20 {
    float: right;
  }
  .semi-rtl .semi-col-xl-21 {
    float: right;
  }
  .semi-rtl .semi-col-xl-22 {
    float: right;
  }
  .semi-rtl .semi-col-xl-23 {
    float: right;
  }
  .semi-rtl .semi-col-xl-24 {
    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 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-2 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-3 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-4 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-5 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-6 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-7 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-8 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-9 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-10 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-11 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-12 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-13 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-14 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-15 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-16 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-17 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-18 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-19 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-20 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-21 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-22 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-23 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .semi-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .semi-col-xxl-push-3 {
    left: 12.5%;
  }
  .semi-col-xxl-pull-3 {
    right: 12.5%;
  }
  .semi-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .semi-col-xxl-order-3 {
    order: 3;
  }
  .semi-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .semi-col-xxl-push-6 {
    left: 25%;
  }
  .semi-col-xxl-pull-6 {
    right: 25%;
  }
  .semi-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .semi-col-xxl-order-6 {
    order: 6;
  }
  .semi-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .semi-col-xxl-push-9 {
    left: 37.5%;
  }
  .semi-col-xxl-pull-9 {
    right: 37.5%;
  }
  .semi-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .semi-col-xxl-order-9 {
    order: 9;
  }
  .semi-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .semi-col-xxl-push-12 {
    left: 50%;
  }
  .semi-col-xxl-pull-12 {
    right: 50%;
  }
  .semi-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .semi-col-xxl-order-12 {
    order: 12;
  }
  .semi-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .semi-col-xxl-push-15 {
    left: 62.5%;
  }
  .semi-col-xxl-pull-15 {
    right: 62.5%;
  }
  .semi-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .semi-col-xxl-order-15 {
    order: 15;
  }
  .semi-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .semi-col-xxl-push-18 {
    left: 75%;
  }
  .semi-col-xxl-pull-18 {
    right: 75%;
  }
  .semi-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .semi-col-xxl-order-18 {
    order: 18;
  }
  .semi-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .semi-col-xxl-push-21 {
    left: 87.5%;
  }
  .semi-col-xxl-pull-21 {
    right: 87.5%;
  }
  .semi-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .semi-col-xxl-order-21 {
    order: 21;
  }
  .semi-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.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 {
    display: block;
    box-sizing: border-box;
    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 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .semi-col-xxl-push-24 {
    left: 100%;
  }
  .semi-col-xxl-pull-24 {
    right: 100%;
  }
  .semi-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .semi-col-xxl-order-24 {
    order: 24;
  }
  .semi-rtl .semi-col-xxl-1 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-2 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-3 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-4 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-5 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-6 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-7 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-8 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-9 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-10 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-11 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-12 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-13 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-14 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-15 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-16 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-17 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-18 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-19 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-20 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-21 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-22 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-23 {
    float: right;
  }
  .semi-rtl .semi-col-xxl-24 {
    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-rtl .semi-row,
.semi-rtl .semi-row-flex,
.semi-portal-rtl .semi-row,
.semi-portal-rtl .semi-row-flex {
  direction: rtl;
}
/* shadow */
/* sizing */
/* spacing */
@keyframes semi-input-active {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.97);
  }
}
@keyframes semi-input-inactive {
  from {
    transform: scale(0.97);
  }
  to {
    transform: scale(1);
  }
}
.semi-input {
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}

.semi-input-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--semi-color-fill-0);
  border: 1px transparent solid;
  border-radius: var(--semi-border-radius-small);
  width: 100%;
  outline: none;
  cursor: text;
  box-sizing: border-box;
  color: var(--semi-color-text-0);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-input-wrapper-default {
  height: 32px;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px;
}
.semi-input-wrapper-small {
  height: 24px;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 22px;
}
.semi-input-wrapper-large {
  height: 40px;
  font-size: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  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: var(--semi-color-focus-border) solid 1px;
}
.semi-input-wrapper-focus:hover {
  background-color: var(--semi-color-fill-0);
  border-color: var(--semi-color-focus-border);
}
.semi-input-wrapper-focus:active {
  background-color: var(--semi-color-fill-2);
  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-error:active {
  background-color: var(--semi-color-danger-light-active);
  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-warning:active {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning);
}
.semi-input-wrapper__with-prefix {
  display: inline-flex;
  align-items: center;
}
.semi-input-wrapper__with-prefix .semi-input {
  padding-left: 0;
}
.semi-input-wrapper__with-suffix {
  display: inline-flex;
  align-items: center;
}
.semi-input-wrapper__with-suffix .semi-input {
  padding-right: 0;
}
.semi-input-wrapper-clearable, .semi-input-wrapper-modebtn {
  display: inline-flex;
  align-items: center;
}
.semi-input-wrapper-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 .semi-input-clearbtn:focus-visible,
.semi-input-wrapper .semi-input-modebtn:focus-visible {
  border-radius: var(--semi-border-radius-small);
  outline: 2px solid var(--semi-color-primary-light-active);
  outline-offset: -1px;
}
.semi-input-wrapper__with-suffix-icon.semi-input-wrapper-clearable:not(.semi-input-wrapper__with-suffix-hidden) .semi-input-clearbtn {
  min-width: 24px;
  justify-content: flex-end;
}
.semi-input-wrapper-modebtn.semi-input-wrapper-clearable .semi-input-clearbtn {
  min-width: 16px;
  justify-content: center;
}
.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-right-style: none;
  border-radius: 0;
}
.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-right-style: none;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend, .semi-input-wrapper.semi-input-wrapper__with-append {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend:hover, .semi-input-wrapper.semi-input-wrapper__with-append:hover {
  background-color: transparent;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-focus {
  border: 1px transparent solid;
  background-color: transparent;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
  background-color: var(--semi-color-fill-0);
  border: 1px transparent solid;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
  background-color: var(--semi-color-fill-1);
}
.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, .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 {
  background-color: var(--semi-color-fill-1);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
  border: 1px var(--semi-color-focus-border) solid;
  background-color: var(--semi-color-fill-0);
}
.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-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
  border-right-style: none;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn + .semi-input-clearbtn {
  border-right-style: none;
}
.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, .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 {
  box-sizing: border-box;
  background-color: var(--semi-color-fill-0);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
  border: 1px var(--semi-color-focus-border) solid;
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left-style: none;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn:not(:last-child) {
  border-radius: 0;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
  border: 1px var(--semi-color-focus-border) solid;
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left-style: none;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn:not(:last-child), .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn:not(:last-child) {
  border-radius: 0;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
  background-color: var(--semi-color-fill-2);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
  background-color: var(--semi-color-fill-2);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
  background-color: var(--semi-color-fill-0);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .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-modebtn: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:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error {
  border-color: transparent;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.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-prepend.semi-input-wrapper-error .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.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-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, .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 {
  background-color: var(--semi-color-danger-light-hover);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}
.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, .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 {
  background-color: var(--semi-color-danger-light-default);
  border-color: var(--semi-color-danger);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
  background-color: var(--semi-color-danger-light-active);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
  background-color: var(--semi-color-danger-light-active);
  border-color: var(--semi-color-danger);
}
.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-modebtn, .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:hover, .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-modebtn, .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:hover {
  background-color: var(--semi-color-danger-light-default);
}
.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: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-modebtn: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:last-child, .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-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning {
  border-color: transparent;
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.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-prepend.semi-input-wrapper-warning .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.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-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, .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 {
  background-color: var(--semi-color-warning-light-hover);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}
.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, .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 {
  background-color: var(--semi-color-warning-light-default);
  border-color: var(--semi-color-warning);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
  background-color: var(--semi-color-warning-light-active);
}
.semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
  background-color: var(--semi-color-warning-light-active);
  border-color: var(--semi-color-warning);
}
.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-modebtn, .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:hover, .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-modebtn, .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:hover {
  background-color: var(--semi-color-warning-light-default);
}
.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: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-modebtn: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:last-child, .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-modebtn:hover:last-child {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}
.semi-input-wrapper-disabled {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: var(--semi-color-disabled-fill);
  -webkit-text-fill-color: var(--semi-color-disabled-text);
}
.semi-input-wrapper-disabled:hover {
  background-color: var(--semi-color-disabled-fill);
}
.semi-input-wrapper-disabled .semi-input-append,
.semi-input-wrapper-disabled .semi-input-prepend,
.semi-input-wrapper-disabled .semi-input-suffix,
.semi-input-wrapper-disabled .semi-input-prefix,
.semi-input-wrapper-disabled .semi-icon {
  color: var(--semi-color-disabled-text);
}

.semi-input {
  border: none;
  outline: none;
  width: 100%;
  color: inherit;
  padding-left: 12px;
  padding-right: 12px;
  background-color: transparent;
  box-sizing: border-box;
}
.semi-input:-moz-placeholder {
  text-overflow: ellipsis;
}
.semi-input:placeholder-shown {
  text-overflow: ellipsis;
}
.semi-input[type=password]::-ms-reveal, .semi-input[type=password]::-ms-clear {
  display: none;
}
.semi-input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.semi-input::-moz-placeholder {
  color: var(--semi-color-text-2);
}
.semi-input::placeholder {
  color: var(--semi-color-text-2);
}
.semi-input-large {
  height: 38px;
  font-size: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 38px;
}
.semi-input-small {
  height: 22px;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 22px;
}
.semi-input-default {
  height: 30px;
  font-size: 14px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 30px;
}
.semi-input-disabled {
  cursor: not-allowed;
  color: inherit;
}
.semi-input-inset-label {
  margin: 0 12px;
  font-weight: 600;
  color: var(--semi-color-text-2);
  flex-shrink: 0;
  white-space: nowrap;
}
.semi-input-prefix, .semi-input-suffix {
  display: flex;
  justify-content: center;
  align-items: center;
}
.semi-input-prefix-text, .semi-input-suffix-text {
  margin: 0 12px;
  color: var(--semi-color-text-2);
  font-weight: 600;
  white-space: nowrap;
}
.semi-input-prefix-icon, .semi-input-suffix-icon {
  color: var(--semi-color-text-2);
  margin: 0 8px;
}
.semi-input-suffix {
  display: flex;
  justify-content: center;
  align-items: center;
}
.semi-input-clearbtn, .semi-input-modebtn {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  min-width: 32px;
}
.semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-text {
  margin-left: 0;
}
.semi-input-clearbtn + .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: 0;
}
.semi-input-suffix-hidden {
  display: none;
}
.semi-input-prepend, .semi-input-append {
  height: 100%;
  display: flex;
  align-items: center;
  background-color: var(--semi-color-fill-0);
  color: var(--semi-color-text-2);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  flex-shrink: 0;
}
.semi-input-prepend-icon, .semi-input-prepend-text, .semi-input-append-icon, .semi-input-append-text {
  padding: 0 12px;
}
.semi-input-append {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
  border-left: 1px transparent solid;
}
.semi-input-prepend {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
  border-right: 1px transparent solid;
}
.semi-input-disabled::-moz-placeholder {
  color: var(--semi-color-disabled-text);
}
.semi-input-disabled::placeholder {
  color: var(--semi-color-disabled-text);
}
.semi-input-group {
  display: inline-flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.semi-input-group .semi-select,
.semi-input-group .semi-tagInput,
.semi-input-group .semi-cascader,
.semi-input-group .semi-tree-select, .semi-input-group > .semi-input-wrapper {
  border-radius: 0;
}
.semi-input-group .semi-select:first-child,
.semi-input-group .semi-tagInput:first-child,
.semi-input-group .semi-cascader: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-select:last-child,
.semi-input-group .semi-tagInput:last-child,
.semi-input-group .semi-cascader: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-select:not(:last-child),
.semi-input-group .semi-tagInput:not(:last-child),
.semi-input-group .semi-cascader: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-select:not(:last-child)::after,
.semi-input-group .semi-tagInput:not(:last-child)::after,
.semi-input-group .semi-cascader:not(:last-child)::after,
.semi-input-group .semi-tree-select:not(:last-child)::after, .semi-input-group > .semi-input-wrapper:not(:last-child)::after {
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  position: absolute;
  right: -1px;
  top: 1px;
  bottom: 1px;
}
.semi-input-group .semi-select {
  overflow-y: visible;
}
.semi-input-group .semi-input-number .semi-input-wrapper,
.semi-input-group .semi-input-number .semi-datepicker-range-input,
.semi-input-group .semi-datepicker .semi-input-wrapper,
.semi-input-group .semi-datepicker .semi-datepicker-range-input,
.semi-input-group .semi-timepicker .semi-input-wrapper,
.semi-input-group .semi-timepicker .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete .semi-input-wrapper,
.semi-input-group .semi-autocomplete .semi-datepicker-range-input {
  border-radius: 0;
}
.semi-input-group .semi-input-number:first-child .semi-input-wrapper,
.semi-input-group .semi-input-number:first-child .semi-datepicker-range-input,
.semi-input-group .semi-datepicker:first-child .semi-input-wrapper,
.semi-input-group .semi-datepicker:first-child .semi-datepicker-range-input,
.semi-input-group .semi-timepicker:first-child .semi-input-wrapper,
.semi-input-group .semi-timepicker:first-child .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete:first-child .semi-input-wrapper,
.semi-input-group .semi-autocomplete:first-child .semi-datepicker-range-input {
  border-radius: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small);
}
.semi-input-group .semi-input-number:last-child .semi-input-wrapper,
.semi-input-group .semi-input-number:last-child .semi-datepicker-range-input,
.semi-input-group .semi-datepicker:last-child .semi-input-wrapper,
.semi-input-group .semi-datepicker:last-child .semi-datepicker-range-input,
.semi-input-group .semi-timepicker:last-child .semi-input-wrapper,
.semi-input-group .semi-timepicker:last-child .semi-datepicker-range-input,
.semi-input-group .semi-autocomplete:last-child .semi-input-wrapper,
.semi-input-group .semi-autocomplete:last-child .semi-datepicker-range-input {
  border-radius: 0 var(--semi-border-radius-small) var(--semi-border-radius-small) 0;
}
.semi-input-group .semi-input-number:not(:last-child),
.semi-input-group .semi-datepicker:not(:last-child),
.semi-input-group .semi-timepicker:not(:last-child),
.semi-input-group .semi-autocomplete:not(:last-child) {
  position: relative;
}
.semi-input-group .semi-input-number:not(:last-child)::after,
.semi-input-group .semi-datepicker:not(:last-child)::after,
.semi-input-group .semi-timepicker:not(:last-child)::after,
.semi-input-group .semi-autocomplete:not(:last-child)::after {
  content: "";
  background-color: var(--semi-color-border);
  width: 1px;
  position: absolute;
  right: -1px;
  top: 1px;
  bottom: 1px;
}
.semi-input-group-wrapper-with-top-label {
  margin-top: 16px;
  margin-bottom: 16px;
}
.semi-input-group-wrapper-with-top-label .semi-input-group {
  display: flex;
}
.semi-input-group-wrapper-with-top-label .semi-input-group .semi-form-field {
  margin-top: 0;
  margin-bottom: 0;
}

.semi-input-only_border {
  background: transparent;
  border-color: var(--semi-color-border);
}
.semi-input-only_border:hover {
  background: transparent;
  border-color: var(--semi-color-border);
}
.semi-input-only_border:focus-within {
  background: transparent;
}

.semi-input-borderless:not(:focus-within):not(:hover) {
  background-color: transparent;
  border-color: transparent;
}
.semi-input-borderless:focus-within:not(:active) {
  background-color: transparent;
}
.semi-input-borderless.semi-input-wrapper-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}
.semi-input-borderless.semi-input-wrapper-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}

.semi-rtl .semi-input-wrapper,
.semi-portal-rtl .semi-input-wrapper {
  direction: rtl;
}
.semi-rtl .semi-input-wrapper__with-prefix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
  padding-left: auto;
  padding-right: 0;
}
.semi-rtl .semi-input-wrapper__with-suffix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
  padding-right: auto;
  padding-left: 0;
}
.semi-rtl .semi-input,
.semi-portal-rtl .semi-input {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-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-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
  margin-left: auto;
  margin-right: 0;
}
.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: auto;
  margin-right: 0;
}
.semi-rtl .semi-input-append,
.semi-portal-rtl .semi-input-append {
  border-left: 0;
  border-right: 1px transparent solid;
}
.semi-rtl .semi-input-prepend,
.semi-portal-rtl .semi-input-prepend {
  border-right: 0;
  border-left: 1px transparent solid;
}
.semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-rtl .semi-input-group .semi-cascader: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,
.semi-portal-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-cascader: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 {
  right: auto;
  left: -1px;
}
.semi-rtl .semi-input-group .semi-input-number:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child)::after {
  right: auto;
  left: -1px;
}
.semi-rtl .semi-input-textarea-wrapper,
.semi-portal-rtl .semi-input-textarea-wrapper {
  direction: rtl;
}
.semi-rtl .semi-input-textarea-counter,
.semi-portal-rtl .semi-input-textarea-counter {
  text-align: left;
}
.semi-rtl .semi-input-textarea-showClear,
.semi-portal-rtl .semi-input-textarea-showClear {
  padding-right: 0;
  padding-left: 36px;
}
/* shadow */
/* sizing */
/* spacing */
.semi-input-textarea-wrapper {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 100%;
  border: 1px transparent solid;
  border-radius: var(--semi-border-radius-small);
  vertical-align: bottom;
  background-color: var(--semi-color-fill-0);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
}
.semi-input-textarea-wrapper:hover {
  background-color: var(--semi-color-fill-1);
}
.semi-input-textarea-wrapper-focus {
  background-color: var(--semi-color-fill-0);
  border: 1px var(--semi-color-focus-border) solid;
}
.semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
  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 {
  position: absolute;
  top: 0;
  min-width: 24px;
  color: var(--semi-color-text-2);
  right: 4px;
  height: 32px;
}
.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 {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: var(--semi-color-disabled-fill);
}
.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::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);
}
.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);
}

.semi-input-textarea {
  position: relative;
  resize: none;
  padding: 5px 12px;
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
  border: 0 solid transparent;
  vertical-align: bottom;
  width: 100%;
  outline: none;
  cursor: text;
  box-sizing: border-box;
  color: var(--semi-color-text-0);
}
.semi-input-textarea:hover {
  border-color: transparent;
}
.semi-input-textarea::-moz-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 {
  cursor: not-allowed;
  color: var(--semi-color-disabled-text);
  background-color: transparent;
}
.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::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 {
  font-size: 12px;
  line-height: 16px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3px 12px 5px 12px;
  min-height: 24px;
  text-align: right;
  color: var(--semi-color-text-2);
}
.semi-input-textarea-counter-exceed {
  color: var(--semi-color-danger);
}

.semi-input-textarea-borderless:not(:focus-within):not(:hover) {
  background-color: transparent;
  border-color: transparent;
}
.semi-input-textarea-borderless:focus-within:not(:active) {
  background-color: transparent;
}
.semi-input-textarea-borderless.semi-input-textarea-wrapper-error:not(:focus-within) {
  border-color: var(--semi-color-danger);
}
.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning:not(:focus-within) {
  border-color: var(--semi-color-warning);
}
.semi-input-textarea-borderless.semi-input-textarea-wrapper-error .semi-input-textarea-counter {
  color: var(--semi-color-danger);
}
.semi-input-textarea-borderless.semi-input-textarea-wrapper-warning .semi-input-textarea-counter {
  color: var(--semi-color-warning);
}

.semi-rtl .semi-input-wrapper,
.semi-portal-rtl .semi-input-wrapper {
  direction: rtl;
}
.semi-rtl .semi-input-wrapper__with-prefix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-prefix .semi-input {
  padding-left: auto;
  padding-right: 0;
}
.semi-rtl .semi-input-wrapper__with-suffix .semi-input,
.semi-portal-rtl .semi-input-wrapper__with-suffix .semi-input {
  padding-right: auto;
  padding-left: 0;
}
.semi-rtl .semi-input,
.semi-portal-rtl .semi-input {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-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-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-text,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-text {
  margin-left: auto;
  margin-right: 0;
}
.semi-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-rtl .semi-input-suffix + .semi-input-suffix-icon,
.semi-portal-rtl .semi-input-clearbtn + .semi-portal-rtl .semi-input-suffix + .semi-input-suffix-icon {
  margin-left: auto;
  margin-right: 0;
}
.semi-rtl .semi-input-append,
.semi-portal-rtl .semi-input-append {
  border-left: 0;
  border-right: 1px transparent solid;
}
.semi-rtl .semi-input-prepend,
.semi-portal-rtl .semi-input-prepend {
  border-right: 0;
  border-left: 1px transparent solid;
}
.semi-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-rtl .semi-input-group .semi-cascader: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,
.semi-portal-rtl .semi-input-group .semi-select:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-cascader: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 {
  right: auto;
  left: -1px;
}
.semi-rtl .semi-input-group .semi-input-number:not(:last-child)::after,
.semi-portal-rtl .semi-input-group .semi-input-number:not(:last-child)::after {
  right: auto;
  left: -1px;
}
.semi-rtl .semi-input-textarea-wrapper,
.semi-portal-rtl .semi-input-textarea-wrapper {
  direction: rtl;
}
.semi-rtl .semi-input-textarea-counter,
.semi-portal-rtl .semi-input-textarea-counter {
  text-align: left;
}
.semi-rtl .semi-input-textarea-showClear,
.semi-portal-rtl .semi-input-textarea-showClear {
  padding-right: 0;
  padding-left: 36px;
}
/* shadow */
/* sizing */
/* spacing */
.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-header {
  display: flex;
  justify-content: flex-start;
}
.semi-popconfirm-header-title {
  font-size: 16px;
  line-height: 22px;
  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-bottom: 8px;
  color: var(--semi-color-text-0);
}
.semi-popconfirm-header-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.semi-popconfirm-header .semi-icon-alert_triangle {
  color: var(--semi-color-warning);
}
.semi-popconfirm-header-body {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
}
.semi-popconfirm-body {
  color: var(--semi-color-text-2);
}
.semi-popconfirm-body-withIcon {
  margin-left: 36px;
}
.semi-popconfirm-body > p {
  margin: 0;
  padding: 0;
}
.semi-popconfirm-footer {
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
}
.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-popconfirm-rtl {
  direction: rtl;
}
.semi-popconfirm-rtl .semi-popconfirm-inner {
  padding: 24px 20px 24px 24px;
}
.semi-popconfirm-rtl .semi-popconfirm-header {
  margin-right: 0;
}
.semi-popconfirm-rtl .semi-popconfirm-header-icon {
  margin-right: 0;
  margin-left: 12px;
}
.semi-popconfirm-rtl .semi-popconfirm-footer {
  justify-content: flex-end;
}
.semi-popconfirm-rtl .semi-popconfirm-footer > .semi-button:first-child:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}

.semi-popover-with-arrow.semi-popconfirm-rtl {
  direction: rtl;
}
.semi-popover-with-arrow.semi-popconfirm-rtl .semi-popconfirm-inner {
  padding: 12px 8px 12px 12px;
}
/* shadow */
/* sizing */
/* spacing */
.semi-toast {
  pointer-events: none;
}
.semi-toast-wrapper {
  position: fixed;
  height: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1010;
}
.semi-toast-wrapper .semi-toast-innerWrapper {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
}
.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
  perspective: unset;
  perspective-origin: center center;
}
.semi-toast-zero-height-wrapper {
  transition: all 300ms cubic-bezier(0.22, 0.57, 0.02, 1.2);
  perspective-origin: center 280px;
  perspective: 280px;
  height: 0;
  overflow: visible;
}
.semi-toast-content {
  pointer-events: all;
  box-shadow: var(--semi-shadow-elevated);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--semi-color-bg-3);
  border-radius: var(--semi-border-radius-medium);
  padding: 12px 8px 12px 8px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  margin: 12px;
  font-weight: 600;
  color: var(--semi-color-text-0);
}
.semi-toast-content .semi-toast-close-button {
  margin-top: -2px;
  height: 20px;
}
.semi-toast-content .semi-toast-content-text {
  margin-left: 12px;
  margin-right: 12px;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.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-warning .semi-toast-icon-warning {
  color: 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-success .semi-toast-icon-success {
  color: 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-info .semi-toast-icon-info {
  color: 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-light.semi-toast-error .semi-toast-icon-error {
  color: 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-animation-show {
  animation: 300ms semi-toast-keyframe-toast-show cubic-bezier(0.22, 0.57, 0.02, 1.2) 0s;
  animation-fill-mode: forwards;
}
.semi-toast-animation-hide {
  animation: 300ms semi-toast-keyframe-toast-hide cubic-bezier(0.22, 0.57, 0.02, 1.2) 0s;
  animation-fill-mode: forwards;
}
@keyframes semi-toast-keyframe-toast-show {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes semi-toast-keyframe-toast-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

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

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

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

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

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

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

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

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

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

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

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

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

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

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

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

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

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

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
.h-\[32px\] {
  height: 32px;
}
.w-full {
  width: 100%;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.text-wrap {
  text-wrap: wrap;
}
.border {
  border-width: 1px;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-\[15px\] {
  padding: 15px;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-center {
  text-align: center;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.\!shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@media (min-width: 1024px) {

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

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

  .lg\:text-right {
    text-align: right;
  }
}
.mos-product-specifications-tab-settings-template #wpcontent {
  padding-left: 0;
}
.mos-product-specifications-tab-settings-template input[type=color],
.mos-product-specifications-tab-settings-template input[type=date],
.mos-product-specifications-tab-settings-template input[type=datetime-local],
.mos-product-specifications-tab-settings-template input[type=datetime],
.mos-product-specifications-tab-settings-template input[type=email],
.mos-product-specifications-tab-settings-template input[type=month],
.mos-product-specifications-tab-settings-template input[type=number],
.mos-product-specifications-tab-settings-template input[type=password],
.mos-product-specifications-tab-settings-template input[type=search],
.mos-product-specifications-tab-settings-template input[type=tel],
.mos-product-specifications-tab-settings-template input[type=text],
.mos-product-specifications-tab-settings-template input[type=time],
.mos-product-specifications-tab-settings-template input[type=url],
.mos-product-specifications-tab-settings-template input[type=week],
.mos-product-specifications-tab-settings-template select,
.mos-product-specifications-tab-settings-template textarea {
  border-radius: unset;
  border: unset;
  background-color: unset;
  width: 100%;
  float: unset;
}